PEMBUATAN WEBSITE DINAS PERUMAHAN RAKYAT DAN KAWASAN PERMUKIMAN KOTA PALEMBANG...

KEMENTERIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

PALCOMTECH

PRAKTIK KERJA LAPANGAN

PEMBUATAN WEBSITE DINAS PERUMAHAN RAKYAT

DAN KAWASAN PERMUKIMAN KOTA PALEMBANG

MENGGUNAKAN WEB DEVELOPMENT LIFE CYCLE(WDLC)

Diajukan oleh :

RENDRA ANANDIKA

011150007

Diajukan Sebagai Syarat Menyelesaikan Mata Kuliah Praktik Kerja

Lapangan dan Syarat Penyusunan Skripsi

PALEMBANG

2019

ii



PALCOMTECH

HALAMAN PENGESAHAN PEMBIMBING PKL

NAMA : RENDRA ANANDIKA

NOMOR POKOK : 011150007

PROGRAM STUDI : TEKNIK INFORMATIKA

JENJANG PENDIDIKAN : STRATA SATU (S1)

KONSENTRASI : JARINGAN

JUDUL PKl : PEMBUATAN WEBSITE DINAS

PERUMAHAN RAKYAT DAN

KAWASAN PERMUKIMAN KOTA

PALEMBANG MENGGUNAKAN WEB

DEVELOPMENT LIFE

CYCLE(WDLC)

Tanggal, 31 Desember 2018 Mengetahui,

Pembimbing, Ketua,

Surahmat, S.Kom., M.Kom, Benedictus Effendi, S.T., M.T.

NIDN : 0218038904 NIP : 09.PCT.13

iii



PALCOMTECH

HALAMAN PENGESAHAN PENGUJI PKL

NAMA : RENDRA ANANDIKA

NOMOR POKOK : 011150007

PROGRAM STUDI : TEKNIK INFORMATIKA

JENJANG PENDIDIKAN : STRATA SATU (S1)

KONSENTRASI : JARINGAN

JUDUL PKl : PEMBUATAN WEBSITE DINAS

PERUMAHAN RAKYAT DAN

KAWASAN PERMUKIMAN KOTA

PALEMBANG MENGGUNAKAN WEB

DEVELOPMENT LIFE

CYCLE(WDLC)

Tanggal, 8 Januari 2019 Tanggal, 8 Januari 2019

Penguji 1, Penguji 2,

Guntoro Barovih, S.T., M.T. Mahmud, S.Kom., M.Kom.

NIDN : 0221027002 NIDN : 0224059102

Menyetujui,

Ketua,

iv

MOTTO :

Belajarlah mengalah sampai tak seorangpun yang

bisa mengalahkanmu

Belajarlah merendah sampai tak seorangpun yang

bisa merendahkanmu

Kupersembahkan kepada :

- Keluargaku Tercinta

- Saudara-saudaraku tersayang

- Para dosen yang kuhormati

- Sahabat – sahabat terkasih

Benedictus Effendi, S.T., M.T.

NIP : 09.PCT.13

v

KATA PENGANTAR

Tingkat kecelakaan disebabkan adanya kelalaian pada pengendara maupun

pengemudi. Setiap saat adanya peristiwa kecelakaan yang mengakibatkan korban

baik meninggal dunia maupun luka-luka yang diakibatkan pada usia produktif.

Sebagai bagian dari tugas yang diberikan Pemerintah kepada PT. Jasa Raharja

(Persero) sebagai perusahaan asuransi sesuai dengan Undang-Undang Nomor 33

dan 34 Tahun 1964, untuk melakukan penghimpunan dana Sumbangan Wajib dan

Iuran Wajib dalam hal pembayaran santunan korban kecelakaan. Berdasarkan

Undang-Undang Nomor 34 Tahun 1964 “Setiap orang yang berada di luar angkutan

lalu lintas jalan yang menjadi korban kecelakaan dari penggunaan alat angkutan

lalu lintas jalan serta yang berada di dalam suatu kendaraan bermotor dan ditabrak

ataupun menabrak”. Pada undang-undang tersebut pengumpulan dana sumbangan

wajib berasal dari pembayaran pajak kendaraan, di STNK tertera Sumbangan Wajib

Dana Kecelakaan Lalu Lintas Jalan (SWDKLLJ). Pada kendaraan baru belum dapat

digunakan oleh konsumen dikarenakan kendaraan tersebut belum terdaftar secara

sah di Kantor Samsat. Sebagai bentuk memberikan kepastian jaminan asuransi

maka PT. Jasa Raharja (Persero) Cabang Sumatera Selatan dapat melakukan

penghimpunan dana sumbangan wajib pada kendaraan baru, namun untuk media

penginputannya belum ada. Artinya aplikasi untuk pengolahan data kendaraan

tersebut sangat dibutuhkan. Hal inilah yang mendorong Penulis untuk membuat dan

mengangkat judul Pembuatan website dinas perumahan rakyat dan kawasan

permukiman menggunkAN WEB DEVELOPMEN LIFE CYCLE (WDLC)

vi

Adapun selama penulisan dan penyusunan laporan PKL ini, Penulis

mendapatkan banyak bimbingan, bantuan dan dukungan dari berbagai pihak. Oleh

karena itu, sudah menjadi kewajiban bagi Penulis untuk mengucapkan terima kasih

kepada berbagai pihak tersebut, yaitu kepada Ketua STMIK PalComTech, Bapak

Benedictus Effendi, S.T., M.T., kepada Ketua Program Studi Sistem Informasi

Bapak Andri Saputra, S.Kom., M.Kom., kepada Dosen Pembimbing Laporan PKL

Ibu Yesi Sriyeni, S.Kom, M.Kom., kepada keluarga saya yang telah banyak

membantu dan memberi dukungan.

Demikian kata pengantar dari Penulis, dengan harapan semoga laporan

praktik kerja lapangan ini dapat bermanfaat dan berguna bagi para pembaca,

dengan kesadaran Penulis bahwa dalam penulisan masih mempunyai banyak

kekurangan dan kelemahan sehingga membutuhkan banyak saran dan kritik yang

membangun untuk menghasilkan sesuatu yang lebih baik. Terima kasih.

Palembang, 31 Desember 2018

Penulis

vii

DAFTAR ISI

Halaman

HALAMAN JUDUL ……………………………………………………………….. i

HALAMAN PENGESAHAN PEMBIMBING …………………………………… ii

HALAMAN PENGESAHAN PENGUJI …………………………………………. iii

HALAMAN MOTTO DAN PERSEMBAHAN .…………………………………. iv

KATA PENGANTAR ……………………………………………………………… v

DAFTAR ISI ………………………………………………………………………... vii

DAFTAR GAMBAR/BAGAN …………………………………………………….. x

DAFTAR TABEL ………………………………………………………………….. xii

DAFTAR LAMPIRAN …………………………………………………………….. xiv

