95
LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN PEMBANGUNAN KABUPATEN BANTUL DAERAH ISTEMEWA YOGYAKARTA Diajukan sebagai salah satu syarat untuk memperoleh gelar sarjana Teknik Informatika Disusun oleh : Nama : Achmad Azhar R.N NIM : 11651025 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA YOGYAKARTA 2014

LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

  • Upload
    others

  • View
    9

  • Download
    0

Embed Size (px)

Citation preview

Page 1: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

LAPORAN KERJA PRAKTEK

SISTEM INFORMASI PERENCANAAN PEMBANGUNAN KABUPATEN

BANTUL DAERAH ISTEMEWA YOGYAKARTA

Diajukan sebagai salah satu syarat

untuk memperoleh gelar sarjana Teknik Informatika

Disusun oleh :

Nama : Achmad Azhar R.N

NIM : 11651025

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA

YOGYAKARTA

2014

Page 2: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat
Page 3: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

KATA PENGANTAR

Puji dan syukur kami panjatkan ke hadirat Tuhan Yang Maha Esa, karena

hanya atas berkat dan rahmat-Nya, sehingga Laporan Kerja Praktek yang berjudul

“SISTEM INFORMASI PERENCANAAN PEMBANGUNAN

KABUPATEN BANTUL DAERAH ISTIMEWA YOGYAKARYA”

dapat diselesaikan dengan baik dan tepat waktu. Adapun tujuan penulisan

laporan ini adalah untuk memenuhi persyaratan dalam menyelesaikan Kerja

Praktek Program Studi Teknik Informatika UIN Sunan Kalijaga Yogyakarta.

Penyusunan laporan ini tidak terlepas dari bantuan beberapa pihak, oleh

karena itu penulis hendak mengucapkan terima kasih kepada :

1. Orang tua serta kakak tercinta, yang telah memberikan doa, semangat,

dukungan, dan motivasi selama melakukan studi.

2. Bapak Agus Mulyanto, S.Si., M.Kom. selaku Kepala Program Studi Teknik

Informatika.

3. Bapak Bambang Sugiantoro, MT. selaku Dosen Pembimbing Kerja Praktek.

4. Kawuniningrum, ST. yang telah banyak membantu dan memberikan data.

5. Kantor KPDT Kabupaten Bantul, Daerah Istimewa Yogyakarta yang telah

mengizinkan kami untuk menjalankan kerja praktik.

6. Datofa Prastyo, Wisnu Setiawan, Herman Hidayat, Radikto Saputro, Fitri

Soimah, Dianto Wibowo, Yessi Yunita ,Nur Hisyam serta teman-teman

Teknik Informatika 2011 atas motivasi dan dukungan selama ini.

Page 4: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

7. Datofa Prastyo dan Radikto sahabat serta teman satu kelompok Kerja Praktek

yang telah berjuang untuk menyelesaikan Kerja Praktek ini bersama-sama.

8. Semua pihak yang tidak dapat disebutkan satu persatu yang terlibat dalam

penyusunan Laporan Kerja Praktek ini sehingga dapat selesai dengan baik.

Akhir kata, penulis menyadari bahwa pelaksanaan kerja praktek dan

penyusunan laporan ini masih belum sempurna. Oleh karena itu, kritik dan saran

yang membangun sangat penulis harapkan. Semoga penyusunan laporan ini

bermanfaat bagi semua pihak.

Yogyakarta, Mei 2014

Achmad Azhar Rifan Nugroho

Page 5: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

DAFTAR ISI

COVER ......................................................................................................

HALAMAN JUDUL .................................................................................

LEMBAR PENGESAHAN ......................................................................

KATA PENGANTAR ..............................................................................

DAFTAR ISI .............................................................................................

DAFTAR GAMBAR ................................................................................

DAFTAR TABEL .....................................................................................

BAB I PENDAHULUAN

1.1 Latar Belakang ……………………………….………

1.2 Rumusan Kerja Praktek ……………………….….….

1.3 Batasan Kerja Praktek …………………………..……

1.4 Tujuan Kerja Praktek ………………………..……….

1.5 Manfaat Kerja Praktek …………………….…....……

BAB II TEMPAT KERJA PRAKTEK

2.1 Gambaran Umum Instansi…………………………….

2.2 Ruang Lingkup Kerja Praktek…………………………

BAB III LAPORAN KEGIATAN

3.1 Analisis ………………….……………………………..

3.2 Kegiatan Kerja Praktek ………………………………..

3.3 Hasil …………………………………………………...

i

ii

iii

iv

v

vi

vii

1

2

2

3

3

4

4

5

15

24

Page 6: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

BAB IV PENUTUP

4.1 Kesimpulan……………………………………………

4.2 Rekomendasi…………………………………………

LAMPIRAN

40

40

Page 7: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

DAFTAR GAMBAR

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

3.1

3.2

3.3

3.4

3.5

3.6

3.7

3.8

3.9

3.10

3.11

3.12

3.13

3.14

3.15

3.16

Digram Conteks …...………………………......................

Dfd Level 0 ……………………………..……………….

Dfd Level 1 Admin…………..…….…………..…..........

Dfd Level 1 User/admin desa…..….……………………

ERD……………………………………………………….

Gambar Tabel Database User ..............……...…………....

Gambar Tabel Database Desa …....…………......….…….

Gambar Tabel Bidang ….…………...………..............…..

Gambar Tabel Program….………………...…............…...

Gambar Tabel Sasaran………………………...........….....

Gambar Tabel Tabel Prioritas ............................................

Gambar Tabel Tabel Desa .... ............................................

Gambar Tabel Database Kecamatan..................................

Gambar Tabel Database Data.............................................

Relasi Database………………………………………..….

Halaman Utama Website………………………………….

16

17

18

18

19

19

20

20

22

22

23

23

23

24

24

25

Page 8: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

3.17

3.18

3.19

3.20

3.21

3.22

3.23

Halaman Tentang ………………………………………...

Halaman Login Admin Desa ……………………….……

Halaman Login Administrator …………………………..

Halaman Utama Setalah Login ….………………………

Halaman akses admin desa untuk Mengolah Data .......…

Halaman akses admin desa untuk Menambah Data ..........

Halaman admin desa untuk melihat Data ..........................

26

27

28

29

30

31

32

Page 9: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

DAFTAR TABEL

Tabel

Tabel

Tabel

Tabel

3.1

3.2

3.3

3.4

Tabel Sekertariat Daerah ...................................................

Tabel Kantor Badan-badan.................................................

Tabel Kantor Dinas – dinas ...............................................

Tabel BUMN .....................................................................

7

9

10

11

Page 10: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

BAB I

PENDAHULUAN

1.1 Latar Belakang

Keberadaan internet menjadi sarana untuk mendapatkan dan menyebarkan

informasi dengan cepat. Internet memberikan keuntungan untuk manusia baik itu

dalam urusan individu maupun instansi seperti pendidikan, pemerintahan, dan

komersial. Dengan menggunakan jaringan ini, sebuah organisasi dapat melakukan

pertukaran informasi secara internal maupun eksternal dengan organisasi lain

(Kadir, 2003).

Sistem informasi adalah kombinasi dari teknologi informasi dan aktivitas

orang yang menggunakan teknologi itu untuk mendukung operasi dan . Istilah ini

digunakan untuk merujuk tidak hanya pada penggunaan organisasi teknologi

informasi dan komunikasi (TIK), tetapi juga untuk cara di mana orang

berinteraksi dengan teknologi ini dalam mendukung proses bisnis maupun

pendidikan.

Sistem yang masih bersifat manual atau pencatatan langsung tidak sesuai

fungsinya akan berjalan sangat lama dan memakan banyak waktu, dimana sistem

manual masih sangat mengandalkan pada pencatatan yang mengutamakan

keteletian dan pengamatan sebagai tumpuan utama pada proses pelaksanaannya.

Dengan demikian, bila manusia sebagai pelaksana mengalami kesalahan sedikit

saja, akan berakibat buruk dan menimbulkan ketidak-efektifan dalam pelaksanaan

kerja.

Page 11: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Beberapa kesalahan dalam pengolahan data manual akan menuntut para

pelaku dan pelaksana untuk mengecek dan meneliti ulang data yang masuk. Hal

ini menyebabkan kemunduran dalam hal pengolahan data dan pemberian

informasi, sehingga dapat mengakibatkan kemunduran kinerja para petugas yang

berimbas pada ketidak akuratan data dan informasi. Oleh karena itu kita

membangun sistem informasi Perencanaan Pembangunan Kota Bantul.

Pemerintahan kota bantul merupakan kota yang berada di Provinsi Daerah

Istemewa Yogyakarta yang mempunyai salah satu sistem informasi untuk

pelaporan data untuk perencanaan pembangunan yang berada di wilayah kota

bantul, yang mana masih menggunakan cara manual.

Dengan demikian perlu adanya pembuatan Sistem Informasi Perencanaan

pembangunan ini sebagai sarana untuk memanage data. Diharapkan dengan

adanya Perencanaan pembangunan dapat memudahkan dalam memanage data,

dan memperlancar pendataan perencanaan pembanguna dalam pengolahan data

sehingga lebih cepat dan akurat. Serta akan mempermudah dan mempercepat

pengiriman laporan data dari lapangan serta mempermudah pengolahan data di

kota bantul untuk perencanaan pembangunan khususnya.

1.2 Rumusan Kerja Praktek

Dari latar belakang dapat dirumuskan beberapa permasalahan yaitu:

Page 12: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

1. Bagaimana merancang Perencanaan Pembangunan Kota Bantul, Daerah

Istimewa Yogyakarta dengan bahasa pemrograman PHP dan basis data

MySQL.

