PERANCANGAN WEB PROFIL BALAI DESA MLATIHARJO PDF

Preview

Summary

PERANCANGAN WEB PROFIL BALAI DESA MLATIHARJO KECAMATAN PATEAN KABUPATEN KENDAL Kerja Praktek untuk memenuhi sebagian persyaratan mencapai derajat Sarjana S-1 Program Studi Teknik Informatika Nur Annisa 2113R0678 SEKOLAH TINGGI MANAGEMEN INFORMATIKA DAN KOMPUTER HIMSYA SEMARANG 2016 HALAMAN PERSETUJU...

Description

PERANCANGAN WEB PROFIL BALAI DESA MLATIHARJO KECAMATAN PATEAN KABUPATEN KENDAL

Kerja Praktek untuk memenuhi sebagian persyaratan mencapai derajat Sarjana S-1 Program Studi Teknik Informatika

Nur Annisa 2113R0678

SEKOLAH TINGGI MANAGEMEN INFORMATIKA DAN KOMPUTER HIMSYA SEMARANG 2016

HALAMAN PERSETUJUAN

Kerja Praktek dengan judul :

PERANCANGAN DESAIGN WEB PROFIL BALAI DESA MLATIHARJO KECAMATAN PATEAN KABUPATEN KENDAL

Oleh : Nur Annisa 2113R0678

Telah dilakukan pembimbingan Kerja Praktek (KP) dan dinyatakan layak untuk mengikuti ujian Kerja Praktek (KP) pada Program Studi Teknik Informatika STMIK HIMSYA.

Semarang, Agustus 2016 Menyetujui,

Pembimbing

Eko Riyanto, S.Pd., M.Kom

ii

HALAMAN PENGESAHAN KERJA PRAKTEK

PERANCANGAN WEB PROFIL BALAI DESA MLATIHARJO KECAMATAN PATEAN KABUPATEN KENDAL

Oleh : Nur Annisa 2113R0678

Telah diujikan dan dinyatakan lulus ujian Kerja Praktek (KP) pada tanggal Agustus 2016 oleh tim penguji STMIK HIMSYA.

Semarang, Agustus 2016 Mengetahui, Kepala Program Studi

Penguji

Teknik Informatika

Eko Riyanto, S.Pd, M.Kom

Eko Riyanto, S.Pd, M.Kom

NIPy. D/II/00017

NIPy. D/II/00017 Mengetahui,

Ketua STMIK HIMSYA

Septia Lutfi,M.Kom NIPy. D/10/00015

iii

PERNYATAAN

Dengan ini saya menyatakan bahwa dalam Kerja Praktek ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar akademik di suatu perguruan tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka.

Semarang, Agustus 2016

Nur Annisa

iv

KATA PENGANTAR

Allahamdullilahwasyukurilah, Segala puji syukur kehadirat ALLAH SWT TUHAN semesta alam yang melimpahkan segala Rahmat dan Ridhonya sehingga penulis dapat menyelesaikan Kerja Praktek tanpa halangan yang berarti. Adapun tujuan penelitian ini adalah untuk memenuhi sebagian persyaratan mencapai gelar Strata satu. Dalam penelitian ini banyak melibatkan banyak pihak yang mendukung dan membantu dalam menyelesaikan penyusunan penelitian ini, penulis menyampaikan rasa terimakasih yang sebesar-besarnya kepada :

1. Septia Lutfi, M.Kom selaku Ketua STMIK HIMSYA SEMARANG. 2. Eko Riyanto, S.Pd, M.Kom selakupembimbing yang telah memberikan pengarahan dan bimbingan selama penyusunan laporan penelitian. 3. Eko Riyanto, S.Pd, M.Kom selaku Ketua Program Studi Teknik Informatika. 4. Bapak Muntoha selaku Kepala Desa Mlatiharjo yang telah memberikan izin dan dukungan kepada penulis melakukan Kerja Praktek. 5. Yahnda dan Bunda yang telah memberikan dukungan baik moril,sepiritual maupun materiil dalam menyelesaikan penelitian ini. 6. Lukas Lujito dan sahabat-sahabat semua, serta pihak yang tidak bisa penulis sebutkan satu-persatu yang telah memberi bantuan, nasehat, dorongan, serta dukungan sehingga laporan ini dapat selesai. Penulis menyadari bahwa penelitian ini jauh dari sempurna, karena keterbatasan pengalaman dan pengetahuan yang penulis miliki. Olehkarena itu segala saran dan kritik yang bersifat membangun akan penulis terima dengan baik. Semoga penelitian ini bermanfaat untuk kedepannya.