BAB I PENDAHULUAN

1.1 Latar Belakang .................................................................................... 1

1.2 Ruang Lingkup PKL ........................................................................... 3

1.3 Tujuan Dan Manfaat Praktik Kerja Lapangan .................................... 4

1.3.1 Tujuan ........................................................................................ 4

1.3.2 Manfaat ...................................................................................... 4

1.4 Tempat dan Waktu Pelaksanaan PKL ................................................ 5

1.4.1 Tempat PKL .............................................................................. 5

1.4.2 Waktu Pelaksanaan PKL ........................................................... 5

1.5 Teknik Pengumpulan Data .................................................................. 5

1.5.1 Wawancara ................................................................................ 5

viii

1.5.2 Observasi ................................................................................... 6

1.5.3 Studi Pustaka ............................................................................. 6

BAB II TINJAUAN PUSTAKA

2.1 Landasan Teori ................................................................................... 8

2.1.1 Website ...................................................................................... 8

2.1.2 Basis Data ................................................................................. 9

2.1.3 Bagan Alur ................................................................................ 9

2.1.4 Data Flow Diagram (DFD) ...................................................... 11

2.1.5 Entity Relationship Diagram (ERD) ......................................... 12

2.2 Gambaran Umum Perusahaan ............................................................. 13

2.2.1 Sejarah Perusahaan ................................................................... 13

2.2.2 Visi dan Misi Perusahaan .......................................................... 17

2.2.3 Struktur Organisasi Perusahaan ................................................ 17

2.2.4 Tugas dan Wewenang ............................................................... 18

2.2.5 Uraian Kegiatan …..................................................................... 29

BAB III PEMBAHASAN

3.1 Hasil Pengamatan ............................................................................... 30

3.1.1 Prosedur yang berjalan ............................................................... 30

3.1.1 Prosedur yang diusulkan ............................................................ 31

3.2 Evaluasi dan Pembahasan

3.2.1 Evaluasi .....................................................................................

36

3.2.2 Pembahasan ............................................................................... 37

ix

3.2.2.1 DFD .................................................................................... 37

3.2.2.2 ERD .................................................................................... 41

3.2.3 Perancangan ................................................................................... 41

3.2.3.1 Desain Tabel ....................................................................... 41

3.2.3.2 Desain Interface ..................................................................

3.3 Hasil Rancangan .................................................................................

45

52

BAB IV KESIMPULAN DAN SARAN

4.1 Kesimpulan ......................................................................................... 61

4.2 Saran ................................................................................................... 61

DAFTAR PUSTAKA ................................................................................................ xiii

HALAMAN LAMPIRAN ........................................................................................ x

x

DAFTAR GAMBAR

Halaman

Gambar 2.1 Struktur Organisasi PT. Jasa Raharja (Persero) ..........…….. 18

Gambar 3.1 Flowchart Sistem yang sedang berjalan ............................. 31

Gambar 3.2 Flowchart Sistem yang diusulkan ......................................... 33

Gambar 3.3 Flowchart Sistem yang diusulkan .......................................... 34

Gambar 3.4 Flowchart Sistem yang diusulkan .......................................... 35

Gambar 3.5 Flowchart Sistem yang diusulkan ..........................................

Gambar 3.6 Diagram Konteks ...................................................................

36

38

Gambar 3.7 Diagram Level 0 ................................................................... 39

Gambar 3.8 Entity Relationship Diagram (ERD) ..................................... 41

Gambar 3.9 Desain Tampilan Halaman Login ......................................... 44

Gambar 3.10 Desain Tampilan Halaman Utama ..................................... 45

Gambar 3.11 Desain Tampilan Data Wajib Pajak ................................... 46

Gambar 3.12 Desain Tampilan Data Kendaraan ..................................... 47

Gambar 3.13 Desain Tampilan BTCK ...................................................... 47

Gambar 3.14 Desain Tampilan Laporan ................................................. 48

Gambar 3.15 Desain Input Management User ......................................... 49

Gambar 3.16 Desain Input Data Wajib Pajak .......................................... 49

Gambar 3.17 Desain Input Data Kendaraan .................................................. 50

Gambar 3.18 Desain Input BCTK ............................................................. 51

Gambar 3.19 Desain Input Laporan ......................................................... 51

Gambar 3.20 Halaman Login .................................................................... 52

xi

Gambar 3.21 Halaman Input Management User ........................................ 53

Gambar 3.22 Halaman Input Data Wajib Pajak .......................................... 53

Gambar 3.23 Halaman Input Data Kendaraan ............................................ 54

Gambar 3.24 Halaman Input BTCK ........................................................... 55

Gambar 3.25 Halaman Input Laporan ........................................................ 56

Gambar 3.26 Halaman Utama Admin ........................................................ 57

Gambar 3.27 Halaman Input Management User......................................... 57

Gambar 3.28 Halaman Input Data Wajib Pajak .......................................... 58

Gambar 3.29 Halaman Input Data Kendaraan ............................................ 58

Gambar 3.30 Halaman Input BTCK ........................................................... 59

Gambar 3.31 Halaman Input Laporan ........................................................ 59

xii

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol-simbol flowchart ............................................................. 10

Tabel 2.2 Simbol-simbol Data Flow Diagram ............................................ 11

Tabel 2.3 Simbol-simbol Entity Relationship Diagram .............................. 12

Tabel 3.1 Desain Tabel User ....................................................................... 41

Tabel 3.2 Desain Tabel Wajib Pajak ........................................................... 42

Tabel 3.3 Desain Tabel Kendaraan ............................................................. 43

Tabel 3.4 Desain Tabel BTCK .................................................................... 43

DAFTAR PUSTAKA

Arifin, Johar 2017. Mengupas Kedahsyatan 340 Fungsi Terapan Microsoft Excel

2016, PT. Elex Media Komputindo: Jakarta.

Irwansyah, Edy. 2013. Sistem Informasi Geografis: Prinsip Dasar dan

Pengembangan Aplikasi, Digibooks : Yogyakarta.

Maryani 2014. Perancangan Sistem Informasi Penjualan Buku Pada PD. Kencana,

Comtech (Computer, Matchematics, and Engineering Applications). Vol. 5.

No. 2. Hal. 1043. ISSN : 2087-1244.

xiii

Purnomo (dalam Kurniawan 2010:10), Perbandingan keefektifan Metode

Observasi dan Diskusi Terhadap Hasil Belajar Biologi Pokok Bahasan

Ekosistem.

Sitorus, Lamhot 2015. Algoritma dan Pemrograman, CV. Andi Offset :

Yogyakarta.

Soeherman Bonnie dan Pinontoan Marion 2008. Designing Information System,

PT. Elex Media Komputindo: Jakarta.

Sugiyono. 2010. Metode Penelitian Pendidikan Pendekatan Kuantitatif, kualitatif,