2. Bagaimana membangun Perencanaan Pembangunan Kota Bantul, Daerah

Istimewa Yogyakarta dengan bahasa pemrograman PHP dan basis data

MySQL.

1.3 Batasan Kerja Praktek

Agar penyusunan kerja praktek ini tidak keluar dari pokok permasalahan yang

dirumuskan, maka ruang lingkup pembahasan dibatasi pada :

1. Sistem Informasi Perencanaan Pembangunan ini hanya untuk melakukan

proses pelaporan data perencanaan pembangunan, dan pelaporan data

perencanaan pembangunan tiap daerah yang berada di kota bantul.

2. Sistem Informasi Perencanaan Pembangunan ini hanya memiliki satu

orang administrator dan akun untuk setiap desa untuk membuka data dari

laporan di lapangan.

3. Sistem Informasi Perencanaan Pembangunan ini dibangun dengan basis

data MySQL dan PHP.

4. Aspek Search Engine Optimazation (SEO) tidak diperhatikan dalam

sistem ini.

5. Aspek keamanan tidak diperhatikan dalam sistem ini.

6. Membuat desain interface website untuk instansi terkait dan administrator

website.

Page 13: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

1.4 Tujuan Kerja Praktek

Adapun tujuan dari kerja praktek ini adalah sebagai berikut:

1. Membuat Sistem Informasi Perencanaan Pembangunan dengan bahasa

pemrograman PHP dan server yang dibangun dengan Basis Data MySQL.

2. Sistem Informasi Perencanaan Pembangunan yang dibuat diharapkan

dapat membantu dalam pencatatan dan pengolahan data kota bantul dalam

hal pendataan dan pelaporan perencanaan pembangunan dengan lebih

cepat dan dan akurat.

3. Sebagai pengenalan kepada mahasiswa Teknik Informatika di dunia kerja.

1.5 Manfaat Kerja Praktek

Diharapkan dari pelaksanaan kerja praktek ini dapat membawa manfaat

diantaranya :

1. Untuk optimalisasi pengolahan data dari setiap admin desa oleh instansi

agar lebih cepat dan akurat.

2. Penunjang peningkatan mutu sosial sebagai lembaga pemerintahan di

Yogyakarta.

3. Memudahkan pengiriman data dari setiap desa yang berada di wilayah

bantul kepada Instansi pemerintahan kabupaten bantul, Daerah Istimewa

Yogyakarta.

Page 14: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

BAB II

TEMPAT KERJA PRAKTEK

2.1 Gambaran Umum Instansi

KPDT Bantul adalah sebuah lembaga milik Pemerintah Kanupaten Bantul.

Lembaga ini bergerak di bidang pengelolaan Teknologi Informasi untuk wilayah

Kabupaten Bantul. KPDT bantul mempuanyai visi dan misi untuk membangun IT

yang lebih baik.

VISI

Terwujudnya Bantul yang informatif melalui pembangunan sistem informasi

dan komunikasi berbasis teknologi, terintegrasi, berkesinambungan dan ramah

lingkungan.

MISI

1. Meningkatkan pelyanan informasi data yang berkualitas dan memadai bagi

berbagai pemangku kepentingan.

2. Mewujudkan birokrasi peerintahan yang efektif, efisien transparan dan

akuntabel guna menigkatkan pelayanan prima.

3. Mengembangkan sistem informasi dan komunaksi berbasis teknologi yang

ramah lingkungan dan berdaya saing.

2.2 Ruang Lingkup Kerja Praktek

Page 15: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Kantor Pemerintahan Kabupaten Bantul Daerah Istimewa Yogyakarta

sebagai instasi tempat kerja praktek saat ini sudah memiliki difisi khusus yang

menangani teknologi informasi dan pengolahan data. Namun masih banyak yang

perlu dikembangkan dalam teknologi informasi dan pengolahan data. Oleh karena

itu, ruang lingkup kerja praktek masih berada di wilayah pengembangan teknologi

informasi dan komunikasi.

Page 16: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

BAB III

HASIL DAN PEMBAHASAN

3.1 ANALISIS

Setelah dilakukan observasi dan wawancara dengan pihak instansi

tempat kerja praktek maka didapatkan informasi yang berhubungan dengan

sistem informasi Perencanaan pembangunan yang akan dirancang untuk

Kantor Pemerintahan Kota Bantul Daerah Istimewa Yogyakarta.

3.1.1 Kondisi Kerja Instansi

Kantor Pemerintahan Kabupaten Bantul Daerah Istimewa

Yogyakarta sudah mempunyai banyak ruangan yang berisikan meja-

meja dan beberapa perangkat keras untuk menunjang pekerjaan para

karyawan untuk fraksi yang berbeda-beda, Pengolahan data dari desa-

desa yang berada di kota bantul sudah di olah oleh karyawan-karyawan

kantor pemerintahan kota bantul Daerah Istimewa Yogyakarta.

Sumber daya manusia (SDM) yang ada di Kantor pemerintahan

Kabupaten Bantul, Daerah Istimewa Yogyakarta diantaranya dapat

dilihat pada tabel berikut.

A. SEKRETARIAT DAERAH

Tabel 3.1 Sekertariat Daerah

Nama Kepala Jabatan Alamat Kantor

Drs. Riyantono, M.Si. Sekretaris Daerah Jl. Robert Wolter

Monginsidi

Telp. 0274-367771

Drs. Misbakhul Munir Asisten Jl. Robert Wolter

Page 17: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Tabel 3.1 Sekertariat Daerah (Lanjutan)

Dr. Drs. Suyoto, HS, MSi.,

MMA.

Asisten

Perekonomian dan

Pembangunan

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Drs. H. Mardi Ahmad Asisten

Administrasi Umum

Jl. Robert Wolter

Monginsidi

Telp. 0274-367387

Gunawan Budi Santosa,

S.Sos, MH.

Kepala Bagian

Hukum

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Reni Mariastuti, SH,

M.Hum

Kepala Bagian

Umum

Jl. Robert Wolter

Monginsidi

Telp. 0274-367529

Drs. Danang Erwanto, M.Si. Kepala Bagian Tata

Pemerintahan

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Stephanus Heru

Wismantara, SIP, MM.

Kepala Bagian

Pemerintahan Desa

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Drs. EDY BOWO

NURCAHYO, MA

Kepala Bagian

Kerjasama dan

Pengembangan

Potensi Daerah

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Bobot Ariffi'aidin, ST,MT Kepala Bagian

Administrasi

Pembangunan

Jl. Robert Wolter

Monginsidi

Telp. 0274-368272

Sigit Widodo, SH Kepala Bagian

Organisasi

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Drs. Heni Purwana, MM Kepala Bagian

Hubungan

Masyarakat

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

NUGROHO EKO

SETYANTO, S.Sos, MM

Kepala Bagian

Protokol

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

B. KANTOR BADAN-BADAN

Tabel 3.2 Kantor Badan-badan

Nama Kantor Pimpinan/Kepala Alamat Kantor

Page 18: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Tabel 3.2 Kantor Badan-badan (Lanjutan)

Badan Perencanaan

Pembangunan Daerah

Drs. TRI

SAKTIYANA

M.Si

Jl. Robert Wolter

Monginsidi

Telp. 0274-367533

[email protected]

Badan Lingkungan Hidup Drs. Eddy Susanto Kompleks Manding,

Sabdodadi Bantul

Telp. 0274-765050

[email protected]

Badan Ketahanan Pangan

dan Pelaksana Penyuluhan

Ir. Pulung Haryadi,

M.Sc.

Jl. Raya Bantul

Inspektorat Bambang Purwadi

Nugroho, SH, MH.

Jl. Prof.Dr.Soepomo, SH.

Bantul

Telp. 0274-367325, 0274-

367675

[email protected]

Badan Kesejahteraan

Keluarga, Pemberdayaan

Perempuan dan Keluarga

Berencana

Drs. Djoko

Sulasno Nimpuno

Jl. DR Wahidin Sudiro

Husodo 76

Bantul. Telp 367331,

367706

[email protected]

Badan Kepegawaian

Daerah

Drs. Supriyanto,

MM

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

[email protected]

Badan Penanggulangan

Bencana Daerah

Drs.Dwi Daryanto,

M.Si (Ka.

Pelaksana )

Jl. Wachid Hasyim,

Sumuran, Palbapang,

Bantul, Yogyakarta, 55173

Telp. (0274) 8244004,

Fax.(0274) 6462100

[email protected]

Page 19: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

C . KANTOR DINAS-DINAS

Tabel 3.3 Kantor Dinas-dinas

Nama Kantor Pimpinan/Kepala Alamat Kantor

Dinas Kebudayaan

dan Pariwisata

Drs. Bambang

Legowo, M.Si.

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. 0274-368465

[email protected]

Dinas Kesehatan drg. Maya

Sintowati Panji,

MM.

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. 0274-367531

[email protected]

Dinas Pendapatan,

Pengelolaan

Keuangan dan Aset

Daerah

Drs. Didik

Warsito

Jl. Robert Wolter Monginsidi

Telp. 0274-367509

[email protected]

Dinas Pertanian dan

Kehutanan

Drs. Supriyanto,

MM (Plt)

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. 0274-367541

[email protected]

Dinas Tenaga Kerja

dan Transmigrasi

Susanto, SH, MM Jl. Gatot Subroto No.1 Bantul

[email protected]

Dinas

Perindustrian,

Perdagangan dan

Koperasi

Drs.

SULISTIYANTO,

M.Pd

Jl. Prof.Dr.Soepomo, SH.

Telp. 0274-367407 / 0274-367584

[email protected]

Dinas Kelautan dan

Perikanan

Ir. Edy Machmud