Semarang, Mei 2016

Penyusun

v

DAFTAR ISI

Halaman HALAMAN PERSETUJUAN ......................................................................................................... ii HALAMAN PENGESAHAN ......................................................................................................... iii PERNYATAAN ..................................................................................................................................... iv KATA PENGANTAR ........................................................................................................................... v DAFTAR ISI ............................................................................................................................................ vi Halaman ...................................................................................................................................................... vi DAFTAR TABEL ................................................................................................................................... x DAFTAR ARTI LAMBANG DAN SINGKATAN.............................................................. xi ABSTRAK ............................................................................................................................................... xii ABSTRACT ........................................................................................................................................... xiii BAB I ............................................................................................................................................................ 1 PENDAHULUAN .................................................................................................................................. 1 1.1 Latar Belakang ....................................................................................... 1 1.2 Rumusan Masalah .................................................................................. 2 1.3 Batasan Masalah..................................................................................... 2 1.4 Tujuan ..................................................................................................... 2 1.5 Manfaat ................................................................................................... 3 a. Bagi Balai Desa Mlatiharjo ............................................................... 3 b.

Bagi Penulis ...................................................................................... 3

c.

Bagi masyarakat ................................................................................ 3

BAB II TINJAUAN PUSTAKA DAN DASAR TEORI..................................................... 4 2.1 TINJAUAN PUSTAKA ......................................................................... 4 2.2 DASAR TEORI ...................................................................................... 7 2.2.1 Pengertian Website .......................................................................... 7 2.2.2

Content Management System ........................................................ 8

2.2.3

HTML (HyperText Markup Language) ......................................... 8

2.2.4

PHP ( Hypertext Preprocessor ) .................................................... 10

2.2.5

Pengertian MySQL ....................................................................... 13

2.2.6

DNS ( Domain Name System) ...................................................... 13

2.2.7

Pengertian URL ............................................................................. 14

2.2.8

Flowchart ....................................................................................... 14

BAB III METODE PENELITIAN ........................................................................................... 17 3.1 Bahan dan Alat Penelitian ................................................................... 17 3.1.1 Bahan Penelitian ........................................................................... 17 3.1.2

Alat Penelitian ............................................................................... 18

vi

3.1.3

DATA DESA .................................................................................. 19

3.1.4

DATA PEMERINTAH DESA ..................................................... 24

3.2 Prosedur Penelitian .............................................................................. 28 3.2.1 Perencanaan .................................................................................. 28 3.2.2

Analisa ............................................................................................ 28

3.2.3

Desaign / Perancangan .................................................................. 28

3.2.4

Implementasi ................................................................................. 28

3.2.5

Pengujian ....................................................................................... 28

3.2.6

Perawatan ...................................................................................... 28

BAB IV PEMBAHASAN ............................................................................................................... 29 4.1. Analisa Perancangan ............................................................................ 29 4.1.1. Rancangan Proses ......................................................................... 29 4.1.2.

Rancangan Database..................................................................... 31

4.1.3.

Data Tabel ...................................................................................... 31

4.1.4.

Tabel Relasi ................................................................................... 35

4.1.5.

ERD (Entity Relation Diagram) .................................................. 36

4.2. Desain Sistem ........................................................................................ 38 4.2.1. Desain Tampilan Halaman Login ................................................ 39 4.2.2.

Desain Tampilan Halaman Beranda ........................................... 39

4.2.3.

Desain Halaman Profil .................................................................. 40