dan R&D. Bandung: Alfabeta

Supardi, Yuniar. 2010. Semua Bisa Menjadi Programmer Java Case Study, PT.

Elex Media Komputindo: Jakarta.

Yuhefizar, Mooduto, Hidayat. 2009. Cara Mudah Membangun Website Interaktif

Menggunakan Content Management System Joomla Edisi Revisi, PT. Elex

Media Komputindo : Jakarta.

Yuhendra dan Riza Eko Yulianto 2015. Rekayasa Perangkat Lunak Pengolahan

Data Distribusi Obat-obatan di PT. Anugrah Pharmindo Lestari Berbasis

Web, Jurnal Momentum. Vol. 17. No. 2. Hal. 70. ISSN : 1693-752X.

DAFTAR LAMPIRAN

1. Lampiran 1. Form Topik dan Judul (Fotocopy)

2. Lampiran 2. Surat Balasan dari Perusahaan (Fotocopy)

3. Lampiran 3. Form Konsultasi (Fotocopy)

4. Lampiran 4. Surat Pernyataan (Fotocopy)

xiv

5. Lampiran 5. Form Nilai dari Perusahaan (Fotocopy)

6. Lampiran 6. Form Absensi dari Perusahaan (Fotocopy)

7. Lampiran 7. Form Kegiatan Harian PKL (Fotocopy)

8. Lampiran 8. Form Revisi (Asli)

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Teknologi informasi berkembang dengan pesat di seluruh dunia termasuk

indonesia. Perkembangan internet ini membuat teknologi informasi

berkembang dengan pesat. Banyak orang mencari informasi lewat internet

sehingga banyak yang membuat media informasi online. Banayak orang

mencari informasi seperti berita, mencari informasi, penyedia jasa, dll.

Menurut supriyanto (2013:20), teknologi informasi adalah adanya

‘database’atau basis data menggunakan komputer dalam perpustakaan digital

(digital library baik online maupun offline).

Website adalah halaman iinformasi yang di sediakan melalui jalur

internet sehingga bisa di akses di seluruh dunia selama terkoneksi dengan

jaringan internet . dengan adanya website diharapkan dapat memberikan

infromasi atau gambaran dari suatu dinas pemerintahan yang terkait sehingga

masyarakat mengetahui tentang dinas pemerintahan tersebut. Menurut

Yuhefizar (2013:2), website adalah keseluruhan halaman-halaman web yang

terdapat dari sebuah domain yang mengandung informasi. Dengan adanya

media website ini, memudahkan bagi suatu perusahaan atau individu untuk

memberikan informasi ataupun mempromosikan suatu usahanya guna

meningkatkan jumlah customer. Website banyak di pakai untuk

2

memperkenalkan dan memberikan informasi kepada masyarakat tentang

profile kantor dan kegiatan kantor.

Website sebagai media informasi, media interaksi dengan masysrakat

menjadi tolak ukur bagaimana aktif atau tidaknya kegiatan pemerintahan.

Pada website ini menampilkan secara interaktif informasi mengenai kegiatan-

kegiatan kantor, progress pembangunan daerah dan hal-hal penting yang

ingin disampaikan oleh kantor kepada masyarakat melalui website.

Masalah yang ada pada dinas perumahan rakyat dan kawasan

permukiman adalah memberikan informasi kepada masyarakat dengan cara

memasang banner didepan kantor dan mungkin dengan menambahkan

website ini dapat lebih mempermudah dinas perumahan rakyat dan kawasan

permukiman dalam menyampaikan informasi kepada masyarakat tentang

kegiatan yang akan dilaksanakan.

Berdasarkan latar belakang di atas, penulis tertarik untuk mengambil

judul laporan praktik kerja lapangan dengan judul “PEMBUATAN

WEBSITE DINAS PERUMAHAN RAKYAT DAN KAWASAN

PERMUKIMAN KOTA PALEMBANG MENGGUNAKAN WEB

DEVELOPMENT KIFE CYCLE (WDLC)”

3

1.2 Ruang Lingkup PKL

Dalam pengerjaan website dinas perumahan rakyat dan kawasan

permukiman, sudah ditetapkan ruang lingkup yang akan di kaji dan

dilaksanakan, yaitu sebagai berikut:

a. Memiliki menu beranda, profil Dinas Perumahan Rakyat dan Kawasan

Permukiman, berita tentang kegiatan kantor, galeri foto survey lokasi, dan

menu saran yang di sediakan untuk masyarakat yang ingin memberikan

saran.

b. website dibuat menggunakan bahasa pemrograman php, mysql,

phpmyadmin, dan web server menggunakan xampp.

1.3 Tujuan dan Manfaat PKL

1.3.1. Tujuan PKL

Adapun tujuan yang ingin dicapai dari praktik kerja lapangan ini

adalah menghasilkan sebuah website dinas perumahan rakyat dan

kawasan permukiman yang diharapkan dapat lebih mempermudah dinas

perumahan rakyat dan kawasan permukiman untuk memberikan

informasi kegiatan yang akan dilaksanakan kepada masyarakat.

4

1.3.2. Manfaat PKL

1. sebagai penerapan dan pengembangan ilmu yang telah di

dapatkan selama kuliah.

2. Menambah pengalaman serta melatih diri untuk menghadapi

permaslahan-permasalahan baru terutama dalam lapangan

pekerjaan.

1.3.2.1. Manfaat Bagi Tempat Penelitian

Website ini diharapakan dapat memudahkan dinas

perumahan rakyat dan kawasan permukiman dalam

meyampaikan informasi serta kegiatan yang akan di

laksanakan pada masyarakat.

1.3.2.2. Manfaat Bagi Akademik

1. Menjalin hubungan kerja sama antara kampus dan dinas

perumahan rakyat dan kawasan permukiman.

2. Sebagai referensi untuk penulis selanjutnya.

1.4. Tempat dan Waktu Pelaksanaan PKL

1.4.1. Tempat PKL

Adapun lokasi tempat penulis melakukan praktik kerja lapangan

adalah di Dinas Perumahan Rakyat dan Kawasan Permukiman yang

beralamat di jln. Slamet riyadi no. 212 kota Palembang.

5

1.4.2. Waktu Pelaksanaan PKL

Adapun waktu pelaksanaan praktik kerja lapangan yaitu selama 1

bulan, sejak tanggal 1 september 2018 sampai dengan tanggal 30

september 2018. Praktik kerja lapangan sendiri dilaksanakan setiap

hari senin-jumat dari pukul 09.00-12.00 WIB.

1.5. Teknik Pengumpulan Data

Menurut sugiyono, (2013:205) ”Masalah dalam penelitian kualitatif

bersifat sementara, tentative dan akan berkembang atau berganti setelah

peneliti berada di lapangan”.

Pada metode ini penulis melakukan pengumpulan data dengan metode

kuantitatif pengumpulan data pada dinas perumahan rakyat dan kawasan