Hidayat

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. (0274) 367338

[email protected]

Dinas Pekerjaan

Umum

Ir. Heru Suhadi,

MT.

Jl. P. Senopati, Palbapang Bantul

Telp. 0274-367310/0274-368279

[email protected]

Dinas Sumber Daya

Air

Ir. Ign. Yulianto,

MT.

Jl. Kolonel Sugiyono No.1 Bantul

Telp. 0274-367446

[email protected]

Dinas Ir. Fenty Kompleks II Kantor Pemda. Bantul,

Page 20: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Tabel 3.3 Kantor Dinas-dinas (Lanjutan)

Dinas Perhubungan Drs. Suwito Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. 0274-367321

[email protected]

Dinas Perijinan Dra. Sri Ediastuti,

M.Sc.

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. 0274-367867

[email protected]

Dinas Sosial Drs. Mahmudi,

M.Si.

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

[email protected]

Dinas Pendidikan

Menengah dan Non

Formal

Drs. Masharun,

MM.

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. (0274) 368621

[email protected]

Dinas Pendidikan

Dasar

Drs. Totok

Sudarto, M.Pd

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

telp. (0274) 367 171, 367 327

[email protected]

G. BUMN (Badan Usaha Milik Negara)

Tabel 3.4 BUMN (Badan Usaha Milik Negara)

Nama BUMN Nama Pimpinan Alamat Kantor

PD. Aneka Dharma Drs. Suryanto Kompleks Gedung DPRD

Bantul

Telp. 0274-367123

Bank BPD DIY Cabang

Bantul

Erna Wukiratun Jl. Jendral Sudirman No.

2a Bantul

Telp. 0274-367011/

0274-367537

P D A M Ir. Agung Darmadi Jl. Dr. Wahidin Sudiro

Husodo No.83

Telp. 0274-367524

Bank Bantul Dra. Hj. Aristini

Sriyatun

Jl. Gajahmada No.3

Bantul

Telp. (0274) 367 422 Fax.

Page 21: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Tabel 3.4 BUMN (Badan Usaha Milik Negara)

Rumah Sakit Umum Daerah

Panembahan Senopati

dr. I Wayan Sudana,

M.Kes

Jl. Dr. Wahidin Sudiro

Husodo

Telp. 0274-367381/ 0274-

367506

[email protected]

Tabel Struktur Organisasi Perangkat Daerah Kabupaten Bantul, Daerah Istimewa Yogyakarta

3.1.2 Sekilas Tentang Daerah Kabupaten Bantul

1. KEADAAN ALAM

Kabupaten Bantul terletak di sebelah Selatan Propinsi Daerah

Istimewa Yogyakarta, berbatasan dengan :

Sebelah Utara: Kota Yogyakarta dan Kabupaten Sleman

Sebelah Selatan : Samudera Indonesia

Sebelah Timur : Kabupaten Gunung Kidul

Sebelah Barat: Kabupaten Kulon Progo

Kabupaten Bantul terletak antara 07° 44' 04" - 08° 00' 27" Lintang

Selatan dan 110° 12' 34" - 110° 31' 08" Bujur Timur.

Luas wilayah Kabupaten Bantul 508,85 Km2 (15,90 5 dari Luas

wilayah Propinsi DIY) dengan topografi sebagai dataran rendah

140% dan lebih dari separonya (60%) daerah perbukitan yang

kurang subur, secara garis besar terdiri dari :

Page 22: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Bagian Barat, adalah daerah landai yang kurang serta

perbukitan yang membujur dari Utara ke Selatan seluas 89,86 km2

(17,73 % dari seluruh wilayah).

Bagian Tengah, adalah daerah datar dan landai merupakan

daerah pertanian yang subur seluas 210.94 km2 (41,62 %).

Bagian Timur, adalah daerah yang landai, miring dan terjal

yang keadaannya masih lebih baik dari daerah bagian Barat, seluas

206,05 km2 (40,65%).

Bagian Selatan, adalah sebenarnya merupakan bagian dari

daerah bagian Tengah dengan keadaan alamnya yang berpasir dan

sedikir berlagun, terbentang di Pantai Selatan dari Kecamatan

Srandakan, Sanden dan Kretek.

Tata Guna Lahan :

1. Pekarangan : 18.327,15 Ha (36,16 %)

2. Sawah : 16.823,84 Ha (33,19 %)

3. Tegalan : 7.554,45 Ha (14,90 %)

4. Tanah Hutan : 1.697,80 Ha ( 3,35 %)

Kabupaten Bantul dialiri 6 Sungai yang mengalir sepanjang tahun

dengan panjang 114 km2. Yaitu :

1. Sungai Oyo : 35,75 km

2. Sungai Opak : 19,00 km

Page 23: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

3. Sungai Code : 7,00 km

4. Sungai Winongo : 18,75 km

5. Sungai Bedog : 9,50 km

6. Sungai Progo : 24,00 km

2. PEMERINTAHAN

Terdiri dari 17 Kecamatan, 75 Desa, 933 Dusun.

3.1.3 Kondisi Layanan yang Berjalan

Pengolahan data Perencanaan Pembangunan, Daerah Istimewa

Yogyakarta selama ini hanya menggunakan pengolahan data secara

manual. Sehingga memiliki keterbatasan pengiriman data dari desa-desa

kepada pihak kantor pemerintahan yang memakan cukup banyak waktu.

3.2 KEGIATAN KERJA PRAKTEK

Setelah melakukan analisis terhadap kondisi kerja instansi Pemerintahan

Daerah Kabupaten Bantul, Daerah Istimewa Yogyakarta maka kami mulai

merancang sebuah sistem informasi yang nantinya akan digunakan sebagai

wadah untuk membantu pengolahan data yang terkait dengan kegiatan laporan

data Perencanaan Pembangunan untuk lebih mudah diolah oleh Pemerintahan

Daerah Kabupaten Bantul ,Daerah Istimewa Yogyakarta.

Adapun tahapan-tahapan yang dilakukan dalam pembuatan sistem

informasi Perencanaan Pembangunan Kabupaten Bantul, Daerah Istimewa

Yogyakarta diantaranya:

3.2.1 Tahap Perencanaan

Page 24: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Tahap perencanaan meliputi tentang perencanaan menu yang akan dibuat,

tampilan serta data-data apa saja yang dibutuhkan untuk mengisi system

informasi.

Adapun data-data yang dibutuhkan untuk mengisi sistem informasi

laporan data Perencanaan Pembangunan Kabupaten Bantul, Daerah Istimewa

Yogyakarta diantaranya:

a. Data index Sistem Informasi Perencanaan Pembangunan meliputi sejarah

kota bantul, instansi pemerintahan, Profil Bupati dan Wakil Bupati

Kabupaten Bantul, visi, misi, dan struktur organisasi.

b. Data perencanaan pembangunan dari admin desa kabupaten bantul.

c. Data Admin dari pihak Administrator Kantor Pemerintahan Kabupaten

Bantul.

3.2.2 Tahap Perancangan

Perancangan website ini menggunakan pendekatan berorientasi objek

dengan menggunakan metode Unified Modeling Language (UML).

1. Diagram Konteks

Definisi Gambar 3.1 Diagram Conteks

a. Data User

Merupakan menu untuk melihat data yang dimiliki oleh user.

b. Data Kecamatan

Merupakan menu untuk memilih data kecamatan yang akan di lihat.

c. Data Desa

Merupakan menu untuk memilih data desa yang akan di lihat.

Page 25: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar Diagram Conteks

Diagram Conteks digambarkan sebagai berikut:

Gambar 3.1 Digram Conteks

2. DFD (Data Flow Diagram) Level 0

Definisi Gambar 3.2 DFD Level 0

a. Login

Merupakan halaman utama untuk admin masuk dan mendapatkan

akses untuk mengolah data di dalam sistem.

b. Proses Pengolahan Data Admin

Merupakan halaman yang didalamnya terdapat data admin.

c. Proses Pengolahan Data

Merupakan halaman yang terdapat data di dalamnya.

Gambar DFD Level 0

Page 26: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Dfd Level 0 digambarkan sebagai berikut:

Gambar 3.2 DFD (Data Flow Diagram) Level 0

3. DFD (Data Flow Diagram) Level 1 Admin

Definisi Gambar 3.3 DFD Level 1 Admin

a. Lihat Data User

Merupakan halaman untuk melihat detail data yang di miliki oleh

user/admin desa.

DFD Level 1 admin digambarkan sebagai berikut:

Page 27: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar 3.3 DFD (Data Flow Diagram) Level 1 Admin.

4. DFD (Data Flow Diagram) Level 1 User/Admin Desa

Definisi Gambar 3.4 DFD Level 1 User/Admin Desa

a. Lihat Data

Merupakan halaman untuk melihat detail data yang dimiliki oleh

user/admin desa.

b. Tambah Data

Merupakan Halaman untuk Menambah Data User/admin desa.

Gambar DFD Level 1 User/admin desa

DFD Level 1 User/admin desa digambarkan sebagai berikut:

Page 28: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar 3.4 DFD (Data Flow Diagram) Level 1 user/admin desa

5. Desain Database

Desain database merupakan proses yang dilakukan untuk

dilakukan untuk merancang tabel sebagai pengolahan data. Dalam

proses perancangan ini, penulis membuat kerangka kerja berupa

ERD (Entity Reletionship Diagram).

Gambar 3.5 merupakan rancangan database untuk website

system informasi Perencanaan Pembangunan Kabupaten Bantul,

Daerah Istimewa Yogyakarta.

Gambar 3.5 ERD (Entity Relationship Diagram)

6. Desain Database

Desain database merupakan proses yang dilakukan untuk