4.2.4.

Desain Halaman Lembaga ........................................................... 41

4.2.5.

Desain Tampilan Halaman Kependudukan ............................... 41

4.2.6.

Desain Tampilan Halaman Contact us ....................................... 42

4.3. Implementasi ......................................................................................... 43 4.3.1. Tampilan Halaman Beranda........................................................ 43 4.3.2.

Tampilan Halaman Profil ............................................................ 44

4.3.3.

Tampilan Halaman Lembaga ...................................................... 48

4.3.4.

Tampilan Halaman Kependudukan. ........................................... 49

4.3.5.

Tampilan Halaman Contact us .................................................... 49

4.3.6.

Tampilan Login Admin ................................................................ 50

4.3.7.

Tampilan Dashboard .................................................................... 51

4.3.8.

Tampilan Halaman Posting Data ................................................ 51

4.3.9.

Tampilan Konten Komentar ........................................................ 52

vii

BAB V PENUTUP .............................................................................................................................. 53 5.1. Kesimpulan ........................................................................................... 53 5.2. Saran ...................................................................................................... 53 DAFTRA PUSTAKA LAMPIRAN

viii

DAFTAR GAMBAR

Halaman Gambar 3.1 Alamat Balai DesaMlatiharjo ............................................. 19 Gambar 3.2 Bagan Struktur Organisasi ................................................... 28 Gambar 4.1 Flowchart User Website ...................................................... 31 Gambar 4.2 Rancangan Database ............................................................ 32 Gambar 4.3 Tabel Relasi ......................................................................... 35 Gambar 4.4 ERD ..................................................................................... 36 Gambar 4.5 Desain Tampilan Secara Umum .......................................... 38 Gambar 4.6 Desain Tampilan Halaman Login ........................................ 39 Gambar 4.7 Desain Tampilan Halaman Beranda .................................... 40 Gambar 4.8 Desain Tampilan Halaman Profil ........................................ 40 Gambar 4.9 Desain Tampilan Halaman Lembaga .................................. 41 Gambar 4.10 Desain Tampilan Halaman Kependudukan ....................... 42 Gambar 4.11 Desain Tampilan Halaman Contact us............................... 43 Gambar 4.12 Tampilan Halaman Beranda .............................................. 44 Gambar 4.13 Tampilan Halaman Profil................................................... 44 Gambar 4.14 Tampilan Halaman Peta ..................................................... 45 Gambar 4.15 Tampilan Halaman SDA .................................................... 46 Gambar 4.16 Tampilan Halaman SDM ................................................... 46 Gambar 4.17 Tampilan Halaman SDP .................................................... 47 Gambar 4.18 Tampilan Halaman Struktur Organisasi ............................ 48 Gambar 4.19 Tampilan Halaman Lembaga ............................................. 48 Gambar 4.20 Tampilan Halaman Kependudukan ................................... 49 Gambar 4.21 Tampilan Halamamn Contact us........................................ 50 Gambar 4.22 Tampilan Halaman Login Admin ...................................... 50 Gambar 4.23 Tampilan Halaman Dashboard .......................................... 51 Gambar 4.24 Tampilan Halaman Posting Data ....................................... 52 Gambar 4.25 Tampilan Konten Komentar .............................................. 52

ix

DAFTAR TABEL

Halaman Tabel 2.1. Simbol – simbol Flowchart .................................................... 17 Tabel 3.1. Sumber Daya Pembangunan ................................................... 22 Tabel 3.2 Sumber Daya SosialBudaya .................................................... 24 Tabel 3.3 Struktur Pemerintah Desa Mlatiharjo ...................................... 27 Tabel 4.1 Wp_comments ......................................................................... 31 Tabel 4.2 Wp_commentmeta ................................................................... 32 Tabel 4.3 Wp_option ............................................................................... 32 Tabel 4.4 Wp_post ................................................................................... 32 Tabel 4.5 Wp_postmeta ........................................................................... 33 Tabel 4.6 Wp_term_relationships ............................................................ 33 Tabel 4.7 Wp_user ................................................................................... 33 Tabel 4.8 Wp_usermeta ........................................................................... 33 Tabel 4.9 Wp_term_taxonomy ................................................................ 34 Tabel 4.10 Wp_terms............................................................................... 34 Tabel 4.11 Wp_links ................................................................................ 34