permukiman.

1.5.1. Wawancara

Menurut Muharto dan ambarita (2016:85) di jelaskan bahwa

wawancara merupakan proses Tanya jawab antara penelitidengan

subjek atau informasi peneliti secara lisan untuk memperoleh data yang

dibutuhkan oleh peneliti.

Pada metode ini penulis melakukan wawancara secara langssung

kepada bapak Erick Noviansyah, ST jabatan staf bidang penyehatan

6

lingkungan permukiman untuk memperoleh data dan informasi yang di

butuhkan meliputi prosedur bagi peneliti untuk membuat website.

1.5.2. Observasi

Menurut muharto dan ambarita (2016:83), observasi pengamatan

diartikan sebagai proses keterlibatan peneliti dan menangkap makna

secara sistematik terhadap gejala yang tampak pada obyek penelitian.

Pada metode ini penulis melakukan observasi langsung ke kantor

dinas perumahan rakyat dan kawasan permukiman untuk mengamati

dan menganalisa prosedur penyampaian informasi dinas perumahan

rakyat dan kawasan permukiman

1.5.3. Studi Pustaka

Menurut Irwansyah (2013:195), studi kepustakaan merupakan

tahap pengumpulan bahan-bahan yang berkaitan dengan topic yang di

buat sebagai dasar pelaksanaan dan perancangan system, studi ini

mengumpulkan teori-teori dasar dalam perancangan system yang di

buat.

Pada metode ini penulis melakukan studi pustaka dengan cara

memperoleh data dari buku, jurnal dan website untuk dapat mendukung

laporan praktik kerja lapangan..

7

BAB II

TINJAUAN PUSTAKA

2.1. Landasan Teori

2.1.1. Website

Menurut Hidayat (2013:2), website atau situs dapat

diartikan sebagai kumpulan halaman-halaman yang digunakan untuk

menampilkan informasi teks, gambar diam atau gerak, animasi, suara,

dan atau gabungan dari semuanya, baik yang bersifat statis maupun

dinamis yang membentu satu rangkaian bangunan yang terkait, yang

masing-masing dihubungkan dengan jaringan-jaringan halaman.

Seiring dengan perkembangan teknologi informasi yang

begitu cepat, website juga mengalami perkembangan yang sangat

berarti. Dalam pengelompokkan jenis web, lebih diarahkan berdasarkan

kepada fungsi, sifat atau style dan bahasa pemrograman yang

digunakan.

Jenis-Jenis web berdasarkan sifatnya adalah :

1. Website dinamis merupakan sebuah website yang menyediakan

content atau isi yang selalu berubah-ubah setiap saat.

2. Website statis merupakan website yang content-nya sangat jarang

diubah

8

Berdasarkan pada fungsinya, website terbagi atas :

1. Personal website, website yang berisi informasi pribadi

seseorang.

2. Commercial website, website yang dimiliki oleh sebuah

perusahaan yang bersifat bisnis

3. Government website, website yang dimiliki oleh instansi

pemerintahan, pendidikan yang bertujuan memberikan

pelayanan kepada pengguna.

4. Non- Profit Organization website, dimiliki oleh organisasi yang

bersifat non-profit atau tidak bersifat bisnis.

2.1.2. Basis Data (database)

Menurut Arifin (2017:127), database merupakan

alatuntukmenyimpan, mengorganisasikan dan memperoleh

kembali informasi.

Menurut Aryanto (2016:17), database secara umum dapat

diartikan sebagai kumpulan dari berbagai macam data. Data

tersebut berupa text, suara, video dan berbagai multimedia lainnya.

2.1.3.Bagan Alir (Flowchart)

Menurut Sitorus (2015:14), Flowchart merupakan langkah-

langkah penyelesaian masalah yang dituliskan dalam simbol-

silmbol tertentu.

9

Tabel 2.1 Desain Flowchart

No Simbol Nama Fungsi

1

Terminal

Menyatakan

permulaan atau akhir

suatu program

2

Input / Output

Menyatakan proses

input atau output tanpa

tergantung jenis

peralatannya

3

Process

Menyatakan suatu

tindakan (proses) yang

dilakukan oleh

computer

4

Decision

Menunjukkan suatu

kondisi tertentu yang

akan menghasilkan

dua kemungkinan

jawaban : ya / tidak

5

Connector

Menyatakan

sambungan dari proses

ke proses lainnya

dalam halaman sama

10

No Simbol Nama Fungsi

6

Offline

Connector

Menyatakan

sambungan dari proses

ke proses lainnya

dalam halaman yang

berbeda

7

Predefined

Process

Menyatakan

penyediaan tempat

penyimpanan suatu

pengolahan untuk

member harga awal

8

Punched Card

Menyatakan input

berasal dari kartu atau

output ditulis kekartu

9

Punch Tape

Menggambarkan

fungsi input/output

media tertentu

10

Document

Mencetak keluaran

dalam bentuk

dokumen (melalui

printer)

11

Sumber :Drs. LamhotSitorus, M.Kom (2015:14)

2.1.4. DFD (Data Flow Diagram)

Menurut Maryani (2014:1043), Data Flow Diagram (DFD)

adalah suatu diagram yang menggunakan notasi-notasi untuk

menggambarkan arus dari data sistem yang penggunaannya sangat

membantu untuk memahami system secara logika, terstruktur dan

No

Simbol

Nama

Fungsi

11

Flow Menyatakan jalannya

arus suatu proses

12 Manual

Operation

Menunjukkan

pengolahan yang tidak

dilakukan oleh

komputer

13

Disk and On-

line Storage

Menyatakan input

yang berasal dari disk

atau disimpan ke disk

14

Offline-storage

Menunjukkan bahwa

data dalam simbol ini

akan disimpan ke

suatu media tertentu

12

jelas. DFD adalah alat pembuatan model yang memungkinkan

profesional untuk menggambarkan sistem sebagai suatu jaringan

proses fungsional yang dihubungkan satu sama lain dengan alur data,

baik secara manual maupun komputerisasi.

Adapun simbol-simbol DFD yang digunakan dapat dilihat

pada tabel 2.2 :

Tabel 2.2 Simbol-Simbol Data Flow Diagram

No Simbol Fungsi

1

External Entity

Kesatuan di lingkungan luar

sistem yang bisa berupa

orang, organisasi atau sistem

lain

2

Process

Proses seperti perhitungan

aritmatik penulisan suatu

formula atau pembuatan

laporan

3

Data Store

Dapat berupa suatu file atau

database pada sistem

komputer atau catatan

manual

13

No Simbol Fungsi

4

Data Flow

Arus data ini mengalir

diantara proses, simpan data

dan kesatuan luar

Sumber : Maryani (2014:1043)

2.1.5. ERD (Entity Relationship Diagram)

Menurut Yuhendra dkk (2015:70), Entity Relationship