dilakukan untuk merancang tabel sebagai pengolahan data. Dalam

Page 29: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

proses perancangan ini, penulis membuat kerangka kerja berupa

table dengan menggunakan Designer Database.

Gambar dibawah merupakan rancangan database untuk website

sistem informasi Perencanaan Pembangun Kabupaten Bantul,

Daerah Istimewa Yogyakarta.

a. Gambar Tabel admin

Gambar 3.6 Rancangan Database Admin

b. Gambar Tabel User

Gambar 3.7 Rancangan Database User

Page 30: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

c. Gambar Tabel Desa

Gambar 3.8 Rancangan Database Desa

d. Gambar Tabel Bidang

Gambar 3.9 Rancangan Database Bidang

e. Tabel Program

Page 31: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar 3.10 Rancangan Database Program

f. Gambar Tabel Sasaran

Gambar 3.11 Rancangan Database Sasaran

g. Gambar Tabel Prioritas

Gambar 3.12 Rancangan Database Prioritas

h. Gambar Tabel Data Desa

Page 32: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar 3.13 Rancangan Database Data_desa

i. Gambar Tabel Data Kecamatan

Gambar 3.14 Rancangan Database Data_kecamatan

j. Tabel Data

Page 33: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar 3.15 Rancangan Database Data

7. Gambar Relasi Database

Untuk mengubungkan table-tabel pada rancangan databes,

menggunakan relasi.

a. Gambar Tabel Relasi

Gambar 3.16 Relasi Database

3.3 HASIL

Pada sub bab ini membahas mengenai hasil kerja praktek mengenai

interface website system Informasi Perencanaan Pembangun Kabupaten

Bantul, Daerah Istimewa Yogyakarta.

Page 34: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

3.3.1 Halaman Utama Website Perencanaan Pembangun Kabupaten

Bantul.

Halaman utama website merupakan halaman yang pertama kali

muncul ketika alamat website tersebut dibuka. Gambar 3.7 merupakan

tampilan utama website yang dapat diakses.

Gambar 3.17 Halaman utama website

Halaman utama website terdiri dari :

a. Beranda

Page 35: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Merupakan tampilan Utama saat kita membuka Website.

b. Tentang

Merupakan tampilan yang merupakan halam untuk masuk kedalam

Halaman Tentang

Gambar 3.18 Halaman Tentang

c. Login

Merupakan tampilan yang merupakan halam untuk masuk kedalam

system Perencanaan Pembangun Kabupaten Bantul, yaitu :

1. Dan untuk masuk ke sistem informasi Perencanaan

Pembangun Kabupaten Bantul di perlukan Username Desa

dan password untuk menjaga keamanan data.

Page 36: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

3.19 Halaman Login Admin/user desa

Source terdapat pada folder localhost/Kerja-praktek/. Source yang

mengatur tampilan pada gambar 3.6, 3.7 dan 3.8 terdiri dari :

1. Index.php : Untuk mengatur Halaman awal atau Home

2. Tentang.php : Berisi Profil tentang instansi yang terkait.

3. Kontak.php : Berisi informasi tentang kontak person dan

alamat yang bisa di tuju.

4. Login.php : Halaman yang di gunakan untuk masuk ke

dalam sistem (admin).

5. Koneksi.php : untuk menghubungkan database dengan

sistem.

6. Get_desa.php : untuk mencocokan data pengambilan

Page 37: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

kecamatan dengan desa pada database.

7. Menu.php : untuk mengatur halaman switch case.

8. Modul.php : untuk mencocokan data dari kecamatan dan

desa dengan data pada database.

9. Prosesdata.php : untuk mencocokan proses data yang

masuk dalam data database.

10. Proseslogin.php : untuk mencocokan data login

dengan data pada database.

11. Sidebar.php : Untuk mengatur menu dalam

halaman.

12. Tambahdata.php : Untuk menambahkan data kedalam

database.

3.3.2 Halaman Utama Login Administrator

Gambar 3.20 Merupakan tampilan login administrator.

Page 38: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

3.3.3 Halaman admin desa setelah login

Gambar 3.21 Halaman Utama Setelah login.

Source code yang setelah Admin Desa mendapat hak akses:

1. Index.php : Untuk mengatur pendaftaran admin desa.

2. Edituser.php : Untuk mencocokan data datauser dengan

data edit pada database.

3. Data.php : Merupakan halaman untuk menampilkan

data yang sudah di masukkan.

4. Datauser.php : Merupakan halaman untuk mengubah data

admin/user desa.

5. Edit.php : Untuk mengedit admin/user desa yang

sudah terdaftar

6. Desa.php : Untuk mencocokan data kecamatan dengan

data desa pada database.

7. Prosesdaftar.php : untuk mencocokan data login

Page 39: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

dengan data pada database.

8. Tambahdata.php : Merupakan halaman untuk

menambahkan data ke dalam database.

3.3.4 Halaman Edit User

Gambar 3.22 Halaman akses sekolah untuk mengolah data admin/user desa.

3.3.5 Halaman Tambah Data

Gambar 3.23 Halaman akses sekolah untuk Menambahkan data.

Page 40: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

3.3.6 Halaman Data

Gambar 3.24 Halaman untuk mengolah data yang di miliki oleh admin/user desa.

3.3.7 Source code untuk Mengubah data admin/user desa.

<?php

session_start();

include ("../koneksi.php");

?>

<html>

<head>

<?php include "css.php";?>

</head>

<body onload="startclock()">

<div id="wrapper">

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"

style="margin-bottom: 0">

Page 41: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<div class="navbar-header">

<img src="./img/rebang1.png" />

</div>

<!-- /.navbar-header -->

<ul class="nav navbar-top-links navbar-right">

<li class="dropdown">

<div class="dropdown-toggle" data-toggle="dropdown">

<?php

echo "<a><b><SCRIPT language=JavaScript>var d =

new Date();

var h = d.getHours();

if (h < 11) { document.write('Welcome '); }

else { if (h < 15) { document.write('Welcome '); }

else { if (h < 19) { document.write('Welcome '); }

else { if (h <= 23) { document.write('Welcome '); }

}}}</SCRIPT>

$_SESSION[username]</b>

</a>";

?>

</div>

</li>

<!-- /.dropdown -->

<li class="dropdown">

Page 42: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<a class="dropdown-toggle" data-toggle="dropdown"

href="#">

<i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-

down"></i>

</a>

<ul class="dropdown-menu dropdown-user" name="welcome">

<li><a href="#"><i class="fa fa-user fa-fw"></i>

<?php

echo "".$_SESSION['username'];

?>

</a></a>

</li>

</li>

<li class="divider"></li>

<li><a href="../index.php" action="config/sesiout.php"><i

class="fa fa-sign-out fa-fw"></i> Logout</a>

</li>

</ul>

<!-- /.dropdown-user -->

</li>

</ul>

<!-- /.navbar-top-links -->

Page 43: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<div class="navbar-default navbar-static-side sidebarr"

role="navigation">

<div class="sidebar-collapse">

<ul class="nav" id="side-menu">

<li>

<a href="data.php"><i class="fa fa-dashboard fa-

fw"></i> &nbsp;Dashboard</a>

</li>

<li>

<a href="ganti_pass.php"><i class="fa fa-bar-chart-o fa-

fw"></i> &nbsp;Edit User</a>

</li>

<li>

<a href="tambahdata.php"><i class="fa fa-table fa-

fw"></i> &nbsp;Tambah Data</span></a>

</li>

<li>

<a href="datauser.php"><i class="fa fa-list fa-fw"></i>

&nbsp;Data</span></a>

</li>

<!-- /#side-menu -->

</div>

<!-- /.sidebar-collapse -->

Page 44: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

</div>

<!-- /.navbar-static-side -->

</nav>

<div id="page-wrapper">

<br><br><br><br>

<div class="row" id="content">

<div class="col-lg-12" id="main">

<div class="panel panel-default">

<div class="panel-body" id="dashboard">

<div class="panel panel-default" id="dashboard">

<div class="panel-heading">

<div class="pull-right">

<div class="btn-group">

<a href="#defaultTable" data-toggle="collapse"

class="btn btn-sm btn-default minimize-box">

<i class="fa fa-angle-up"></i>

</a>

<a data-toggle="modal" data-original-

title="Help" data-placement="bottom" class="btn btn-default btn-sm"

href="#helpModal">

<i class="fa fa-question"></i>

</a>

</div>

Page 45: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

</div>

<div><i class="fa fa-desktop"></i>

&nbsp;<b>Edit User</b></div>

</div>

<!-- /.panel-heading -->

<div class="panel-body">

<div class="tablee">

<div style="height: auto;" id="defaultTable"

class="body collapse in">

<table class="table responsive-table">

<a data-toggle='collapse' class='btn btn-sm btn-default minimize-box

disabled'>

<b>Silahkan Edit User</b>

</a>

<section class="icons">

<center>

<form name="gantipas" method="POST"

action="ganti_pass_proses.php">

<table>

<label>Username</label>

<div class='form-group input-group'>

<span class='input-group-addon'><i class='fa fa-

pencil'></i></span>

Page 46: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<input class='form-control' name="username" type='text'>

</div>

<label>password lama</label>

<div class='form-group input-group'>

<span class='input-group-addon'><i class='fa fa-

pencil'></i></span>

<input class='form-control' name="passwordlama"

type='text'>

</div>

<label>password baru</label>

<div class='form-group input-group'>

<span class='input-group-addon'><i class='fa fa-

pencil'></i></span>

<input class='form-control' name='passwordbaru' type='text'>

</div>

<label>konfirmasi password</label>

<div class='form-group input-group'>

<span class='input-group-addon'><i class='fa fa-