x

DAFTAR ARTI LAMBANG DAN SINGKATAN

DAFTAR SINGKATAN

Singkatan ccTLD

Kepanjangan Singkatan Country Code Top Level Domain Names

CMS

Content Managemen System

DNS

Domain Main System

E- MAIL

Elektronic Mail

ERD

Entity Relation Diagram

gTLD

Generic Top Level Domain

HTML

HyperText Markup Language

HTTP

HyperText Transfer Protocol

IJINS

Indonnesia Journal on Networking and Security

IP Address MySQL

Internet Protocol Address My Structured Query Language

PDA

Personal Digital Assistant

PHP

Hypertext Preprocessor

RAM

Random Access Memory

RDBMS

Relation Database Management System

SDA

Sumber Daya Alam

SDM

Sumber Daya Manusia

SDP

Sumber Daya Pembangunan

TLD

Top Level Domain

URL

Uniform Resource Locator

VGA

Video Graphics Array

WWW

World Wide Web

xi

ABSTRAK

Era internet ini website merupakan sebuah kebutuhan penting di sebuah instansi baik instansi pemerintah maupun instansi swasta,karena website dapat memberikan informasi kepada masyarakat luas tanpa adanya batasan jarak dan waktu. Balai Desa Mlatiharjo yang berada dikecamatan Patean merupakan salah satu instansi pemerintah yang bergerak dibidang pelayanan masyarakat, namun dalam kinerja pelayanan masyarakat Balai Desa ini memiliki kendala dan permasalahan yaitu belum adanya ketersedian informasi yang dapat diakses secara mudah oleh masyarakat. Balai Desa Mlatiharjo dirasa sangat memerlukan sebuah system informasi berbasis web yang memuat tentang profil Balai Desa Mlatiharjo sehingga masyarakat dapat mengetahui perkembangan pembangunan dan infrastruktur serta informasi penting seputar Desa Mlatiharjo yang dapat diakses dengan cepat dan mudah di laman website. Sehingga masyarakat pun akan merasa terbantu dan diberikan pelayanan secara maksimal dengan adanya web profil Balai Desa Mlatiharjo. Tujuan dari penelitian ini adalah mempermudah masyarakat untuk menerima informasi terbaru yang dapat diakses melalui internet danMerancang desain web profil desa yang membantu masyarakat dalam mengakses informasi tentang perkembangan pembangunan dan infrastruktur desa . Metode dari Penelitian ini adalah Pengumpulan data, Perencanaan, Analisa, Desain, Implementasi, Pengujian, Perawatan. Dengan dibangunnya Web Profil Desa Mlatiharjo ini akan mempermudah masyarakat dalam mengamati, dan mengakses informasi terbaru tentang data dan infrastruktur Desa Mlatiharjo secara online, dan dengan digunakannya CMS dalam pembuatan website ini mempermudah dalam pemeliharaan Website, sehingga untuk masa mendatang dapat kembangkan lagi dalampromosi industry maupun wisata di Desa Mlatiharjo.

Kata Kunci : Website, Desa Mlatiharjo, CMS

xii

ABSTRACT

The Internet era website is an important requirement in an agency, both government and private agencies, because the website can provide information to the general public without any limitation of time and distance. Mlatiharjo Village Hall is located in districts Patean is one of the government agencies engaged in community service, but in the performance of public services in this Village Hall constraints and problems of the lack of availability of information that can be accessed easily by the public. Mlatiharjo Village Hall considered very requires a web-based information system that includes about profile Mlatiharjo Village so people can know the progress of development and infrastructure as well as important information about the village Mlatiharjo that can be accessed quickly and easily on the website page. So that people will feel helped and provided services to the fullest with their web profiles Mlatiharjo Village Hall. The purpos...