Diagram (ERD) adalah bagian yang menunjukkan hubungan antara

entity yang ada dalam sistem.

Adapun simbol-simbol yang digunakan pada ERD dapat

dilihat pada tabel2.3 :

Tabel 2.3 Desain Entity Relationship Diagram (ERD)

Simbol Keterangan

Entity

Atribut dan entity

Atribut dan entity dengan Key

(Kunci)

Relasi atau aktifitas antar entity

Hubungan satu dan pasti

14

Hubungan banyak dan pasti

Hubungan satu tapi tidak pasti

Hubungan banyak tapi tidak

pasti

Sumber :Yuhendra dkk (2015 :70)

2.1. Gambaran Umum Dinas Perumahan Rakyat dan Kawasan

Permukiman

2.2.1. Sejarah Dinas Perumahan Rakyat dan Kawasan Permukiman

Dengan telah ditetapkannya Peraturan Pemerintah (PP) No

18 Tahun 2016 tentang perangkat daerah, sejumlah pemerintahan

kabupaten / kota harus segera menindaklanjuti dengan membuat

perubahan struktur organisasi (SO) baru.Salah satu perangkat

daerah yang terkena perubahan nama tersebut adalah Dinas

Pekerjaan Umum Cipta Karya Kota Palembang yang berubah

nama menjadi Dinas Perumahan Rakyat dan Kawasan Permukiman

Kota Palembang.

Dinas Perumahan Rakyat dan Kawasan Permukiman Kota

Palembang adalah satu satuan Kerja Perangkat Daerah Kota

Palembang yang mempunyai tugas untuk membantu tugas

Walikota Palembang dalam melaksanakan program dan kegiatan

pembangunan di Kota Palembang.

15

Adapun fungsi Dinas Perumahan Rakyat dan Kawasan

Permukiman Kota Palembang adalah sebagai berikut:

Melaksanakan sebagian kawasan permukiman di Bidang

Perumahan, Jalan Lingkungan, Penyehatan Lingkungan, Sarana

Utilitas Umum dan Pertamanan berdasarkan kewenangan yang ada

sebagai pedoman pelaksanaan tugas; Melaksanakan Penataan

utilitas kota, serta membantu walikota dalam mewujudkan

keindahan Kota Palembang.

2.2.2. Visi dan Misi Dinas Perumahan Rakyat dan

Kawasan Permukiman

2.2.2.1.Visi :

Menjadikan sarana dan prasarana Perumahan dan

Kawasan Permukiman yang Layak Huni dalam lingkungan

yang sehat dan tertata.

2.2.2.2 Misi :

Meningkatkan kualitas pelayanan dan pemerataan

penerangan jalan umum dan dekorasi untuk mendukung

penguatan karakter kawasan kota.

16

2.2.3. Struktur Organisasi Dinas Perumahan Rakyat dan Kawasan

Permukiman

2.2.3.1. Struktur Organisasi

Sumber : DinasPerumahan Rakyat dan Kawasan Permukiman 2018

Gambar 2.1 Struktur Organisasi Dinas Perumahan Rakyat

dan Kawasan Permukiman

17

2.2.4. Tugas Dinas Perumahan Rakyat dan Kawasan Permukiman

1. Kepala Dinas

a. Tugas

Melaksanakan urusan pemerintahan bidang Pekerjaan

Umum dan Penataan Ruang serta urusan pemerintahan

bidang pertanahan berdasarkan ketentuan peraturan

perundang-undangan yang berlaku dan petunjuk

pelaksanaannya.

b. Wewenang

Menugaskan semua sub bagian di kantor

2. Sekretaris

a. Tugas

Membantu kepala dinas dalam mengkoordinasikan

perencanaan, keuangan dan pelaporan serta

menyelenggarakan urusan admisnitrasi umum, perkantoran,

kehumasan, dan kepegawaian.

b. Wewenang

koordinasi penyusunan dokumen perencanaan, keuangan

dan laporan;

3. Sub Bagian Umum dan Kepegawaian

a. Tugas

menyusun rencana program dan kegiatan subbagian umum

dan kepegawaian;

18

b. Wewenang

mengelola urusan rumah tangga, kehumasan dan

keprotokolan;

4. Sub Bagian Keuangan

a. Tugas

menyusun rencana program dan kegiatan sub bagian

keuangan;

b. Wewenang

menyusun rencana plafon kebutuhan anggaran dan

penggunaan anggaran;

5. Sub BagianPerencanaan dan Pelaporan

a. Tugas

Menyusun rencana program dan kegiatan dinas serta sub

bagian perencanaan dan pelaporan;

b. Wewenang

monitoring dan evaluasi capaian kinerja dinas;

6. Bidang Perumahan

a. Tugas

Melaksanakan sebagian tugas dinas dibidang perumahan.

b. Wewenang

Penyusunan dan pelaksanaan rencana program dan petunjuk

teknis di bidang perumahan;

19

7. Seksi Perumahan Umum

a. Tugas

Menyusun rencana program dan kegiatan seksi perumahan

umum;

b. Wewenang

Mengajukan RAB dan gambar ke bidang perencanaan;

8. Seksi Perumahan Swadaya

a. Tugas


umum;

b. Wewenang

Mengajukan RAB dan gambar ke bidang perencanaan;

9. Seksi Perumahan Swadaya

a. Tugas


swadaya;

b. Wewenang

Mengajukan RAB dan gambar ke bidang perencanaan

10. Seksi Rumah Susun

a. Tugas

Menyusun rencana program dan kegiatan seksi rumah

susun;

20

b. Wewenang

Mengurus semua urusan di bidang rumah susun

11. Bidang Penyehatan Lingkungan Kawasan Permukiman

a. Tugas

Melaksanakan sebagian tugas dinas di bidang penyehatan

lingkungan kawasan permukiman.

b. Wewenang


teknis di bidang penyehatan lingkungan kawasan

permukiman;

12. Seksi Air Bersih

a. Tugas

Menyusun rencana program dan kegiatan seksi air bersih;

b. Wewenang

Memberikan bantuan tenaga teknis perencanaan dan

pengawasan penyehatan lingkungan permukiman untuk

umun dan masyarakat Kota Palembang;

13. Seksi Air Limbah

a. Tugas

Menyusun rencana program dan kegiatan seksi air limbah;

b. Wewenang

Melaporkan hasil kerja dan capaian kinerja; dan

21

14. Seksi Drainase

a. Tugas

Menyusun rencana program dan kegiatan seksi drainase;

b. Wewenang

Melaksanakan tugas kedinasan lain sesuai dengan bidang

tugasnya.

15. Bidang Jalan Lingkungan

a. Tugas

Melaksanakan sebagian tugas dinas di bidang jalan

lingkungan.

b. Wewenang


teknis di bidang jalan lingkungan;

16. Seksi Pendataan dan Perencanaan

a. Tugas

Menyusun rencana program dan kegiatan seksi pendataan