pencil'></i></span>

<input class='form-control' name="confpassword" type='text'>

</div>

</table>

Page 47: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<input class='btn btn-primary' type="submit" name="change"

value="ganti"/>

<input class='btn btn-primary' type="submit" value="Batal"

action="data.php"/>

</form>

</center><br><br><br>

</section>

</table>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

<?php include "info.php";?>

</html>

<?php

?>

3.3.8 Source code untuk Masuk Kedalam Halaman Admin/user desa.

Page 48: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<?php

session_start();

include "koneksi.php";

?>

<html>

<head>

<title>rebang</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />

<link rel="stylesheet" type="text/css" href="style2.css" />

<script type="text/javascript" src="js/jquery.dropotron-

1.0.js"></script>

<script type="text/javascript" src="js/init.js"></script>

</head>

<body>

<div id="wrapper">

<div id="splash">

<img src="images/bantul2.jpg" alt="" />

</div>

<div id="menu">

<?php include "menu.php";?>

</div>

<div id="page">

Page 49: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<div id="content">

<div class="box">

<?php include "masuk.php";?>

</div><br>

</div>

<div id="sidebar">

<?php include "sidebar.php";?>

</div>

<br><br><br>

</div></div>

</div>

<div id="footer">

&copy; Kerja Praktek | 2014

</div>

</body>

</html>

---------------------------

<div class="atap kotak">

<div class="atas"><img src="images/login.png"></img></div>

<div class="jarak">

<form action="proseslogin.php" method="POST"

class="loginform">

Page 50: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<div class="field_text">

<label for="user_login"

class="label_title">Email</label>

<input type="text" name="us" value=""

placeholder="Email" />

<span class="input_icon input_email"></span>

</div><br><br><br><br><br><br>

<div class="field_text">

<label for="user_pass"

class="label_title">Password</label>

<input type="password" name="pass" value=""

placeholder="Password" />

<span class="input_icon input_pass"></span>

</div><br><br><br><br><br><br>

<div class="rowRemember clearfix">

&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

<a href = "user/index.php">Daftar</a> &nbsp;| &nbsp;

<a href = "admin/index.php">Admin</a>

</div>

Page 51: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<div class="rowSubmit">

<span class="btn btn-hover"><input type="submit"

name="submit" value="Login" /></span>

</div>

<div>

</div>

</form>

</div>

</div>

Page 52: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

BAB IV BAB I

PENDAHULUAN

1.6 Latar Belakang

Keberadaan internet menjadi sarana untuk mendapatkan dan menyebarkan

informasi dengan cepat. Internet memberikan keuntungan untuk manusia baik itu

dalam urusan individu maupun instansi seperti pendidikan, pemerintahan, dan

komersial. Dengan menggunakan jaringan ini, sebuah organisasi dapat melakukan

pertukaran informasi secara internal maupun eksternal dengan organisasi lain

(Kadir, 2003).

Sistem informasi adalah kombinasi dari teknologi informasi dan aktivitas

orang yang menggunakan teknologi itu untuk mendukung operasi dan . Istilah ini

digunakan untuk merujuk tidak hanya pada penggunaan organisasi teknologi

informasi dan komunikasi (TIK), tetapi juga untuk cara di mana orang

berinteraksi dengan teknologi ini dalam mendukung proses bisnis maupun

pendidikan.

Sistem yang masih bersifat manual atau pencatatan langsung tidak sesuai

fungsinya akan berjalan sangat lama dan memakan banyak waktu, dimana sistem

manual masih sangat mengandalkan pada pencatatan yang mengutamakan

keteletian dan pengamatan sebagai tumpuan utama pada proses pelaksanaannya.

Dengan demikian, bila manusia sebagai pelaksana mengalami kesalahan sedikit

saja, akan berakibat buruk dan menimbulkan ketidak-efektifan dalam pelaksanaan

kerja.

Page 53: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Beberapa kesalahan dalam pengolahan data manual akan menuntut para

pelaku dan pelaksana untuk mengecek dan meneliti ulang data yang masuk. Hal

ini menyebabkan kemunduran dalam hal pengolahan data dan pemberian

informasi, sehingga dapat mengakibatkan kemunduran kinerja para petugas yang

berimbas pada ketidak akuratan data dan informasi. Oleh karena itu kita

membangun sistem informasi Perencanaan Pembangunan Kota Bantul.

Pemerintahan kota bantul merupakan kota yang berada di Provinsi Daerah

Istemewa Yogyakarta yang mempunyai salah satu sistem informasi untuk

pelaporan data untuk perencanaan pembangunan yang berada di wilayah kota

bantul, yang mana masih menggunakan cara manual.

Dengan demikian perlu adanya pembuatan Sistem Informasi Perencanaan

pembangunan ini sebagai sarana untuk memanage data. Diharapkan dengan

adanya Perencanaan pembangunan dapat memudahkan dalam memanage data,

dan memperlancar pendataan perencanaan pembanguna dalam pengolahan data

sehingga lebih cepat dan akurat. Serta akan mempermudah dan mempercepat

pengiriman laporan data dari lapangan serta mempermudah pengolahan data di

kota bantul untuk perencanaan pembangunan khususnya.

1.7 Rumusan Kerja Praktek

Dari latar belakang dapat dirumuskan beberapa permasalahan yaitu:

Page 54: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

3. Bagaimana merancang Perencanaan Pembangunan Kota Bantul, Daerah

Istimewa Yogyakarta dengan bahasa pemrograman PHP dan basis data

MySQL.

4. Bagaimana membangun Perencanaan Pembangunan Kota Bantul, Daerah

Istimewa Yogyakarta dengan bahasa pemrograman PHP dan basis data

MySQL.

1.8 Batasan Kerja Praktek

Agar penyusunan kerja praktek ini tidak keluar dari pokok permasalahan yang

dirumuskan, maka ruang lingkup pembahasan dibatasi pada :

7. Sistem Informasi Perencanaan Pembangunan ini hanya untuk melakukan

proses pelaporan data perencanaan pembangunan, dan pelaporan data

perencanaan pembangunan tiap daerah yang berada di kota bantul.

8. Sistem Informasi Perencanaan Pembangunan ini hanya memiliki satu

orang administrator dan akun untuk setiap desa untuk membuka data dari

laporan di lapangan.

9. Sistem Informasi Perencanaan Pembangunan ini dibangun dengan basis

data MySQL dan PHP.

10. Aspek Search Engine Optimazation (SEO) tidak diperhatikan dalam

sistem ini.

11. Aspek keamanan tidak diperhatikan dalam sistem ini.

12. Membuat desain interface website untuk instansi terkait dan administrator

website.

Page 55: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

1.9 Tujuan Kerja Praktek

Adapun tujuan dari kerja praktek ini adalah sebagai berikut:

4. Membuat Sistem Informasi Perencanaan Pembangunan dengan bahasa

pemrograman PHP dan server yang dibangun dengan Basis Data MySQL.

5. Sistem Informasi Perencanaan Pembangunan yang dibuat diharapkan

dapat membantu dalam pencatatan dan pengolahan data kota bantul dalam

hal pendataan dan pelaporan perencanaan pembangunan dengan lebih

cepat dan dan akurat.

6. Sebagai pengenalan kepada mahasiswa Teknik Informatika di dunia kerja.

1.10 Manfaat Kerja Praktek

Diharapkan dari pelaksanaan kerja praktek ini dapat membawa manfaat

diantaranya :

4. Untuk optimalisasi pengolahan data dari setiap admin desa oleh instansi

agar lebih cepat dan akurat.

5. Penunjang peningkatan mutu sosial sebagai lembaga pemerintahan di

Yogyakarta.

6. Memudahkan pengiriman data dari setiap desa yang berada di wilayah

bantul kepada Instansi pemerintahan kabupaten bantul, Daerah Istimewa

Yogyakarta.

Page 56: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

BAB II

TEMPAT KERJA PRAKTEK

4.1 Gambaran Umum Instansi

KPDT Bantul adalah sebuah lembaga milik Pemerintah Kanupaten Bantul.

Lembaga ini bergerak di bidang pengelolaan Teknologi Informasi untuk wilayah

Kabupaten Bantul. KPDT bantul mempuanyai visi dan misi untuk membangun IT

yang lebih baik.

VISI

Terwujudnya Bantul yang informatif melalui pembangunan sistem informasi

dan komunikasi berbasis teknologi, terintegrasi, berkesinambungan dan ramah

lingkungan.

MISI

4. Meningkatkan pelyanan informasi data yang berkualitas dan memadai bagi

berbagai pemangku kepentingan.

5. Mewujudkan birokrasi peerintahan yang efektif, efisien transparan dan

akuntabel guna menigkatkan pelayanan prima.

6. Mengembangkan sistem informasi dan komunaksi berbasis teknologi yang

ramah lingkungan dan berdaya saing.

2.2 Ruang Lingkup Kerja Praktek

Page 57: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Kantor Pemerintahan Kabupaten Bantul Daerah Istimewa Yogyakarta

sebagai instasi tempat kerja praktek saat ini sudah memiliki difisi khusus yang

menangani teknologi informasi dan pengolahan data. Namun masih banyak yang

perlu dikembangkan dalam teknologi informasi dan pengolahan data. Oleh karena

itu, ruang lingkup kerja praktek masih berada di wilayah pengembangan teknologi

informasi dan komunikasi.

Page 58: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

BAB III

HASIL DAN PEMBAHASAN

3.1 ANALISIS

Setelah dilakukan observasi dan wawancara dengan pihak instansi

tempat kerja praktek maka didapatkan informasi yang berhubungan dengan

sistem informasi Perencanaan pembangunan yang akan dirancang untuk