dan perencanaan;

b. Wewenang


17. Seksi Pembangunan

a. Tugas

Menyusun rencana program dan kegiatan seksi

pembangunan;

22

b. Wewenang


18. Seksi Pemantauan dan Evaluasi

a. Tugas

Menyusun rencana program dan kegiatan seksi pemantauan

dan evaluasi

b. Wewenang


19. Bidang Prasarana, Sarana dan Utilitas Umum

a. Tugas

Melaksanakan sebagian tugas dinas di bidang

prasarana,sarana dan utilitas umum.

b. Wewenang

Penyusunan rencana program kerja dan kegiatan bidang

prasarana, sarana dan utilitas;

20. Seksi Penerangan Jalan

a. Tugas

Menyusun rencana program dan kegiatan seksi penerangan

jalan;

b. Wewenang

Memantau, mengendalikan dan mengawasi sarana dan

prasarana penerangan pada jalan dan jembatan;

23

21. Seksi Pertamanan

a. Tugas


pertamanan;

b. Wewenang

Menyiapkan dan melaksanakan serta pengembangan

rumah pembibitan (green house) tanaman pelindung,

peneduh, hias dan tanaman lainnya sesuai kebutuhan

pertamanan;

22. Seksi Pemakaman

a. Tugas


pemakaman

b. Wewenang

Menyiapkan dan melaksanakan inventarisasi potensi Seksi

Pemakaman yang meliputi Pemeliharaan dan Pelayanan

Pemakaman.

2.2.5. Uraian Kegiatan

Dinas Perumahan dan Kawasan Permukiman mempunyai

tugas melaksanakan urusan pemerintahan di bidang Perumahan

dan Kawasan Permukiman.

Dinas Perumahan dan Kawasan Permukiman

mempunyai fungsi :

24

a. Perumusan kebijakan teknis di bidang Perumahan dan

Kawasan Permukiman;

b. Pelaksanaan kebijakan di bidang Perumahan dan Kawasan

Permukiman;

c. Pelaksanaan evaluasi dan pelaporan di bidang Perumahan dan

Kawasan Permukiman;

d. Pelaksanaan administrasi Dinas Perumahan dan Kawasan

Permukiman;

e. Pelaksanaan tugas lain yang diberikan oleh Wali Kota sesuai

dengan tugas dan fungsi Dinas Perumahan dan Kawasan

Permukiman.

2.2.6. Uraian kegiatan Mahasiswa

Mahasiswa melaksanakan pkl setiap hari senin-jumat dari

pukul 08:00 s/d 12:00 selama melaksanakan pkl mahasiswa juga

melakukan analisis terhadap kegiatan apa saja yang di laksanakan

agar dapat di publis di website yang akan di buat dan juga

melakuakn wawancara langsung kepada bapak ERIK selaku

humas Dinas Perumahan Rakyat dan Kawasan permukiman untuk

mendapatkan informasi dan data yang di butuhkan mahasiswa

untuk proses pembuatan website Dinas Perumahan Rakyat dan

Kawasan Permukiman.

25

BAB III

PEMBAHASAN

3.1. Hasil Pengamatan

Setelah melakukan praktek kerja lapangandi Dinas Perumahan

Rakyat dan Kawasasn Permukiman, berdasarkan pengamatan yang telah

penulis lakukan didapatkan bahwa perusahaan masih menggunakan media

cetak berupa banner untuk memberikan informasi kepada masyarakat.

Adapun data dan informasi yang saya dapat dari hasil pengamatan

yaitu sebagai berikut :

3.1.1. Prosedur yang berjalan

Gambar 3.1 prosedur yang berjalan pada Dinas

Perumahan Rakyat dan Kawasan Permukiman.

Prosedur Berjalan

MasyarakatPegawai

Mulai

Input data kegiatan

kantor

Data kegiatan kantor

Mencetak informasi

kegiatan kantor dala

bentuk banner

Memasang banner di

depan kantor

Selesai

Melihat informasi

kegiatan

Gambar 3.1 Flowchart Prosedur yang sedang berjalan

26

Berdasarkan Gambar 3.1 prosedur penjualan yang berjalan,

yaitu sebagai berikut :

1. Pegawai menginput data kegiatan yang akan dilaksanakan kantor

2. Selanjutnya pegawai mencetak data kegiatan kantor dalam bentuk

banner.

3. Selanjutnya pegawai memasang banner di depan kantor

4. Selanjutnya informasi yang di pasang dapat di lihat oleh

masyarakat

5. Proses selesai

3.2. Evaluasi dan Pembahasan

3.2.1. Evaluasi

Berdasarkan pengamatan yang telah penulis lakukan

didapatkan bahwa banner masih memiliki kekurangan dalam

memberikan informasi kepada masyarakat harus mendatangi

kantor untuk mengetahui informasi kegiatan yang akan

dilaksanakan oleh Dinas Perumahan Rakyat dan Kawasan

Permukiman.

Dari hasil pengamatan permasalahan diatas, dapat diambil

alternatif pemecahan masalah yaitu merancang dan membangun

sebuah website media informasi yang akan menghasilkan tampilan

informasi sehingga dapat memudahkan masyarakat untuk

mendapatkan informasi kegiatan Dinas Perumahan Rakyat dan

Kawasan Permukiman dari website melalui smartphone.

27

3.2.2. Pembahasan

Prosedur yang diusulkan oleh penulis diharapkan akan menunjang

sistem website Dinas Perumahan Rakyat dan Kawasan Permukiman

untuk memudahkan masyarakat dalam mendapatkan informasi pada

kantor.

Gambar 3.2 Prosedur sistem website yang diusulkan pada Dinas

Perumahan Rakyat dan Kawasan Permukiman.

Prosedur yang di usulkan

SistemDatabase MasyarakatAdmin

Mulai

Login

Cek login Login Membuka website

Halaman Home

Tambahkan profile

Tambahkan galeri

Tambahkan berita

Lihat data saran

Profile

Galeri

Berita

Saran

Tampilan profile

Tampilan galeri

Tampilan berita

Tampilan saran

Logout

Selesai

YES

NO

Gambar 3.2 Flowchart sistem yang diusulkan

28

Berdasarkan gambar 3.2 sistem flowchart yang diusulkan

pada Dinas Perumahan Rakyat dan Kawasan Permukiman, yaitu :

a. Pertama admin akan melakukan login jika username atau

password nya benar admin akan masuk interface admin dan

jika username dan password nya salah admin akan mencoba

mengisi ulang kembali username dan password.

b. Selanjutnya jika admin sudah berhasil melakukan login maka

admin akan masuk kehalaman beranda.

c. Data yang di inputkan oleh admin akan tersimpan ke database

dan data tersebut akan ditampilkan ke interface data profil

kantor..

d. Admin menginput data profile dan tersimpan di database lalu

akan tampil di interface profile.

e. Admin menginput data galeri dan tersimpan di database lalu

akan tampil di interface galeri.

f. Admin menginput data berita dan tersimpan di database lalu

akan tampil di interface berita.

g. Data saran masuk ke database lalu admin verifikasi dan akan di

tampilkan di interface saran.

h. Masyarakat membuka website

i. Lalu masyarakat melihat dapat tampilan profil, sejarah artikel

lalu masyarakat dapat memberikan saran.

29

3.2.2.1. Diagram Alir Data

A. Data Flow Diagram (DFD)

Data flow diagram merupakan alat bantu yang dapat

menggambarkan arus data di dalam sistem dengan

terstruktur dan jelas. Berdasarkan hasil analisa penelitian,

peneliti memberikan gambaran arus data terhadap sistem

yang akan direncanakan sebagai berikut :

1. Diagram Konteks

Diagram konteks adalah diagram yang

menggambarkan bagian besar dari aliran arus data

Sistem Website Dinas Perumahan Rakyat dan Kawasan

Permukiman.Berdasarkan flowchart yang diusulkan

maka peneliti memberikan gambaran arus data terhadap

sistem yang dilihat pada gambar 3.3:

30

Website Dinas Perumahan

Rakyat dan Kawasan

Permukiman

Admin Masyarakat

-Data Profil

-Data Galeri

-Data Berita

-Informasi Saran

-Data Saran

-Informasi Profil

-Informasi Galeri

-Informasi Berita

Gambar 3.3 Diagram Konteks

Berdasarkan gambar diagram konteks diatas dapat

dijelaskan yaitu Sistem Website Dinas Perumahan

Rakyat dan Kawasan Permukiman memiliki 2 (Dua)

terminator yaitu admin, Website Dinas Perumahan Rak

dan Masyarakat. Data bersumber dari admin berupa data

profil, data galeri, data berita, sedangkan data yang

diterima oleh admin berupa saran Data bersumber dari

masyarakat berupa data saran, sedangkan data yang

diterima oleh masyarakat berupa informasi profil,

informasi galeri, dan informasi berita. Data yang

diterima oleh Dinas Perumahan Rakyat dan Kawasan

Permukiman berupa data data saran.

31

2. Diagram Level 1

Diagram Level 1 adalah diagram yang

menunjukkan semua proses utama yang menyusun

keseluruhan sistem, diagram ini dapat dilihat pada

gambar 3.4 :

Gambar 3.4 DFD (Data Flow Diagram) Level 0

32

Diagram Level 1

Gambar diagram level 1 ini menunjukkan arus data level

0 dari lanjutan diagram konteks.

1. Proses 1.0.P adalah admin melakukan login memakai

username dan password.

2. Proses 2.0.P adalah proses admin menginput data profil

kantor.

3. Proses 3.0.P adalah proses admin menginput data

sejarah.

4. Proses 4.0.P adalah proses admin menginput data galeri

yang berisi foto.

5. Proses 5.0.P adalah proses admin menginput data artikel

tentang kegiatan..

6. Proses 6.0.P adalah proses inputuser memberikan saran .

3.2.2.2. ERD (Entity Relationship Diagram)

Gambar 3.5 ini adalah gambar Entity Relationship

Diagram (ERD) yang berbasis komponen-komponen

himpunan entitas dan himpunan relasi yang masing-masing

dilengkapi dengan atribut-atribut.

33

Login

Galeri

Profil Saran

Berita

Menginput

Menginput Menginput

Menginput

Nama_Galeri User**

Id_Galeri*

Isi_Profil Id_Profil* User**

Id_Saran Nama

Email

Judul_Berita User**

Isi_Berita Id_Berita*

Tgl_Berita

M M

M

M

1

11

1

Pass User*

Nama

Pesan

Gambar 3.5 Entity Relationship Diagram (ERD)

3.2.2.3 Struktur tabel

Struktur tabel yang digunakan untuk menentukan

struktur dari tabel-tabel yang akan dibuat berisikan nama-

nama field, type field dan ukurannya, dimana tabel-tabel

tersebut digunakan untuk menampung data. Adapun struktur

tabel yang sesuai dengan ERD diatas adalah sebagai berikut :

34

1. Tabel tb_Galeri

Tabel tb_galeri digunakan untuk menampung data

galeri Dinas Perumahan Rakyat dan Kawasan

Permukiman.

Nama file : tb_Galeri

Primary key : Id_Galeri

Foreign key : User

Tabel 3.1 Desain Tabel tb_Galeri

No Field Name Type Witdh Keterangan

1 Nama_Galeri Varchar 100 nama galeri

2 Id_Galeri Int 11

banyak

galeri

3 User Varchar 25 User

2. Tabel tb_Profil

Tabel tb_profil digunakan untuk menampung data

profil Dinas Perumahan Rakyat dan Kawasan

Permukiman.

Nama file : tb_Profi

Primary Key : Id_Profil

Foreign key : User

35

Tabel 3.2 Desain Tabel tb_Profil


1 Id_Profil Int 11

Banyak

profil

2 Isi_Profil Text - Isi profil


3. Tabel tb_Saran

Tabel tb_Saran digunakan untuk menampung data

tentang saran dari masyarakat untuk Dinas Perumahan

Rakyat dan Kawasan Permukiman

Nama file : tb_Saran

Primary Key : Id_Saran

Tabel 3.3 Desain Tabel tb_Saran


1 Id_Saran Int 11

Jumlah

saran

2 Nama Text 25

Nama

masyarakat

3 Email Varchar 25

Email

masyarakat

Pesan Text - Pesan

36

4. Tabel tb_Berita

Tabel tb_Berita digunakan untuk menampung data

berita untuk website Dinas Perumahan Rakyat dan

Kawasan Permukiman.

Nama file : tb_Berita

Primary Key : Id_Berita

Foreign key : User

Tabel 3.4 Desain Tabel tb_Artikel


1 Isi_Berita Text 250 Isi Berita

2 Id_ Berita Int 11 Id Berita

3 Tgl_ Berita Timestamp 20

Tanggal

post

4 Judul_ Berita varchar 100 User Berita


5. Tabel tb_login

Tabel tb_login digunakan untuk menampung data

user name pengunjung pada websiteDinas Perumahan

Rakyat dan Kawasan Permukiman.

Nama file : tb_login

Primary Key : User

37

Tabel 3.5 Desain Tabel tb_login

No

Field

Name

Type Witdh Keterangan

1 User varchar 25 User name

2 Pass varchar 50 Password

3 Nama varchar 50 Nama

3.2.2.4 Interface

1. Desain Halaman Website

A. Desain tampilan beranda

Desain tampilan beranda yang ingin di rancang

dengan bentuk website page scrolling yang hanya

meemiliki 1 halaaman untuk melihat informasi

mengenai Dinas Perumahan Rakyat dan Kawasan

permukiman. Tampilan website onepage ini dapat