Kantor Pemerintahan Kota Bantul Daerah Istimewa Yogyakarta.

3.1.1 Kondisi Kerja Instansi

Kantor Pemerintahan Kabupaten Bantul Daerah Istimewa

Yogyakarta sudah mempunyai banyak ruangan yang berisikan meja-

meja dan beberapa perangkat keras untuk menunjang pekerjaan para

karyawan untuk fraksi yang berbeda-beda, Pengolahan data dari desa-

desa yang berada di kota bantul sudah di olah oleh karyawan-karyawan

kantor pemerintahan kota bantul Daerah Istimewa Yogyakarta.

Sumber daya manusia (SDM) yang ada di Kantor pemerintahan

Kabupaten Bantul, Daerah Istimewa Yogyakarta diantaranya dapat

dilihat pada tabel berikut.

C. SEKRETARIAT DAERAH

Tabel 3.1 Sekertariat Daerah

Nama Kepala Jabatan Alamat Kantor

Drs. Riyantono, M.Si. Sekretaris Daerah Jl. Robert Wolter

Monginsidi

Telp. 0274-367771

Drs. Misbakhul Munir Asisten Jl. Robert Wolter

Page 59: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Tabel 3.1 Sekertariat Daerah (Lanjutan)

Dr. Drs. Suyoto, HS, MSi.,

MMA.

Asisten

Perekonomian dan

Pembangunan

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Drs. H. Mardi Ahmad Asisten

Administrasi Umum

Jl. Robert Wolter

Monginsidi

Telp. 0274-367387

Gunawan Budi Santosa,

S.Sos, MH.

Kepala Bagian

Hukum

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Reni Mariastuti, SH,

M.Hum

Kepala Bagian

Umum

Jl. Robert Wolter

Monginsidi

Telp. 0274-367529

Drs. Danang Erwanto, M.Si. Kepala Bagian Tata

Pemerintahan

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Stephanus Heru

Wismantara, SIP, MM.

Kepala Bagian

Pemerintahan Desa

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Drs. EDY BOWO

NURCAHYO, MA

Kepala Bagian

Kerjasama dan

Pengembangan

Potensi Daerah

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Bobot Ariffi'aidin, ST,MT Kepala Bagian

Administrasi

Pembangunan

Jl. Robert Wolter

Monginsidi

Telp. 0274-368272

Sigit Widodo, SH Kepala Bagian

Organisasi

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

Drs. Heni Purwana, MM Kepala Bagian

Hubungan

Masyarakat

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

NUGROHO EKO

SETYANTO, S.Sos, MM

Kepala Bagian

Protokol

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

D. KANTOR BADAN-BADAN

Tabel 3.2 Kantor Badan-badan

Nama Kantor Pimpinan/Kepala Alamat Kantor

Page 60: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Tabel 3.2 Kantor Badan-badan (Lanjutan)

Badan Perencanaan

Pembangunan Daerah

Drs. TRI

SAKTIYANA

M.Si

Jl. Robert Wolter

Monginsidi

Telp. 0274-367533

[email protected]

Badan Lingkungan Hidup Drs. Eddy Susanto Kompleks Manding,

Sabdodadi Bantul

Telp. 0274-765050

[email protected]

Badan Ketahanan Pangan

dan Pelaksana Penyuluhan

Ir. Pulung Haryadi,

M.Sc.

Jl. Raya Bantul

Inspektorat Bambang Purwadi

Nugroho, SH, MH.

Jl. Prof.Dr.Soepomo, SH.

Bantul

Telp. 0274-367325, 0274-

367675

[email protected]

Badan Kesejahteraan

Keluarga, Pemberdayaan

Perempuan dan Keluarga

Berencana

Drs. Djoko

Sulasno Nimpuno

Jl. DR Wahidin Sudiro

Husodo 76

Bantul. Telp 367331,

367706

[email protected]

Badan Kepegawaian

Daerah

Drs. Supriyanto,

MM

Jl. Robert Wolter

Monginsidi

Telp. 0274-367509

[email protected]

Badan Penanggulangan

Bencana Daerah

Drs.Dwi Daryanto,

M.Si (Ka.

Pelaksana )

Jl. Wachid Hasyim,

Sumuran, Palbapang,

Bantul, Yogyakarta, 55173

Telp. (0274) 8244004,

Fax.(0274) 6462100

[email protected]

Page 61: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

C . KANTOR DINAS-DINAS

Tabel 3.3 Kantor Dinas-dinas

Nama Kantor Pimpinan/Kepala Alamat Kantor

Dinas Kebudayaan

dan Pariwisata

Drs. Bambang

Legowo, M.Si.

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. 0274-368465

[email protected]

Dinas Kesehatan drg. Maya

Sintowati Panji,

MM.

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. 0274-367531

[email protected]

Dinas Pendapatan,

Pengelolaan

Keuangan dan Aset

Daerah

Drs. Didik

Warsito

Jl. Robert Wolter Monginsidi

Telp. 0274-367509

[email protected]

Dinas Pertanian dan

Kehutanan

Drs. Supriyanto,

MM (Plt)

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. 0274-367541

[email protected]

Dinas Tenaga Kerja

dan Transmigrasi

Susanto, SH, MM Jl. Gatot Subroto No.1 Bantul

[email protected]

Dinas

Perindustrian,

Perdagangan dan

Koperasi

Drs.

SULISTIYANTO,

M.Pd

Jl. Prof.Dr.Soepomo, SH.

Telp. 0274-367407 / 0274-367584

[email protected]

Dinas Kelautan dan

Perikanan

Ir. Edy Machmud

Hidayat

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. (0274) 367338

[email protected]

Dinas Pekerjaan

Umum

Ir. Heru Suhadi,

MT.

Jl. P. Senopati, Palbapang Bantul

Telp. 0274-367310/0274-368279

[email protected]

Dinas Sumber Daya

Air

Ir. Ign. Yulianto,

MT.

Jl. Kolonel Sugiyono No.1 Bantul

Telp. 0274-367446

[email protected]

Dinas Ir. Fenty Kompleks II Kantor Pemda. Bantul,

Page 62: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Tabel 3.3 Kantor Dinas-dinas (Lanjutan)

Dinas Perhubungan Drs. Suwito Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. 0274-367321

[email protected]

Dinas Perijinan Dra. Sri Ediastuti,

M.Sc.

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. 0274-367867

[email protected]

Dinas Sosial Drs. Mahmudi,

M.Si.

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

[email protected]

Dinas Pendidikan

Menengah dan Non

Formal

Drs. Masharun,

MM.

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

Telp. (0274) 368621

[email protected]

Dinas Pendidikan

Dasar

Drs. Totok

Sudarto, M.Pd

Kompleks II Kantor Pemda. Bantul,

Manding, Sabdodadi Bantul

telp. (0274) 367 171, 367 327

[email protected]

G. BUMN (Badan Usaha Milik Negara)

Tabel 3.4 BUMN (Badan Usaha Milik Negara)

Nama BUMN Nama Pimpinan Alamat Kantor

PD. Aneka Dharma Drs. Suryanto Kompleks Gedung DPRD

Bantul

Telp. 0274-367123

Bank BPD DIY Cabang

Bantul

Erna Wukiratun Jl. Jendral Sudirman No.

2a Bantul

Telp. 0274-367011/

0274-367537

P D A M Ir. Agung Darmadi Jl. Dr. Wahidin Sudiro

Husodo No.83

Telp. 0274-367524

Bank Bantul Dra. Hj. Aristini

Sriyatun

Jl. Gajahmada No.3

Bantul

Telp. (0274) 367 422 Fax.

Page 63: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Tabel 3.4 BUMN (Badan Usaha Milik Negara)

Rumah Sakit Umum Daerah

Panembahan Senopati

dr. I Wayan Sudana,

M.Kes

Jl. Dr. Wahidin Sudiro

Husodo

Telp. 0274-367381/ 0274-

367506

[email protected]

Tabel Struktur Organisasi Perangkat Daerah Kabupaten Bantul, Daerah Istimewa Yogyakarta

6.1.2 Sekilas Tentang Daerah Kabupaten Bantul

2. KEADAAN ALAM

Kabupaten Bantul terletak di sebelah Selatan Propinsi Daerah

Istimewa Yogyakarta, berbatasan dengan :

Sebelah Utara: Kota Yogyakarta dan Kabupaten Sleman

Sebelah Selatan : Samudera Indonesia

Sebelah Timur : Kabupaten Gunung Kidul

Sebelah Barat: Kabupaten Kulon Progo

Kabupaten Bantul terletak antara 07° 44' 04" - 08° 00' 27" Lintang

Selatan dan 110° 12' 34" - 110° 31' 08" Bujur Timur.

Luas wilayah Kabupaten Bantul 508,85 Km2 (15,90 5 dari Luas

wilayah Propinsi DIY) dengan topografi sebagai dataran rendah

140% dan lebih dari separonya (60%) daerah perbukitan yang

kurang subur, secara garis besar terdiri dari :

Page 64: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Bagian Barat, adalah daerah landai yang kurang serta

perbukitan yang membujur dari Utara ke Selatan seluas 89,86 km2

(17,73 % dari seluruh wilayah).

Bagian Tengah, adalah daerah datar dan landai merupakan

daerah pertanian yang subur seluas 210.94 km2 (41,62 %).

Bagian Timur, adalah daerah yang landai, miring dan terjal

yang keadaannya masih lebih baik dari daerah bagian Barat, seluas

206,05 km2 (40,65%).

Bagian Selatan, adalah sebenarnya merupakan bagian dari

daerah bagian Tengah dengan keadaan alamnya yang berpasir dan

sedikir berlagun, terbentang di Pantai Selatan dari Kecamatan