dilihat di gambar 3.6:

38

Logo kantor Profil Galeri Saran Beranda

FOTO HALAMAN KANTOR DINAS PERUMAHAN RAKYAT DAN KAWASAN PERMUKIMAN

PROFIL KANTOR

BERITA

TENTANGG

KANTOR

GALERI

KEGIATAN

KANTOR

TEMPAT MENGISI SARAN UNTUK DINAS PERUMAHAN RAKYAT

DAN KAWASAN PERMUKIMAN

Gambar 3.6 Desain halaman beranda

B. Desain Profil

Desain tampilan profil website yang ingin dirancang

dengan bentuk website one page scrolling.Website jenis

ini merupakan website yang hanya memiliki satu

halaman, untuk melihat dan mencari informasi

mengenai perusahaan dapat menggunakan scroll dari

atas kebawah atau dari bawah keatas tanpa menuju

kehalaman/page yang lain. Website jenis ini cocok

untuk website informasi karena untuk memudahkan

masyarakat dalam mencari informasi dengan mudah

dan menghemat waktu. Tampilan website one page ini

dapat dilihat seperti pada gambar 3.7:

39

Logo kantor Profil Galeri Saran Beranda

HALAMAN PROFIL DINAS PERUMAHAN RAKYAT DAN KAWASAN PERMUKIMAN

BERISI TENTANG SEJARAH KANTOR

Gambar 3.7 Desain Halaman Profil

C. Desain Tampilan Halaman Berita

Desain tampilan menu berita merupakan desain

paling atas pada website yang berisikan menu-menu,

berita tentang kegiatan yang akan di laksanakan dan

juga yang telah dilaksanakan. Tampilan header dan

menu ini dapat dilihat seperti pada gambar 3.8 :

40

Logo kantor Profil BERITA GALERI SARANBeranda

HALAMAN BERITA PERUMAHAN RAKYAT DAN KAWASAN PERMUKIMAN

BERISI TENTANG BERITA KEGIATAN KANTOR YANG AKAN DILAKSANAKAN DAN YANG TELAH DILAKSANAKAN

Gambar 3.8 Desain tampilan menu berita

D. Desain Tampilan galeri

Desain tampilan galeri merupakan tampilan yang

memberikan informasi mengenai foto-foto tentang

kegiatan kantor. Tampilan menu ini dapat dilihat

seperti pada gambar 3.9:

41


HALAMAN GALERI PERUMAHAN RAKYAT DAN KAWASAN PERMUKIMAN

BERISI TENTANG FOTO KEGIATAN KANTOR YANG AKAN DILAKSANAKAN DAN YANG TELAH DILAKSANAKAN

Gambar 3.9 Desain tampilan galeri

E. Desain Tampilan saran

Desain tampilan saran merupakan tampilan untuk

menampung semua saran dan kritik dari masyarakat

untuk Dinas Perumahan Rakyat dan Kawasan

Permukiman. Tampilan menu ini dapat dilihat seperti

pada gambar 3.10:

42


SARAN

NAMA

EMAIL

SARAN

BERISI TENTANG SARAN YANG TELAH MASUK

Gambar 3.10 Desain tampilan menu saran

3.3 Hasil Rancangan

Hasil penulisan yang dilakukan, maka didapatlah sebuah sistem yang

dirancang untuk sistem website Dinas Perumahan Rakyat dan Kawasan

Permukiman sebagai media informasi :

43

A. Halaman Beranda

Halaman beranda merupakan halaman awal website yang berisikan

semua sekilas kegiatan profil dan juga kegiatan yang akan dilaksanakan

maupun yang telah dilaksanakan. Adapun tampilan halaman beranda

seperti gambar 3.11:

Gambar 3.11 Tampilan halaman beranda

B. Halaman Profil

Halaman profil merupakan halaman awal website yang

menjelaskan tentang sejarah kantor lokasi kantor dan lainnya. Adapun

tampilan Halaman profil seperti gambar 3.12:

Gambar 3.12 Tampilan halaman profil

44

C. Halaman Berita

Halaman Berita merupakan halaman tampilan yang memberikan

informasi berita tentang kegiatan kantor yang akan dilaksanakan dan

juga yang telah dilaksanakan. Adapun tampilan Berita seperti gambar

3.13:

Gambar 3.13 Tampilan halaman Berita

D. Halaman Galeri

Halaman Galeri merupakan halaman yang berisikan foto tentang

kegiatan kantor. Adapun tampilan Halaman Galeri seperti gambar 3.14:.

Gambar 3.14 Tampilan Halaman galeri

45

E. Halaman Saran

Halaman Saran merupakan halaman untuk masyarakat yang

ingin memberikan saran dan kritik terhadap Dinas Perumahan Rakyat

dan Kawasan Permukiman bisa di menu saran. Adapun tampilan

Halaman Saran seperti gambar 3.15:

Gambar 3.15 Tampilan Halaman Saran

46

46

BAB IV

KESIMPULAN DAN SARAN

4.1. Kesimpulan

Berdasarkan pembahasan pada bab-bab sebelumnya terhadap sistem

website pada Dinas Perumahan Rakyat dan Kawasan Permukiman. Penulis

dapat mengambil kesimpulan diantaranya :

1. Dengan adanya sistem website yang responsif ini akan lebih

mempermudah masyarakat website dalam mencari informasi mengenai

kegiatan yang akan dilaksanakan kantor melalui smartphone dimana saja.

2. Dengan adanya sistem website maka dapat membantu Dinas Perumahan

Rakyat dan Kawasan Permukiman memberikan informasi kegiatan yang

akan di laksanakan kepada masyarakat.

4.2.Saran

Berdasarkan permasalahan yang terjadi maka penulis memberikan

saran agar dapat bermanfaat pada sistem website Dinas Perumahan Rakyat

dan Kawasan Permukiman, antara lain sebagai berikut :

1. Diharapkan untuk admin Dinas Perumahan Rakyat dan Kawasan

Permukiman untuk selalu update informasi-informasi pada website jika

ada kegiatan baru yang akan dilaksanakan guna memberikan informasi

yang up-to-date bagi masyarakat.

2. Diharapkan pada bagian galeri selalu update foto-foto yang terbaru agar

masyarakat bisa melihat contoh kegiatan yang sudah pernah di laksanakan

ke dalam website.

47

47

3. Diharapkan pada bagian artikel selalu update artikel-artikel terbaru guna

untuk memberitahukan informasi singkat tentang artikel menyangkut

tentang kegiatan berupa artikel ke dalam website.

PEMBUATAN WEBSITE DINAS PERUMAHAN RAKYAT DAN KAWASAN PERMUKIMAN KOTA PALEMBANG...

Documents

Transcript of PEMBUATAN WEBSITE DINAS PERUMAHAN RAKYAT DAN KAWASAN PERMUKIMAN KOTA PALEMBANG...