Srandakan, Sanden dan Kretek.

Tata Guna Lahan :

1. Pekarangan : 18.327,15 Ha (36,16 %)

2. Sawah : 16.823,84 Ha (33,19 %)

3. Tegalan : 7.554,45 Ha (14,90 %)

4. Tanah Hutan : 1.697,80 Ha ( 3,35 %)

Kabupaten Bantul dialiri 6 Sungai yang mengalir sepanjang tahun

dengan panjang 114 km2. Yaitu :

1. Sungai Oyo : 35,75 km

2. Sungai Opak : 19,00 km

Page 65: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

3. Sungai Code : 7,00 km

4. Sungai Winongo : 18,75 km

5. Sungai Bedog : 9,50 km

6. Sungai Progo : 24,00 km

2. PEMERINTAHAN

Terdiri dari 17 Kecamatan, 75 Desa, 933 Dusun.

3.1.3 Kondisi Layanan yang Berjalan

Pengolahan data Perencanaan Pembangunan, Daerah Istimewa

Yogyakarta selama ini hanya menggunakan pengolahan data secara

manual. Sehingga memiliki keterbatasan pengiriman data dari desa-desa

kepada pihak kantor pemerintahan yang memakan cukup banyak waktu.

3.2 KEGIATAN KERJA PRAKTEK

Setelah melakukan analisis terhadap kondisi kerja instansi Pemerintahan

Daerah Kabupaten Bantul, Daerah Istimewa Yogyakarta maka kami mulai

merancang sebuah sistem informasi yang nantinya akan digunakan sebagai

wadah untuk membantu pengolahan data yang terkait dengan kegiatan laporan

data Perencanaan Pembangunan untuk lebih mudah diolah oleh Pemerintahan

Daerah Kabupaten Bantul ,Daerah Istimewa Yogyakarta.

Adapun tahapan-tahapan yang dilakukan dalam pembuatan sistem

informasi Perencanaan Pembangunan Kabupaten Bantul, Daerah Istimewa

Yogyakarta diantaranya:

3.2.1 Tahap Perencanaan

Page 66: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Tahap perencanaan meliputi tentang perencanaan menu yang akan dibuat,

tampilan serta data-data apa saja yang dibutuhkan untuk mengisi system

informasi.

Adapun data-data yang dibutuhkan untuk mengisi sistem informasi

laporan data Perencanaan Pembangunan Kabupaten Bantul, Daerah Istimewa

Yogyakarta diantaranya:

d. Data index Sistem Informasi Perencanaan Pembangunan meliputi sejarah

kota bantul, instansi pemerintahan, Profil Bupati dan Wakil Bupati

Kabupaten Bantul, visi, misi, dan struktur organisasi.

e. Data perencanaan pembangunan dari admin desa kabupaten bantul.

f. Data Admin dari pihak Administrator Kantor Pemerintahan Kabupaten

Bantul.

3.2.2 Tahap Perancangan

Perancangan website ini menggunakan pendekatan berorientasi objek

dengan menggunakan metode Unified Modeling Language (UML).

8. Diagram Konteks

Definisi Gambar 3.1 Diagram Conteks

d. Data User

Merupakan menu untuk melihat data yang dimiliki oleh user.

e. Data Kecamatan

Merupakan menu untuk memilih data kecamatan yang akan di lihat.

f. Data Desa

Merupakan menu untuk memilih data desa yang akan di lihat.

Page 67: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar Diagram Conteks

Diagram Conteks digambarkan sebagai berikut:

Gambar 3.1 Digram Conteks

9. DFD (Data Flow Diagram) Level 0

Definisi Gambar 3.2 DFD Level 0

d. Login

Merupakan halaman utama untuk admin masuk dan mendapatkan

akses untuk mengolah data di dalam sistem.

e. Proses Pengolahan Data Admin

Merupakan halaman yang didalamnya terdapat data admin.

f. Proses Pengolahan Data

Merupakan halaman yang terdapat data di dalamnya.

Gambar DFD Level 0

Page 68: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Dfd Level 0 digambarkan sebagai berikut:

Gambar 3.2 DFD (Data Flow Diagram) Level 0

10. DFD (Data Flow Diagram) Level 1 Admin

Definisi Gambar 3.3 DFD Level 1 Admin

b. Lihat Data User

Merupakan halaman untuk melihat detail data yang di miliki oleh

user/admin desa.

DFD Level 1 admin digambarkan sebagai berikut:

Page 69: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar 3.3 DFD (Data Flow Diagram) Level 1 Admin.

11. DFD (Data Flow Diagram) Level 1 User/Admin Desa

Definisi Gambar 3.4 DFD Level 1 User/Admin Desa

c. Lihat Data

Merupakan halaman untuk melihat detail data yang dimiliki oleh

user/admin desa.

d. Tambah Data

Merupakan Halaman untuk Menambah Data User/admin desa.

Gambar DFD Level 1 User/admin desa

DFD Level 1 User/admin desa digambarkan sebagai berikut:

Page 70: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar 3.4 DFD (Data Flow Diagram) Level 1 user/admin desa

12. Desain Database

Desain database merupakan proses yang dilakukan untuk

dilakukan untuk merancang tabel sebagai pengolahan data. Dalam

proses perancangan ini, penulis membuat kerangka kerja berupa

ERD (Entity Reletionship Diagram).

Gambar 3.5 merupakan rancangan database untuk website

system informasi Perencanaan Pembangunan Kabupaten Bantul,

Daerah Istimewa Yogyakarta.

Gambar 3.5 ERD (Entity Relationship Diagram)

13. Desain Database

Desain database merupakan proses yang dilakukan untuk

dilakukan untuk merancang tabel sebagai pengolahan data. Dalam

Page 71: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

proses perancangan ini, penulis membuat kerangka kerja berupa

table dengan menggunakan Designer Database.

Gambar dibawah merupakan rancangan database untuk website

sistem informasi Perencanaan Pembangun Kabupaten Bantul,

Daerah Istimewa Yogyakarta.

k. Gambar Tabel admin

Gambar 3.6 Rancangan Database Admin

l. Gambar Tabel User

Gambar 3.7 Rancangan Database User

Page 72: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

m. Gambar Tabel Desa

Gambar 3.8 Rancangan Database Desa

n. Gambar Tabel Bidang

Gambar 3.9 Rancangan Database Bidang

o. Tabel Program

Page 73: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar 3.10 Rancangan Database Program

p. Gambar Tabel Sasaran

Gambar 3.11 Rancangan Database Sasaran

q. Gambar Tabel Prioritas

Gambar 3.12 Rancangan Database Prioritas

r. Gambar Tabel Data Desa

Page 74: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar 3.13 Rancangan Database Data_desa

s. Gambar Tabel Data Kecamatan

Gambar 3.14 Rancangan Database Data_kecamatan

t. Tabel Data

Page 75: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Gambar 3.15 Rancangan Database Data

14. Gambar Relasi Database

Untuk mengubungkan table-tabel pada rancangan databes,

menggunakan relasi.

b. Gambar Tabel Relasi

Gambar 3.16 Relasi Database

3.3 HASIL

Pada sub bab ini membahas mengenai hasil kerja praktek mengenai

interface website system Informasi Perencanaan Pembangun Kabupaten

Bantul, Daerah Istimewa Yogyakarta.

Page 76: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

6.3.1 Halaman Utama Website Perencanaan Pembangun Kabupaten

Bantul.

Halaman utama website merupakan halaman yang pertama kali

muncul ketika alamat website tersebut dibuka. Gambar 3.7 merupakan

tampilan utama website yang dapat diakses.

Gambar 3.17 Halaman utama website

Halaman utama website terdiri dari :

d. Beranda

Page 77: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

Merupakan tampilan Utama saat kita membuka Website.

e. Tentang

Merupakan tampilan yang merupakan halam untuk masuk kedalam

Halaman Tentang

Gambar 3.18 Halaman Tentang

f. Login

Merupakan tampilan yang merupakan halam untuk masuk kedalam

system Perencanaan Pembangun Kabupaten Bantul, yaitu :

2. Dan untuk masuk ke sistem informasi Perencanaan

Pembangun Kabupaten Bantul di perlukan Username Desa

dan password untuk menjaga keamanan data.

Page 78: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

3.19 Halaman Login Admin/user desa

Source terdapat pada folder localhost/Kerja-praktek/. Source yang

mengatur tampilan pada gambar 3.6, 3.7 dan 3.8 terdiri dari :

13. Index.php : Untuk mengatur Halaman awal atau Home

14. Tentang.php : Berisi Profil tentang instansi yang terkait.

15. Kontak.php : Berisi informasi tentang kontak person dan

alamat yang bisa di tuju.

16. Login.php : Halaman yang di gunakan untuk masuk ke

dalam sistem (admin).

17. Koneksi.php : untuk menghubungkan database dengan

sistem.

18. Get_desa.php : untuk mencocokan data pengambilan

Page 79: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

kecamatan dengan desa pada database.

19. Menu.php : untuk mengatur halaman switch case.

20. Modul.php : untuk mencocokan data dari kecamatan dan

desa dengan data pada database.

21. Prosesdata.php : untuk mencocokan proses data yang

masuk dalam data database.

22. Proseslogin.php : untuk mencocokan data login

dengan data pada database.

23. Sidebar.php : Untuk mengatur menu dalam

halaman.

24. Tambahdata.php : Untuk menambahkan data kedalam

database.

6.3.2 Halaman Utama Login Administrator

Gambar 3.20 Merupakan tampilan login administrator.

Page 80: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

6.3.3 Halaman admin desa setelah login

Gambar 3.21 Halaman Utama Setelah login.

Source code yang setelah Admin Desa mendapat hak akses:

9. Index.php : Untuk mengatur pendaftaran admin desa.

10. Edituser.php : Untuk mencocokan data datauser dengan

data edit pada database.

11. Data.php : Merupakan halaman untuk menampilkan

data yang sudah di masukkan.

12. Datauser.php : Merupakan halaman untuk mengubah data

admin/user desa.

13. Edit.php : Untuk mengedit admin/user desa yang

sudah terdaftar

14. Desa.php : Untuk mencocokan data kecamatan dengan

data desa pada database.

15. Prosesdaftar.php : untuk mencocokan data login

Page 81: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

dengan data pada database.

16. Tambahdata.php : Merupakan halaman untuk

menambahkan data ke dalam database.

6.3.4 Halaman Edit User

Gambar 3.22 Halaman akses sekolah untuk mengolah data admin/user desa.

6.3.5 Halaman Tambah Data

Gambar 3.23 Halaman akses sekolah untuk Menambahkan data.

Page 82: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

6.3.6 Halaman Data

Gambar 3.24 Halaman untuk mengolah data yang di miliki oleh admin/user desa.

6.3.7 Source code untuk Mengubah data admin/user desa.

<?php

session_start();

include ("../koneksi.php");

?>

<html>

<head>

<?php include "css.php";?>

</head>

<body onload="startclock()">

<div id="wrapper">

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"

style="margin-bottom: 0">

Page 83: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<div class="navbar-header">

<img src="./img/rebang1.png" />

</div>

<!-- /.navbar-header -->

<ul class="nav navbar-top-links navbar-right">

<li class="dropdown">

<div class="dropdown-toggle" data-toggle="dropdown">

<?php

echo "<a><b><SCRIPT language=JavaScript>var d =

new Date();

var h = d.getHours();

if (h < 11) { document.write('Welcome '); }

else { if (h < 15) { document.write('Welcome '); }

else { if (h < 19) { document.write('Welcome '); }

else { if (h <= 23) { document.write('Welcome '); }

}}}</SCRIPT>

$_SESSION[username]</b>

</a>";

?>

</div>

</li>

<!-- /.dropdown -->

<li class="dropdown">

Page 84: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<a class="dropdown-toggle" data-toggle="dropdown"

href="#">

<i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-

down"></i>

</a>

<ul class="dropdown-menu dropdown-user" name="welcome">

<li><a href="#"><i class="fa fa-user fa-fw"></i>

<?php

echo "".$_SESSION['username'];

?>

</a></a>

</li>

</li>

<li class="divider"></li>

<li><a href="../index.php" action="config/sesiout.php"><i

class="fa fa-sign-out fa-fw"></i> Logout</a>

</li>

</ul>

<!-- /.dropdown-user -->

</li>

</ul>

<!-- /.navbar-top-links -->

Page 85: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<div class="navbar-default navbar-static-side sidebarr"

role="navigation">

<div class="sidebar-collapse">

<ul class="nav" id="side-menu">

<li>

<a href="data.php"><i class="fa fa-dashboard fa-

fw"></i> &nbsp;Dashboard</a>

</li>

<li>

<a href="ganti_pass.php"><i class="fa fa-bar-chart-o fa-

fw"></i> &nbsp;Edit User</a>

</li>

<li>

<a href="tambahdata.php"><i class="fa fa-table fa-

fw"></i> &nbsp;Tambah Data</span></a>

</li>

<li>

<a href="datauser.php"><i class="fa fa-list fa-fw"></i>

&nbsp;Data</span></a>

</li>

<!-- /#side-menu -->

</div>

<!-- /.sidebar-collapse -->

Page 86: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

</div>

<!-- /.navbar-static-side -->

</nav>

<div id="page-wrapper">

<br><br><br><br>

<div class="row" id="content">

<div class="col-lg-12" id="main">

<div class="panel panel-default">

<div class="panel-body" id="dashboard">

<div class="panel panel-default" id="dashboard">

<div class="panel-heading">

<div class="pull-right">

<div class="btn-group">

<a href="#defaultTable" data-toggle="collapse"

class="btn btn-sm btn-default minimize-box">

<i class="fa fa-angle-up"></i>

</a>

<a data-toggle="modal" data-original-

title="Help" data-placement="bottom" class="btn btn-default btn-sm"

href="#helpModal">

<i class="fa fa-question"></i>

</a>

</div>

Page 87: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

</div>

<div><i class="fa fa-desktop"></i>

&nbsp;<b>Edit User</b></div>

</div>

<!-- /.panel-heading -->

<div class="panel-body">

<div class="tablee">

<div style="height: auto;" id="defaultTable"

class="body collapse in">

<table class="table responsive-table">

<a data-toggle='collapse' class='btn btn-sm btn-default minimize-box

disabled'>

<b>Silahkan Edit User</b>

</a>

<section class="icons">

<center>

<form name="gantipas" method="POST"

action="ganti_pass_proses.php">

<table>

<label>Username</label>

<div class='form-group input-group'>

<span class='input-group-addon'><i class='fa fa-

pencil'></i></span>

Page 88: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<input class='form-control' name="username" type='text'>

</div>

<label>password lama</label>

<div class='form-group input-group'>

<span class='input-group-addon'><i class='fa fa-

pencil'></i></span>

<input class='form-control' name="passwordlama"

type='text'>

</div>

<label>password baru</label>

<div class='form-group input-group'>

<span class='input-group-addon'><i class='fa fa-

pencil'></i></span>

<input class='form-control' name='passwordbaru' type='text'>

</div>

<label>konfirmasi password</label>

<div class='form-group input-group'>

<span class='input-group-addon'><i class='fa fa-

pencil'></i></span>

<input class='form-control' name="confpassword" type='text'>

</div>

</table>

Page 89: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<input class='btn btn-primary' type="submit" name="change"

value="ganti"/>

<input class='btn btn-primary' type="submit" value="Batal"

action="data.php"/>

</form>

</center><br><br><br>

</section>

</table>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

<?php include "info.php";?>

</html>

<?php

?>

6.3.8 Source code untuk Masuk Kedalam Halaman Admin/user desa.

Page 90: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<?php

session_start();

include "koneksi.php";

?>

<html>

<head>

<title>rebang</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />

<link rel="stylesheet" type="text/css" href="style2.css" />

<script type="text/javascript" src="js/jquery.dropotron-

1.0.js"></script>

<script type="text/javascript" src="js/init.js"></script>

</head>

<body>

<div id="wrapper">

<div id="splash">

<img src="images/bantul2.jpg" alt="" />

</div>

<div id="menu">

<?php include "menu.php";?>

</div>

<div id="page">

Page 91: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<div id="content">

<div class="box">

<?php include "masuk.php";?>

</div><br>

</div>

<div id="sidebar">

<?php include "sidebar.php";?>

</div>

<br><br><br>

</div></div>

</div>

<div id="footer">

&copy; Kerja Praktek | 2014

</div>

</body>

</html>

---------------------------

<div class="atap kotak">

<div class="atas"><img src="images/login.png"></img></div>

<div class="jarak">

<form action="proseslogin.php" method="POST"

class="loginform">

Page 92: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<div class="field_text">

<label for="user_login"

class="label_title">Email</label>

<input type="text" name="us" value=""

placeholder="Email" />

<span class="input_icon input_email"></span>

</div><br><br><br><br><br><br>

<div class="field_text">

<label for="user_pass"

class="label_title">Password</label>

<input type="password" name="pass" value=""

placeholder="Password" />

<span class="input_icon input_pass"></span>

</div><br><br><br><br><br><br>

<div class="rowRemember clearfix">

&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

<a href = "user/index.php">Daftar</a> &nbsp;| &nbsp;

<a href = "admin/index.php">Admin</a>

</div>

Page 93: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

<div class="rowSubmit">

<span class="btn btn-hover"><input type="submit"

name="submit" value="Login" /></span>

</div>

<div>

</div>

</form>

</div>

</div>

BAB IV

PENUTUP

4.1 Kesimpulan

Kesimpulan yang telah dilakukan dalam kerja praktek adalah:

a. Dihasilkan interface untuk halaman utama website sistem informasi

Perencanaan Pembangunan Kabupaten Bantul, Daerah Istemewa

Yogyakarta.

b. Dihasilkan website sistem informasi Perencanaan Pembangunan

Kabupaten Bantul, Daerah Istimewa Yogyakarta.

4.2 Rekomendasi

Page 94: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

a. Penunjukkan staff khusus untuk melakukan pengawasan terhadap konten

website, sehingga informasi yang ada di website selalu pengawasan

dengan data di dalam sistem.

b. Meningkatkan kualitas website dengan meningkatkan sistem keamanan

website.

PENUTUP

4.3 Kesimpulan

Kesimpulan yang telah dilakukan dalam kerja praktek adalah:

c. Dihasilkan interface untuk halaman utama website sistem informasi

Perencanaan Pembangunan Kabupaten Bantul, Daerah Istemewa

Yogyakarta.

d. Dihasilkan website sistem informasi Perencanaan Pembangunan

Kabupaten Bantul, Daerah Istimewa Yogyakarta.

4.4 Rekomendasi

Page 95: LAPORAN KERJA PRAKTEK SISTEM INFORMASI PERENCANAAN ...informatika.uin-suka.ac.id/media/dokumen_akademik/65_20190705_… · KATA PENGANTAR Puji dan syukur kami panjatkan ke hadirat

c. Penunjukkan staff khusus untuk melakukan pengawasan terhadap konten

website, sehingga informasi yang ada di website selalu pengawasan

dengan data di dalam sistem.

d. Meningkatkan kualitas website dengan meningkatkan sistem keamanan

website.