• Tidak ada hasil yang ditemukan

Perancangan Website Pada Kelurahan Polonia Medan

N/A
N/A
Protected

Academic year: 2016

Membagikan "Perancangan Website Pada Kelurahan Polonia Medan"

Copied!
88
0
0

Teks penuh

(1)

PERANCANGAN WEBSITE PADA KELURAHAN POLONIA

MEDAN

TUGAS AKHIR

LUSI L. V. SIMANJUNTAK

072406076

PROGRAM STUDI D3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

PERSETUJUAN

Judul : PERANCANGAN WEBSITE PADA KELURAHAN

POLONIA MEDAN

Kategori : TUGAS AKHIR

Nama : LUSI L.V. SIMANJUNTAK

Nomor Induk Mahasiswa : 072406076

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan

Medan, Juni 2010

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU Pembimbing, Ketua,

Dr. Saib Suwilo, M.Sc Drs. James P. Marbun, M.Kom

(3)

PERNYATAAN

PERANCANGAN WEBSITE PADA KELURAHAN POLONIA MEDAN

TUGAS AKHIR

Saya mengaku bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2010

(4)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yesus Kristus, yang telah

melimpahkan karunia-Nya dalam mengerjakan tugas akhir ini. Karena atas berkat dan

rahmat-Nya penulis dapat menyelesaikan Tugas Akhir dengan judul “Perancangan

Website Pada Kelurahan Polonia Medan”. Penyusunan dan penulisan Tugas Akhir

ini dibuat untuk memenuhi syarat kelulusan bagi setiap Mahasiswa Jurusan Ilmu

Komputer Program Studi DIII di FMIPA USU Medan.

Penulis sepenuhnya menyadari bahwa penyelesaian Tugas Akhir ini tidak akan

terwujud tanpa adanya dukungan dan bantuan semua pihak. Penulis mengucapkan

terima kasih dan penghargan yang sebesar-besarnya kepada:

1. Bapak Drs. James P Marbun, selaku Dosen Pembimbing Tugas Akhir yang telah

memberikan bimbingan dan arahan selama ini kepada penulis dalam

menyelesaikan tugas akhir.

2. Bapak Saib Suwilo, M.Sc, selaku Ketua Jurusan Program Studi D-3 Ilmu

Komputer FMIPA USU.

3. Bapak Prof. Dr. Eddy Marlianto, M.Sc, selaku Dekan Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Dr. Sutarman, M.Sc, selaku pembantu Dekan I FMIPA USU.

5. Seluruh Dosen pengajar Program Studi D-3 Ilmu Komputer Fakultas MIPA

Universitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepada

(5)

6. Ayahanda dan Ibunda tercinta, beserta adik-adik penulis (Yolanda, Florensia,

Indah) terima kasih atas kasih sayang dan dukungan baik secara material dan

spiritual.

7. Seluruh pihak yang bekerja di Kantor Lurah Polonia yang telah bersedia

membantu penulis dalam menyelesaikan tugas akhir ini.

8. Rekan-rekan seangkatan D-3 Ilmu Komputer stambuk 2007.

9. Teman-teman terbaik penulis Titin, Misi, Debbie, Fraptin, Jannah, Hani, Bang

Damanik, Bang Kodar, Bang Amson yang telah memberikan kebaikan dan waktu

untuk membagi ilmu kepada penulis, semoga Tuhan membalas semuanya.

Penulis menyadari bahwa dalam penyusunan Tugas Akhir ini masih banyak

kekurangan karena keterbatasan kemampuan yang penulis miliki, untuk itu penulis

mengharapkan kritik dan saran yang membangun.

Akhir kata penulis memohon maaf atas segala kekurangan yang ada dalam

penulisan Tugas Akhir ini dan sekali lagi penulis berharap semoga Tugas Akhir ini

dapat memberikan manfaat bagi penulis dan pembaca.

Medan, Mei 2010

Penulis,

Lusi L. V. Simanjuntak

(6)

ABSTRAK

Tugas ini bertujuan untuk memberikan suatu aplikasi sistem yang dapat digunakan dengan mudah dalam melakukan pekerjaan dan untuk mendukung dalam pengambilan keputusan. Aplikasi ini dirancang sesuai dengan kebutuhan informasi yang semakin maju seiring dengan perkembangan teknologi komputer yang sangat cepat, baik dari segi perangkat keras dan perangkat lunak.

Dengan demikian, perancangan suatu sistem informasi yang memerlukan data dan informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi kebutuhan yang sesuai yang diinginkan. Untuk itu penulis akan membahas

“Perancangan Website pada Kelurahan Polonia Medan”. Sistem ini meliputi

(7)

DAFTAR ISI

1.5 Kontribusi Penelitian 3

1.6 Kajian Pustaka 3

1.7 Metodologi Penelitian 4

1.8 Sistematika Penulisan 5

Bab 2 Landasan Teori 7

2.1 Pengertian Komputer 7

2.2 Pengertian Sistem Informasi 8

2.2.1 Pengertian Sistem 9

2.2.2 Pengertian Informasi 10

2.2.3 Pengertian Data 11

2.3 Pengertian Internet 12

2.3.1 Manfaat Internet 13

2.3.2 Web Server 14

2.3.3 HTTP (Hypertext Transfer Protocol) 14

2.3.4 Browser 15

2.4 Sekilas Mengenai Web 16

2.5 HTML 16

2.6 PHP 18

2.6.1 Kelebihan PHP 18

2.7 MySQL 19

2.8 Data Flow Diagram (DFD) 20

2.9 Macromedia Dreamweaver 8 22

Bab 3 Sekilas Tentang Kelurahan Polonia Medan 23

(8)

3.3 Tujuan 25

3.4 Struktur Organisasi 26

Bab 4 Perancangan Sistem 27

4.1 Perancangan Sistem 27

4.2 Perancangan DFD (Data Flow Diagram) 28

4.3 Flowchart Sistem 31

4.4 Mempersiapkan Database Server 37

4.5 Relasi Antar Tabel 39

4.6 Desain Dialog 40

4.6.1 Desain Dialog Menu 40

4.6.2 Desain Dialog Masukan (Input) 41

4.6.3 Desain Dialog Keluaran (Output) 44

Bab 5 Implementasi Sistem 46

5.1 Pengertian Implementasi Sistem 46

5.2 Tujuan Implementasi Sistem 46

5.3 Komponen dalam Implementasi Sistem 47

5.3.1 Kebutuhan Perangkat Keras 47

5.3.2 Kebutuhan Perangkat Lunak 48

5.3.3 Kebutuhan Perangkat Operator 48

5.4 Demonstrasi Program 49

(9)

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol-Simbol Data Flow Diagram 21

Tabel 4.1 Admin 37

Tabel 4.2 Lingkungan 37

Tabel 4.3 Penduduk 38

Tabel 4.4 Rumah Ibadah 38

(10)

DAFTAR GAMBAR

Halaman Gambar 2.1 Cara Kerja Komputer 7 Gambar 2.2 Aktivitas Sistem Informasi 9 Gambar 3.1 Struktur Organisasi Kelurahan Polonia Medan 26 Gambar 4.1 Diagram Konteks Website Kantor Lurah Polonia 29 Gambar 4.2 Data Flow Diagram Level 0 Website Kelurahan PoloniaPolonia 30

Gambar 4.3 Flowchart Halaman Utama (Home) 31

Gambar4.4 Flowchart Halaman Login Admin 32

Gambar 4.5 Flowchart Halaman Menu Administrator 33

Gambar 4.6 Flowchart Halaman Data Lingkungan 34

Gambar 4.7 Halaman Data Penduduk 35

Gambar 4.8 Flowchart Halaman Data Rumah Ibadah 36

Gambar 4.9 Relasi Antar Tabel 39

Gambar 4.10 Halaman Utama (Home) 40

Gambar 4.11 Halaman Menu Web Administrator 41

Gambar 4.12 Halaman Pengisian Buku Tamu 42

Gambar 4.13 Halaman Data Lingkungan 42

Gambar 4.14 Halaman Data Penduduk 43

Gambar 4.15 Halaman Informasi Data Lingkungan 44

Gambar 4.16 Halaman Informasi Data Penduduk 44

Gambar 4.17 Halaman Informasi Buku Tamu 45

Gambar 4.18 Halaman Informasi Rumah Ibadah 45

Gambar 5.1 index.php (Halaman Utama) 49

Gambar 5.2 profil.php (Halaman profil) 50

Gambar 5.3 struktur.php (Halaman Struktur Organisasi) 50

Gambar 5.4 bukutamu.php (Halaman Buku Tamu) 51

Gambar 5.5 contact.php (Halaman Contact Us) 51

Gambar 5.6 login.php (Halaman Login) 52

(11)

ABSTRAK

Tugas ini bertujuan untuk memberikan suatu aplikasi sistem yang dapat digunakan dengan mudah dalam melakukan pekerjaan dan untuk mendukung dalam pengambilan keputusan. Aplikasi ini dirancang sesuai dengan kebutuhan informasi yang semakin maju seiring dengan perkembangan teknologi komputer yang sangat cepat, baik dari segi perangkat keras dan perangkat lunak.

Dengan demikian, perancangan suatu sistem informasi yang memerlukan data dan informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi kebutuhan yang sesuai yang diinginkan. Untuk itu penulis akan membahas

“Perancangan Website pada Kelurahan Polonia Medan”. Sistem ini meliputi

(12)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Perkembangan teknologi dan informasi pada era globalisasi seiring dengan

perkembangan zaman. Kebutuhan akan teknologi informasi menjadi hal yang sangat

penting dalam dunia. Masa informasi adalah masa yang canggih dan kompleks, penuh

dinamika dan perubahan terus-menerus. Kondisi seperti ini menuntut berkembangnya

teknologi informasi yang canggih dan menghasilkan informasi yang cepat, efisien,

efektif, dan akurat.

Perkembangan teknologi informasi ada lima pergeseran yaitu pelatihan ke

penampilan, pergeseran dari ruang lingkup ke dimana saja dan kapan saja, pergeseran

dari kertas ke “on-line” atau penggunaan internet, pergeseran dari fasilitas fisik ke

jaringan kerja, dan pergeseran dari waktu siklus ke waktu nyata. Sistem informasi

yang akan di bangun ini akan membantu pegawai yang bekerja di Kantor Lurah

Polonia untuk mendata bagaimana keadaan setiap lingkungan di Kelurahan Polonia

seperti keadaan lingkungan, penduduk, dan rumah-rumah ibadah yang ada di daerah

(13)

Sistem informasi ini juga dapat menambah wawasan bagi setiap warga

khususnya warga yang tinggal di Kelurahan Polonia mengenai bagaimana keadaan

setiap lingkungan, penduduk, serta rumah-rumah ibadah yang terdapat di kelurahan

tersebut.

1.2Rumusan Masalah

Suatu kelurahan yang terdiri dari lingkungan, penduduk, serta sarana dan prasarana

yang ada seharusnya memiliki sistem informasi. Adapun masalah yang dihadapi

adalah bahwa mengenai pendataan keadaan setiap lingkungan di kelurahan polonia

masih menggunakan cara manual, maka dibangunlah sistem informasi berbasis web.

1.3Batasan Masalah

Adapun yang akan disampaikan dalam website ini adalah:

1. Website ini digunakan untuk kepentingan penyampaian data dan informasi

kepada penggunanya.

2. Website ini menampilkan tentang lingkungan, penduduk, dan rumah-rumah

ibadah di daerah Kelurahan Polonia.

1.4 Tujuan Penelitian

Tujuan dari penelitian yang penulis lakukan adalah untuk membangun sistem

(14)

1.5Kontribusi Penelitian

Sistem informasi berbasis web ini memiliki kegunaan untuk mengembangkan kualitas

Kelurahan Polonia. Sistem informasi ini membantu berkembangnya Kantor Lurah

Polonia dalam memberikan informasi kepada setiap warga sehingga lebih efisien,

akurat, dan cepat.

1.6Kajian Pustaka

Teknologi informasi adalah suatu teknologi yang digunakan untuk mengolah data

termasuk memproses, mendapatkan, menyusun, menyimpan, memanipulasi data.

Berbagai cara untuk menghasilkan informasi yang berkualitas, yaitu informasi yang

relevan, akurat, dan tepat yang digunakan untuk keperluam pribadi, bisnis, dan

pemerintahan serta merupakan informasi yang strategis untuk pengambilan keputusan.

Sistem informasi (Information System) secara teknis dapat didefenisikan

sebagai sekumpulan komponen yang saling berhubungan, mengumpulkan,

(mendapatkan), memproses, menyimpan,dan mendistribusikan informasi untuk

menunjang pengambilan keputusan dan pengawasan dalam suatu organisasi (J.Loudon

and P.Loudon, 2007).

MySQL termasuk jenis RDBMS (Relational Batabase Management System)

(Sutarman, 2007). Sehingga istilah tabel, baris, dan kolom tetap digunakan dalam

MySQL. Pada MySQL sebuah database mengandung beberapa tabel, tabel terdiri dari

(15)

PHP merupakan singkatan dari PHP hypertext Prepocessor yang digunakan

sebagai bahasa script server-side dalam pengembangan web yang disisipkan dalam

HTML (Paranginangin, 2006:2). PHP adalah salah satu bahasa Server- Side yang di

desain khusus untuk aplikasi web. (Sutarman, 2002:108) PHP dapat disisipkan

diantara bahasa HTML. Bahasa PHP akan dieksekusi di server, sehingga yang

dikirimkan ke browser adalah dalam bentuk HTML.

Apache adalah web server yang bersifat open source. Apache merupakan salah

satu produk open-source dimana termasuk kategori software freeware. Popularitas

apache dikalangan administrator dan development web tidak diragukan lagi.

1.7Metodologi Penelitian

Dalam pengumpulan data, penulis menggunakan beberapa metode untuk mendapatkan

hasil yang optimal dan sesuai dalam menyusun penelitian ini. Adapun metode yang

digunakan adalah sebagai berikut:

1. Menentukan Lokasi Penelitian

Lokasi penelitian ini adalah Kantor Lurah Polonia

2. Mengumpulkan Data pendukung

Data pendukung yang melengkapi penelitian antara lain latar belakang

kelurahan, keadaan lingkungan, penduduk, sarana dan prasarana.

3. Menentukan perlengkapan

Apache adalah web serer yang bersifat open source. Apache merupakan salah

satu produk open-source dimana termasuk kategori software freeware.

(Netcraft, 1999) popularitas apache dikalangan administrator dan development

(16)

4. Pembuatan program

Sistem informasi ini dimulai dengan mendesain tampilan web, membuat

database lalu menghubungkan antara PHP dan MySQL.

5. Pengujian program

Pengujian program dilakukan agar dapat melihat berhasil atau tidak program

yang dibuat. Apabila program yang dibuat tidak berhasil maka dapat dilakukan

perbaikan kembali.

1.8Sistematika Penulisan

Pada subini penulis membagi pembahasan tugas akhir ke dalam enam bab. Setiap bab

yang satu dengan bab yang lainnya merupakan suatu sistematika yang saling

berhubungan yang terdiri dari:

BAB 1: PENDAHULUAN

Pada bab ini diuraikan secara ringkas permasalahan tentang latar belakang, rumusan

masalah, batasan masalah, tujuan, kontribusi, kajian pustaka, metode penelitian, dan

sistematika penulisan.

BAB 2: LANDASAN TEORI

Didalam bab ini, diuraikan mengenai pengertian-pengertian dan mengenai bahasa

(17)

BAB 3: SEKILAS MENGENAI KELURAHAN

Didalam bab ini, penulis menyajikan gambaran sekilas mengenai kelurahan polonia yang terdiri dari latar belakang, tujuan, struktur organisasi di kantor kelurahan tersebut.

BAB 4: PERANCANGAN SISTEM

Bab ini menjelaskan tentang perancangan struktur database, perancangan program yang meliputi input dan output yang akan dibuat pada sistem informasi pengolahan

data.

BAB 5: IMPLEMENTASI DAN SISTEM

Bab ini merupakan bagian yang berisi tentang pengertian dan tujuan implementasi sistem serta penjabaran-penjabaran elemen sistem dari segi hardware, software, dan

brainware.

BAB 6: KESIMPULAN DAN SARAN

(18)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Istilah komputer berasal dari bahasa latin yaitu “computare” yang berarti menghitung

(to compute atau reckon). Komputer adalah suatu perangkat elektronika yang bekerja

secara terintegrasi dan terkoordinasi yang dapat menerima input, mengolah dengan

prosedur tertentu, mengingat, serta menampilkan hasil proses tersebut

(SutedjoDharma Oetomo Budi, 2003, hal:23). Cara kerja komputer secara umum

adalah:

Input Data Proses Diolah Output Data

Storage Penyimpanan

Gambar 2.1 Cara Kerja Komputer

Sementara itu perangkat komputer terbagi menjadi tiga bagian yaitu:

1. Hardware (Perangkat Keras)

Hardware adalah perangkat keras komputer yang dapat dilihat dan diraba oleh

panca indera atau bagian tubuh manusia.

(19)

Software adalah perangkat lunak yang digunakan dalam lingkungan komputer

yang berperan sebagai sistem operasi, bahasa pemrograman dan aplikasi.

3. Brainware (Pengguna)

Brainware merupakan perangkat dimana manusia yang berperan untuk

mengoperasikan, memprogram, menganalisis atau memanfaatkan informasi

yang dihasilkan oleh komputer.

2.2 Pengertian Sistem Informasi

Sistem informasi merupakan sekumpulan elemen yang saling berhubungan satu sama

lain yang membentuk satu kesatuan untuk mengintegrasikan data, memproses dan

menyimpan serta mendistribusikan informasi yang akan mendukung pembuatan

keputusan dan melakukan kontrol (Sutedjo Dharma Oetomo Budi, 2003, hal: 12).

Dengan kata lain, sistem informasi merupakan kesatuan elemen-elemen yang saling

berinteraksi secara sistematis, teratur untuk menciptakan dan membentuk aliran

informasi yang mendukung pembuatan keputusan dan melakukan kontrol dalam

sebuah perusahaan. Sistem informasi berisi informasi tentang orang-orang, tempat,

dan hal-hal penting di dalam organisasi atau lingkungan.

Tiga aktivitas di dalam sistem informasi akan memproduksi informasi yang

dibutuhkan untuk membuat keputusan, pengendalian operasi, menganalisis

permasalahan dan menciptakan produksi baru. Aktvitas tersebut adalah input, proses

(20)

Gambar 2.2 Aktivitas Sistem Informasi

Input berfungsi untuk merekam atau mengumpulkan data mentah dari dalam

maupun luar. Proses (processing) mengubah data input mentah menjadi bentuk yang

berarti. Output bertugas untuk mengirimkan informasi yang telah diproses tersebut

kepada orang-orang yang akan menggunakan atau aktivitas yang akan menggunakan

informasi tersebut (Laudon Kenneth C et al, 2007).

2.2.1 Pengertian Sistem

Sistem mengandung arti kumpulan elemen yang ssaling berhubungan satu sama lain

yang membentuk satu kesatuan dalam mencapai suatu tujuan (Sutedjo Dharma

Oetomo Budi, 2003, hal: 172). Elemen yang mewakili suatu sistem secara umum

adalah masukan, proses, dan keluaran.

Sistem merupakan suatu jaringan kerja dari beberapa prosedur yang saling

berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau

menyelesaikan suatu tujuan tertentu (Wawan et al, 2006). Sistem mempunyai

karakteristik atau sifat-sifat tertentu, yaitu:

1. Komponen sistem

2. Batasan sistem

3. Lingkungan luar sistem

4. Pengubung sistem

5. Masukan sistem

6. Keluaran sistem

(21)

8. Sasaran system

2.2.2 Pengertian Informasi

Informasi adalah hasil pemrosesan data yang diperoleh dari setiap elemen sistem

tersebut menjadi bentuk yang mudah dipahami dan merupakan pengetahuan yang

relevan yang dibutukan oleh orang untuk menambah pemahaman dari fakta-fakta yang

ada. Informasi bagi setiap elemen akan berbeda satu sama lain sesuai dengan

kebutuhannya masing-masing (Sutedjo Dharma Oetomo Budi, 2003, hal: 82).

Sistem merupakan hasil dari pengolahan data dalam suatu bentuk yang

menggambarkan suatu kejadian-kejadian yang nyata dengan lebih berguna dan berarti

(Wawan at al, 2006). Kualitas informasi sangat dipengaruhi oleh beberapa hal antara

lain:

1. Akurat

2. Tepat waktu

3. Relevan

4. Ekonomis

5. Efisien

6. Dapat dipercaya

7. Konsisten

2.2.3 Pengertian Data

Data adalah sekumpulan data yang disusun dalam bentuk beberapa tabel yang saling

berkaitan maupun berdiri sendiri. Kegunaan dari data adalah sebagai bahan dasar yang

(22)

organisasi. Data merupakan keterangan yang masih mentah (belum diolah). Agar

dapat dipergunakan, maka data tersebut harus diolah terlebih dahulu ke dalam bentuk

informasi yang sesuai dengan keperluan yang dibutuhkan.

Data adalah nilai yang merepresentasikan deskripsi dari suatu objek atau

kejadian (event). Dengan demikian dapat dijelaskan kembali bahwa data dapat

merupakan suatu objek, kejadian, atau fakta yang terdokumentasikan dengan memiliki

struktur untuk suatu atau

2.3 Pengertian Internet

Internet (International Networking) adalah suatu kumpulan jaringan komputer dari

berbagai tipe yang saling berkomunikasi dengan menggunakan suatu standar

komunikasi. Saat ini ada jutaan sistem komputer dengan puluhan juta pengguna di

seluruh dunia telah bergabung dengan internet.

Secara teknis internet merupakan dua komputer atau lebih yang saling

berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di

dunia, yang saling berinteraksi dan bertukar informasi. Sedangkan dari segi ilmu

pengetahuan, internet merupakan sebuah perpustakaan yang di dalamnya terdapat

jutaan bahkan miliaran informasi atau data yang dapat berupa teks, grafik, suara,

maupun animasi untuk melakukan pertukaran informasi jarak jauh.

Asal-usul internet berasal dari jaringan komputer yang dimulai pada awal

tahun 1970-an sebagai jaringan departemen pemerintahan Amerika Serikat untuk

(23)

jaringan tersebut terus diperbaharui dan dikembangkan dan sekarang internet telah

menjadi sistem komunikasi dunia yang paling luas dan umum yang sekarang

menyaingi sistem telepon global dalam jangkauan dan jarak (Laudon Kenneth C et al,

2007).

2.3.1 Manfaat Internet

Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi,

akses terhadap sumber dan jaringan informasi semakin penting bagi para pengguna.

Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat

pesat dan pada saat ini dapat dikatakan sebagai jaringan informasi terbesar di dunia.

Sehingga seharusnya para pengguna mengenal manfaat apa yang diperoleh jaringan

ini.

Adapun manfaat yang dapat diperoleh dari internet adalah:

1. Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi

fasilitas internet seperti e-mail, www, newsgroup, dan lain sebagainya.

2. Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran, majalah,

brosur dalam internet.

3. Sebagai media promosi, misalnya pengenalan dan pemesanan produk dari

sebuah perusahaan.

4. Komunikasi interaktif melalui e-mail, video conferencing, dan sebagainya.

5. Sebagai alat penelitian dan pengembangan.

(24)

2.3.2 Web Server

WWW (World Wide Web – Jelajah Jagat Jembar – JJJ) merupakan aplikasi internet

yang paling diminati pemakai. WWW mencangkup sumber daya multimedia, antara

lain suara, gambar, video dan animasi, sehingga aplikasi ini menjadi semacam sarana

pengetahuan yang interaktif (Sutedjo Dharma Oetomo Budi, 2003, hal: 203). Web

adalah aplikasi multiplatform dan berbasis grafis atau sering disebut aplikasi berbasis

GUI (Graphic User Interface). Dengan menggunakan bahasa pemrograman yang

disebut dengan Markup Language, bahasa paling populer dan di dukung oleh ssemua

webserver adalah Hypertext Markup Language (HTML).

Web Server menggunakan port 80 sebagai jalur komunikasi, web server

mempunyai kemampuan untuk tranmisi secara realtime. Kecepatan tranmisi

tergantung pada kecepatan koneksi yang dimiliki. Dalam perkembangannya, jenis

pemrograman bebasis web mengalami memasuki pengolahan multimedia dan

database.

2.3.3 HTTP (Hypertext Transfer Protocol)

HTTP (Hypertext Transfer Protocol) adalah suatu protocol yang digunakan oleh web

server untuk mengirim dan menerima informasi. Bisa digunakan untuk mengirim dan

menerima teks, grafik, gambar, suara, video, dan file multimedia lainnya. Biasanya

file dimulai dengan kata “http”, biarpun saat ini bisa dihilangkan (Sutedjo Dharma

(25)

HTTP berkerja di atas TCP (Transmission Control Protocol) yang menjamin

sampainya data dari tujuan dalam urutan yang benar. Bila suatu kesalahan terjasi

selama proses pengiriman, pihak pengirim akan mendapatkan pemberitahuan bahwa

telah terjadi ketidaksesuaian. Karenanya server dan client tidak harus menyediakan

mekanisme untuk memeriksa kesalahan transmisi data, yang berarti mempermudah

pekerjaan pemrograman. Namun demikian, HTTP tidak memiliki apa yang disebut

session, seperti FTP yang menjaga hubungan antara server dan client secara konsisten.

Setelah data di transfer, koneksi antara client dan server akan terputus. Sifat ini

membuat HTTP sering disebut dengan istilah protocol hit-and-run (Muhammad

Sutiyadi, 2003)

2.3.4 Browser

Browser adalah program aplikasi yang digunakan untuk melakukan browsing atau

aplikasi yang diterjemahkan HTML dan menampilkan halaman internet

(MADCOMS, 2008). Browser merupakan suatu program yang dirancang untuk

mengambil informasi-informasi dari suatu server komputer pada jaringan internet.

Informasi-informasi ini biasanya dikemas dalam page-page , dimana setiap page bisa

memiliki beberapa link yang menghubungkan web page tersebut ke sumber informasi

lainnya. Jika browser menemukan alamat dari tujuan link tersebut, browser akan

menampilkan informasi yang ada, dan jika tidak menemukan browser akan

memberitahukan bahwa alamat dari tujuan link tersebut tidak ditemukan.

(26)

Web adalah sebuah sistem dengan standar yang telah disepakati untuk menyimpan,

mencari, memformat, dan menampilkan informasi menggunakan arsitektur clien

server. Halaman web yang diformat menggunakan hyperteks dengan link yang

menghubungkan satu dokumen dengan dokumen yang lainnya dan juga

menghubungkan satu halaman ke objek lainnya.

Internet seperti jaring laba-laba, jaring yang saling terhubung dan terbentang

ke seluruh dunia. Internet tidak hanya terbatas pada lembaga-lembaga penelitian. Web

juga banyak digunakan oleh perusahaan bisnis untuk komunikasi, koordinasi bahkan

internet juga dapat digunakan untuk mengiklankan produk atau untuk melakukan

transaksi bisnisnya.

2.5 HTML

HTML merupakan kepanjangan dari HyperText Markup Language adalah suatu

bahasa yang digunakan untuk membuat halaman-halaman Hypertext (Hypertext Page)

pada internet. Dokumen HTML disebut sebagai markup language karena

mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu

teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Beberapa hal

yang bisa dilakukan HTML yaitu:

1. Mengontrol tampilan dari web page dan content-nya.

2. Mempublikasikan dokumen secara online sehingga bisa diakses dari seluruh

dunia.

3. Menambahkan objek-objek seperti image, flash, audio, dan video dalam

(27)

Beberapa program yang dapat digunakan untuk membuat dokumen HTML

antara lain adalah Ms. FontPage, Dreamweaver, Notepad, dan lain-lain. Struktur

dokumen HTML:

<html>

<head>

<title>Judul Halaman</title>

</head>

<body>

.... Isi dari halaman WEB....

</body>

</html>

2.6 PHP

PHP singkatan dari PHP HyperText Preprocessor yang digunakan sebagai bahasa

Script Server-Side dalam pengembangan web yang disisipkan pada dokumen HTML.

Penggunaan PHP memungkinkan web dapat dibuat dinamis sehingga maintenance

web tersebut menjadi lebih mudah dan efisien.

PHP merupakan Software Open Source yang disebarkan dan dilesensikan

secara gratis serta dapat didownload secara bebas dari situs resminya

http://www.php.net. Pengguna dapat mengubah Soure Code dan

mendistribusikannya secara bebas serta diedarkan secara gratis.

(28)

PHP memiliki kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP

difokuskan pada pembuatan Script Server-Side, yang bisa melakukan apa saja yang

dapat dilakukan oeh CGI, seperti mengumpulkan data dari form, menghasilkan isi

halaman web dinamis, dan kemampuan mengirim serta menerima cookies, bahkan

lebih daripada kemampuan CGI

Fitur-fitur yang banyak dapat diandalkan oleh PHP adalah dukungannya

terhadap banyak database (Peranginangin Kasiman, 2006). Berikut database yang

dapat didukung oleh PHP:

1. Adabas D

2. dBase

3. Direct MS-SQL

4. Empress

5. FilePro (read only)

6. FrontBase

7. Hyperwave

8. IBM DB2

9. Informix

10.MSQL

11.MySQL

12.PostgrSQL

13.Unix DBM

14.Solid

(29)

16.Velocis

2.7 MySQL

MySQL merupakan software yang tergolong kedalam DBMS yang bersifat Open

Source menyatakan bahwa software ini dilengkapi dengan source (kode yang dipakai

untuk membuat MySQL), selain itu tentu saja bentuk executablenya atau kode yang

dijalankan secara langsung dalam sistem operasi dan bisa diperoleh dengan cara

mendownload di internet secara gratis (Ramadhan Arief et al, 2005).

MySQL termasuk jenis RDBMS (Relational Database Management System).

Sehingga istilah seperti tabel, baris, dan kolom tetap digunakan dalam MySQL. Pada

MySQL sebuah database mengandung satu beberapa tabel, tabel terdiri dari sejumlah

baris dan kolom. Dalam konteks bahasa SQL, pada umumnya informasi tersimpan

dalam tabel-tabel yang secara logika merupakan struktur dua dimensi yang terdiri atas

baris-baris data (row atau record) yang berada dalam satu atau lebih kolom. Baris

pada tabel sering disebut sebagai instance dari data sedangkan kolom sering disebut

sebagai attributes atau field (Sutarman : 2007).

2.8Data Flow Diagram (DFD)

DFD merupakan alat bantu yang dapat digunakan untuk menggambarkan aliran data

informasi dan transformasi dari data, mulai dari masukan data sampai menghasilkan

(30)

Tabel 2.1 Simbol-Simbol Data Flow Diagram

No. Simbol Fungsi

1. Kesatuan Luar (External Entity) Merupakan kesatuan luar (entity)

dilingkungan luar sistem yang dapat berupa

sekelompok orang, divisi, organissasi atau

sistem lainnya yang akan memberikan input

atau menerima output dari sistem. Suatu

kesatuan luar dapat disimbolkan dengan

satuan notasi kotak atau segi empat.

2. Proses (Process) Kegiatan atau kerja yang dilakukan oleh

orang, mesin atau komputer dari hasil suatu

arus data yang akan keluar atau untuk

mengubah input menjadi output. Suatu

proses dapat disimbolkan dengan lingkaran.

3. Aliran Data (Data Flow) Data mengalir melalui sistem, dimulai

dengan sebagian input dan diubah atau

diproses menjadi output. Arus data diberi

simbol suatu garis panah.

4. Penyimpanan Data (Data

Storage)

Data disimpan untuk keperluan berikutnya.

Simpanan data di DFD disimbolkan dengan

sepasang garis horizontal parallel tang

(31)

2.9Macromedia Dreamweaver 8

Macromedia Dreamweaver adalah sebuah program aplikasi HTML authoring, yaitu

sebuah aplikasi yang digunakan untuk membuat situs web atau mendesain halaman

web, baik untuk desain, coding, pembuatan situs web yang kompleks, dan aplikasi web

lainnya secara visual. Versi terbaru dari aplikasi ini adalah Macromedia Dreamweaver

versi 8 professional yang lebih lengkap dalam menanggani pembuatan web yang

kompleks. Macromedia Dreamweaver 8 ini style CSS dapat dibuat menggunakan

panel CSS baru yang menyediakan kemudahan bagi pengguna dalam membuat dan

mengedit style CSS secara visual dan lebih mudah untuk dipahami.

Aplikasi pada dreamweaver juga memungkinkan untuk dapat membuat sebuah

aplikasi dinamis dengan database menggunakan bahasa server seperti CFML,

ASP.NET, ASP, JSP, dan PHP. CSS atau Cassading Style adalah sebuah dokumen

yang berisi aturan yang digunakan untuk memisahkan isi dengan layout dalam

(32)

BAB 3

SEKILAS TENTANG KELURAHAN POLONIA

3.1 Profil Kelurahan

Adapun profil mengenai Kelurahan Polonia Medan adalah: 1. Nama Kelurahan : Kelurahan Polonia

2. Nomor statistik : 414.3/316/PMD

3. Provinsi : Sumatera Utara

4. Kecamatan : Medan Polonia

5. Alamat : Jl. Balai desa no. 81

6. Kode Pos : 20157

7. Telepon : -

8. Luas pemukiman : 1,20 km2

9. Luas kuburan : 0,005 km2

10.Luas pekarangan : 0,015 km2

11.Luas taman : - km2

12.Perkantoran : 0,0003 km2

13.Luas prasarana umum lain : 0,3497 km2

14.Total Luas : 1,57 km2

(33)

Pembangunan kelurahan merupakan bagian integral dari pembangunan daerah dan

pembangunan daerah dan pembangunan nasional. Undang-undang Nomor 22 Tahun

1999 tentang Pemerintah Daerah memberikan kewenangan yang lebih luas kepada

daerah, terutama daerah kabupaten/kota untuk melaksanakan tugas pemerintahan dan

pembangunan yang sifatnya multisektoral. Sebagai wujud kemampuan melaksanakan

kewenangan yang merupakan sebagian dari esensi otonomi daerah tersebut, daerah

dituntut untuk merumuskan program pembangunan secara komprehensif mulai dari

pembangunan tingkat kelurahan hingga kabupaten/kota. Program pembangunan yang

disusun secara komprehensif sangat membutuhkan informasi yang komprehensif pula

yang di peroleh melalui pengolahan data akurat.

Secara khusus profil kelurahan sebagai alat pendataan kelurahan merupakan

kumpulan data komprehensif (multisektor), yang diharapkan dapat

mengakomodasikan kebutuhan data bagi pemanfaat data kelurahan. Pendataan

kelurahan selama ini dilakukan secara parsial sesuai kebutuhan masing-masing pihak

yang melakukannya sehingga kegiatan pembangunan kelurahan juga dilakukan secara

parsial, suatu hal yang harus diatasi dengan adanya suatu sistem pendataan yang

komprehensif sebagaimana pada profil kelurahan.

Oleh karena itu, dibutuhkan langkah penyempurnaan terhadap data profil

kelurahan yang telah ada untuk menghasilkan profil kelurahan yang lebih sistematis.

Hal ini dapat dilakukan melalui penyederhanaan mekanisme materi dan pengolahan

pendataan, pengembangan sistem pengolahan data yang efektif dan efisien, penyiapan

(34)

3.3 Tujuan

Tujuan yang akan dicapai dari penyempurnaan sistem pendataan profil kelurahan ini

adalah untuk:

1. Menunjang pelaksanaan otonomi kabupaten/kota, khususnya dalam

perencanaan dan evaluasi kegiatan pembangunan kelurahan.

2. Menunjang peningkatan kualitas perencanaan kegiatan pembangunan di

kelurahan dan kabupaten/kota.

3. Mendukung terwujudnya transparansi dan akuntabilitas pelaksanaan

pembangunan atau pengolahan sumberdaya publik, baik di kelurahan maupun

di kabupaten/kota.

4. Menyediakan bahan evaluasi pelaksanaan pembangunan, baik di kelurahan

(35)
(36)

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Dalam perancangan suatu situs banyak hal yang harus dilakukan diantaranya adalah

persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang

berulang-ulang karena menyangkut semua elemen yang membentuk situs.

Sebelum membangun sebuah situs, perlu dilakukan identifikasi awal antara

lain:

a. Situs apa yang akan dibangun?

b. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut?

c. Apa saja aktivitas yang dapat mereka lakukan dalam situs?

(37)

Dengan menjawab pertanyaan-pertanyaan di atas, akan semakin memperjelas

dan mempermudah dalam membangun situs karena dari hal inilah nantinya akan

terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.

Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan

di atas sebagai berikut:

1. Situs yang akan dibuat adalah situs Kelurahan Polonia Medan, website ini

dipergunakan hanya untuk kepentingan penyampaian data dan informasi

kepada penggunanya.

2. Pengunjungnya adalah seluruh pegawai yang bekerja di kantor lurah tersebut

dan masyarakat umum yang ingin mengakses informasi yang dibutuhkan.

3. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat

mengetahui informasi tentang keadaan lingkungan, penduduk, rumah-rumah

ibadah di kelurahan tersebut.

4. Target yang akan dicapai dari situs tersebut adalah pengunjung mendapatkan

data atau informasi secara tepat dan akurat yang terdapat pada Kelurahan

(38)

U se r W e b Ad m in ist r at o r

Lu ra h W eb sit e Kelu r ah an

Po lo n ia

0

- d a t a lin g k u n g an - d a t a k e p ala lin g k u n g a n - d a t a p e n d u d u k - d a t a ru m a h ib ad ah d at a b u k u t am u

D a t a b u k u t am u

- lap o r an d at a lin g k u n g a n

- lap o r an d at a p en d u d u k p er lin g k u n g a n - lap o r an d at a r u m ah ib ad a h

- in f o p ro f il k e lu ra h an - in f o lin g k u n g a n

- in f o p en d u d u k p er lin g k u n g an - in f o r u m ah ib ad a h

4.2 Perancangan DFD (Data Flow Diagram)

Berikut ini adalah gambar data flow diagram yang penulis gunakan dalam merancang

website Kantor Lurah Polonia, yang terdiri dari diagram konteks dan data flow

diagram level 0, seperti terilihat pada gambar dibawah ini:

(39)

U s e r W e b

(40)

S t a r t

Flowchart merupakan bagan yang menunjukkan alir didalam program atau prosedur

sistem secara logika. Adapun flowchart yang didesain penulis adalah sebagai berikut:

(41)

Login

Tampil halaman login admin

Input

username,pass-word

Ketemu

? Pesan

y

n

Menu administrator

Admin

(42)

Admin

Pilihan 1 = Tampil halaman buku tam u Pilihan 2 = D ata Lingkungan

Pilihan 3 = D ata Penduduk Pilihan 4 = D ata R umah Ibadah

(43)

A

Tampilkan halaman data

lingkungan

Input data

Save ?

Simpan data

Lingkungan

Batal ?

Kosongkan form

Admin y

n

y n

(44)

B

Tam pilkan halam an data

penduduk

Input data

S ave ?

S im pan data

P enduduk

B atal ?

K osongkan form

A dm in

y

n

y n

(45)

C

Tam pilkan halam an data rum ah ibadah

Input data

Save ?

Simpan data

Rum ah Ibadah

Batal ?

Kosongkan form

Adm in y

n

y n

(46)

4.4 Mempersiapkan Database Server

Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut

nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik

penambahan, pengeditan, penghapusan, dan menampilkan isi database ke halaman

web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program

MySQL.

Berikut ini adalah rancangan database yang penulis gunakan dalam pembuatan

website Kantor Lurah Polonia.

Tabel 4.1. Admin

Field Name

Data Type Width Description

User Char 4 User name

Pass Varchar 20 Password

Tabel 4.2. Lingkungan

Field Name

Data Type Width Description

Kd_ling Char 4 Kode lingkungan

(47)

Jlh_kk Integer 4 Jumlah kepala keluarga

Tabel 4.3. Penduduk

Field Name

Data Type Width Description

No_ktp Varchar 20 No. ktp

Nm_pend Varchar 50 Nama penduduk

Jenkel Char 1 Jenis kelamin

Temp_lhr Varchar 50 Tempat lahir

Tgl_lhr Date 8 Tgl. Lahir

Status Varchar 20 Status (menikah/ belum

menikah)

Pend Char 4 Pendidikan

Pekerjaan Varchar 50 Pekerjaan

Kd_ling Char 4 Kode lingkungan

Tabel 4.4. Rumah Ibadah

Field Name

Data Type Width Description

(48)

Nm_ribd Varchar 50 Nama rumah ibadah

Jlh Integer 4 Jumlah rumah ibadah

Kd_ling Char 4 Kode lingkungan

Tabel 4.5. Buku Tamu

Field Name

Data Type Width Description

Id Integer 4 Id. Buku tamu

Nama Varchar 50 Nama

Email Varchar 50 Email

Komentar Longtext - Komentar

4.5 Relasi Antar Tabel

(49)

Id

Gambar 4.9 Relasi Antar Tabel

4.6 Desain Dialog

Desain dialog yang penulis gunakan dalam merancang website Kantor Lurah Polonia

dibagi kedalam 3 bagian antar lain desain dialog menu, desain dialog masukan (input)

(50)

4.6.1 Desain Dialog Menu

Berikut ini adalah rancangan halaman menu yang penulis gunakan dalam pembuatan

website Kantor Lurah Polonia.

Gambar 4.10 Halaman Utama (Home)

Gambar 4.11 Halaman Menu Web Administrator

[logo] KANTOR KELURAHAN POLONIA

[Home] [Profil] [Buku Tamu] [Contact Us] [Login Admin]

Copyright© 2010

Info

Info Lingkungan Info Lingkungan Informasi

Info Penduduk

Info Rumah Ibadah

[logo] KANTOR KELURAHAN POLONIA

MENU WEB ADMINISTRATOR

(51)

4.6.2 Desain Dialog Masukan (Input)

Berikut ini adalah rancangan halaman masukan (input) yang penulis gunakan dalam

pembuatan website Kantor Lurah Polonia.

Gambar 4.12 Halaman Pengisian Buku Tamu

Nama : Email :

Komentar : :

[simpan] [batal]

(52)

Gambar 4.13 Halaman Data Lingkungan

Tgl.lahir Status pendidikan Action

Edit Delete Data Penduduk

(53)

Gambar 4.14 Halaman Data Penduduk

4.6.3 Desain Dialog Keluaran (Output)

Berikut ini adalah rancangan halaman keluaran (output) yang penulis gunakan dalam

pembuatan website Kantor Kelurahan Polonia.

Informasi Data Lingkungan

No. Nama Lingkungan Jumlah Kepala Keluarga

Nama Kepala Lingkungan

99 xxxxxxxxxxxxxxxx 99 xxxxxxxxxx

… …

99 xxxxxxxxxxxxxxxx 99 xxxxxxxxxx

Gambar 4.15 Halaman Informasi Data Lingkungan

Informasi Data Penduduk

(54)

y

Gambar 4.16 Halaman Informasi Data Penduduk

Informasi Buku Tamu

No. : 99

Nama : xxxxxxxxxxx

Email : xxxxxxxxxxxxxxxxxxx komentar : xxxxxxxxxxxxxxxxxxxxxx

Gambar 4.17 Halaman Informasi Buku Tamu

Informasi Data Rumah Ibadah

No.

Nama Rumah Ibadah Jumlah Nama Lingkungan

99 xxxxxxxxxxxx xx xxxxxxxxxxxx

… …

99 xxxxxxxxxxxxx xx Xxxxxxxxxxxx

(55)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem merupakan langkah-langkah atau prosedur-prosedur yang

dilakukan dalam menyelesaikan desain sistem yang telah disetujui.

5.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah sebagai berikut:

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai

sarana pengolahan data dan penyajian informasi.

2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru

atau yang telah disetujui.

3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah

(56)

4. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan

mengontrol dan melakukan instalasi secara benar.

5.3 Komponen dalam Implementasi Sistem

Perancangan sistem yang telah dikerjajan dapat berjalan baik atau tidak, maka perlu

dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu dibutuhkan

beberapa komponen utama yang mencangkup perangkat keras (hardware), perangkat

lunak (brainware), dan perangkat operator (brainware).

5.3.1 Kebutuhan Perangkat Keras (Hardware)

Perangkat keras (hardware) adalah komponen-komponen peralatan yang membentuk

suatu sistem komputer dan peralatan-peralatan tambahan lainnya yang mungkin

komputer menjalankan tugasnya sesuai dengan yang diberikan. Komponen ini bersifat

nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnya monitor, CPU

(57)

Spesifikasi perangkat keras komputer yang digunakan sebagai client ataupun

server dalam pembuatan website ini adalah:

1. Personal computer dengan processor min intel Pentium 3

2. Memory min 256 MB

3. Monitor W 14” resolution 1024x768

4. Hardisk sebagai media penyimpanan

5. DVDR/W

5.3.2 Kebutuhan Perangkat Lunak (Software)

Hardware tidak dapat menyelesaikan masalah tanpa adanya software. Software

merupakan komponen di dalam sistem data berupa program atau instruksi untuk

mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan

perngkat lunak adalah:

1. Windows XP Profesional

2. Macromedia Dreamweaver 8

3. Aphace

4. PHP

(58)

6. Browser

7. Photoshop CS

5.3.3 Kebutuhan Perangkat Operator (Brainware)

Brainware adalah sumber daya manusia yang nantinya akan berperan sebagai user

ataupun administrator. Perangkat operator (Brainware) yang dapat menjalankan

website ini terbagi menjadi 3 yaitu:

1. Administator

2. Operator

3. Pengunjung

5.4 Demonstrasi Program

(59)

Gambar 5.1 index.php (Halaman Utama)

(60)

Gambar 5.2 profil.php (Halaman profil)

(61)

Gambar 5.3 struktur.php (Halaman Struktur Organisasi)

4. Halaman buku tamu

(62)

5. Halaman contact us

Gambar 5.5 contact.php (Halaman Contact Us)

(63)

Gambar 5.6 login.php (Halaman Login)

7. Halaman Info Lingkungan

Gambar 5.7 lingkungan.php (Halaman Info Lingkungan)

(64)

Gambar 5.8 penduduk.php (Halaman Info Penduduk)

(65)
(66)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana Perancangan Website

Kelurahan Polonia Medan menggunakan PHP dan MySQL.

Berikut ini akan ditarik beberapa kesimpulan adalah:

1. Penggunaan dan pemanfaatan website ini dapat memberikan kemudahan bagi

para pegawai yang bekerja di kantor lurah tersebut dalam menyajikan

informasi mengenai keadaan kelurahan polonia yaitu mengenai lingkungan,

penduduk, dan rumah-rumah ibadah.

2. Dengan adanya website ini, masyarakat dapat melihat langsung bagaimana

keadaan penduduk, lingkungan, dan rumah-rumah ibadah di kelurahan

tersebut.

3. Dengan menggunakan komputer sebagai media informasi akan

(67)

6.2 Saran

Berikut ini ada beberapa saran yaitu:

1. Pihak administrator Kelurahan Polonia harus senantiasa menjaga dan

memperbaharui website agar pengunjung tidak merasa bosan dan mendapatkan

informasi-informasi yang benar.

2. Pemeliharaan keamanan terhadap data pada server Kelurahan Polonia perlu

diperhatikan dan dijaga agar data pada server tidak bisa diakses oleh orang

yang tidak berhak mengaksesnya.

3. Isi situs web seharusnya di-update oleh admin secara berkala guna

memberikan informasi yang aktual.

4. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya

memiliki spesifikasi dengan level menengah karena penggunaan

software-software yang banyak memakan sumber daya komputer seperti memori dan

kapasitas hardisk.

(68)

DAFTAR PUSTAKA

Dasar Teknis Instalasi Jaringan Komputer. 2004. Yogyakarta: Andi; Madiun:

MADCOMS.

Kadir, Abdul. 2008. Belajar Database Menggunakan MySQL. Yogyakarta: Andi.

Kurniawan, Budi S.Kom. 2008. Desain Web Praktis dengan CSS. Jakarta: Elex Media Komputindo.

Laudon, Kenneth C. dan Laudon, Jane P. 2007. Sistem Informasi Manajemen. Jakarta: Salemba Empat.

Panduan Menggunakan Internet untuk Pemula. 2008. Yogyakarta: Andi; Madiun:

MADCOMS

Panduan Tatacara Penulisan Tugas Akhir. 2008. Dokumen Nomor :Akad/05/2005.

Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Peranginangin, Kasiman.2006. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Andi.

Purwad, Daniel H. 1995. Belajar Sendiri Mengenal Internet Jaringan Informasi

Dunia. Jakarta: Elex Media Komputindo.

(69)

MySQL. Jakarta: Elex Media Komputindo.

Sutarman. 2007. Membangun Aplikasi Web dengan PHP dan MySQL.Yogyakarta:

Graha Ilmu.

Sutedjo, Dharma Oetomo. dan Budi, S.Kom, dkk. 2003. Terminologi Populer Sistem

(70)

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE

1. Script banner.php

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <tr>

<td width="800" colspan="3"><div align="center"><img src="images/banner.JPG" width="800" height="130" /> <a href="index.php">Home </a> | <a

href="?page=profil">Profil </a>| <a href="struktur.php" target="_blank">Struktur Organisasi</a>| <a href="?page=bukutamu">Buku Tamu </a> | <a

href="?page=visi"> </a><a href="?page=contact">Contact Us </a> | <a href="admin/login_admin.php">Login</a></div></td>

</tr> </table>

2. Script footer.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

(71)

font-size: 10px;

<table width="800" height="50" border="0" align="center" cellpadding="0" cellspacing="0" background="images/in_10.gif" bgcolor="#333333"> <tr>

<td bgcolor="#003366"><div align="center" class="style2 style3"><br /> <blink> Copyright&copy;2010 Pemerintah Kota Medan. </blink></div></td> </tr>

</table>

3. Script main.php

<table width="600" border="0" align="left" cellpadding="0" cellspacing="0"> <!--DWLayoutTable-->

<tr >

<td height="10" colspan="4" valign="top"><img src="images/body_01.gif" width="600" height="10" /></td>

<td width="579" ><div align="left" class="style7">

(72)

pemerintahan dan pembangunan yang sifatnya multi sektoral. Sebagai wujud kemampuan melaksanakan kewenangan yang merupakan sebagian dari esensi otonomi daerah tersebut, daerah dituntut untuk merumuskan program pembangunan secara komprehensif mulai dari pembangunan tingkat kelurahan hingga

kabupaten/kota. Program pembangunan yang disusun secara komprehensif sangat membutuhkan informasi yang komprehensif pula yang di peroleh melalui pengolahan data akurat.

Secara khusus profil kelurahan sebagai alat pendataan kelurahan merupakan kumpulan data komprehensif (multisektor), yang diharapkan dapat

mengakomodasikan kebutuhan data bagi pemanfaat data kelurahan. Pendataan kelurahan selama ini dilakukan secara parsial sesuai kebutuhan masing-masing pihak yang melakukannya sehingga kegiatan pembangunan kelurahan juga dilakukan secara parsial, suatu hal yang harus diatasi dengan adanya suatu sistem pendataan yang komprehensif sebagaimana pada profil kelurahan.

Oleh karena itu, dibutuhkan langkah penyempurnaan terhadap data profil kelurahan yang telah ada untuk menghasilkan profil kelurahan yang lebih sistematis. Hal ini dapat dilakukan melalui penyederhanaan mekanisme materi dan pengolahan pendataan, pengembangan sistem pengolahan data yang efektif dan efisien, penyiapan alat pendataan sistem peningkatan kapasitas pengolah data kelurahan.

</div> </div></td>

<td width="6" background="images/body_04.gif" >&nbsp;</td>

</tr>

<tr >

<td colspan="4"><img src="images/body_05.gif" width="600" height="10" /></td>

</tr> </table>

<p class="style10">&nbsp; </p>

(73)

<table width="600" border="0" align="left" cellpadding="0" cellspacing="0"> <!--DWLayoutTable-->

<tr >

<td height="10" colspan="4" valign="top"><img src="images/body_01.gif" width="600" height="10" /></td>

<td width="579" ><div align="left" class="style7"> sp;&nbsp;&nbsp; : 414.3/316/PMD</li>

<li>Provinsi&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp; : Sumatera Utara</li>

<li>Kecamatan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : Medan Polonia</li>

(74)

<li>Kode

Pos&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : 20157</li> ;&nbsp;&nbsp;&nbsp; : Arrahman Pane S.STP.MAP<br />

NIP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : 010258474<br />

Jenis Kelamin&nbsp;&nbsp;&nbsp; : Laki-laki<br />

Alamat&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp; : Jl. Balaidesa no.81</p>

<p>Data Sekretaris<br />

Nama&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp; : Ahmad<br />

NIP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : 400036699<br />

Jenis Kelamin&nbsp;&nbsp;&nbsp; : laki-laki<br />

Alamat&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp; : Jl. Balaidesa no.81</p>

No

telp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp; : 08126439209</div>

</div></td>

(75)

</tr>

<tr >

<td colspan="4"><img src="images/body_05.gif" width="600" height="10" /></td>

</tr> </table>

<p class="style10">&nbsp; </p>

5. Script struktur.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title>

<style type="text/css"> <!--

.style7 {font-family: Tahoma; font-size: 14px; } .style10 {color: #FFFBF0}

--> </style> </head>

<body>

<table width="600" border="0" align="left" cellpadding="0" cellspacing="0"> <!--DWLayoutTable-->

<tr >

<td width="600" height="10" colspan="4" valign="top"><img src="images/body_01.gif" width="600" height="10" /></td> </tr>

<td><div>

(76)

<p align="center"><img width="817" height="534" src="struktur_clip_image002.gif" /></p>

</div></td> <tr >

<td colspan="4"><img src="images/body_05.gif" width="600" height="10" /></td>

</tr> <tr>

<div align="center"><font size="5" color="#006699" face="Verdana, Arial, Helvetica, sans-serif"><b><u><img src="bullet8.png" />&nbsp;Struktur Organisasi&nbsp;<img src="bullet8.png" /></u></b></font></div> </tr>

<tr><td><p align="center">&nbsp;</p></td></tr> </table>

<p class="style10">&nbsp;</p>

6. Script bukutamu.php

<form action="simpantamu.php" method="post"> <table width="530" align="center">

(77)

<td width="150">Nama </td>

<td valign="top">:

<input name="nama" type="text" id="nama" size="30" maxlength="30" />

</td>

<table width="600" border="0" align="left" cellpadding="0" cellspacing="0"> <!--DWLayoutTable-->

<tr >

(78)

</tr>

<tr>

<td width="5" background="images/body_02.gif">&nbsp;</td> <td width="10" ></td>

<td width="579" ><div align="left" class="style7"> ;&nbsp;&nbsp;&nbsp; : Ahmad<br />

NIP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : 400036699<br />

Jenis Kelamin&nbsp;&nbsp;&nbsp; : laki-laki<br />

Alamat&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp; : Jl. Balaidesa no.81</P>

No

telp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp; : 08126439209</div>

</div></td>

<td width="6" background="images/body_04.gif" >&nbsp;</td>

</tr>

<tr >

<td colspan="4"><img src="images/body_05.gif" width="600" height="10" /></td>

</tr> </table>

(79)

8. Script lingkungan.php

<table width="600" border="0" align="left" cellpadding="0" cellspacing="0"> <!--DWLayoutTable-->

<tr >

<td height="10" colspan="4" valign="top"><img src="images/body_01.gif" width="600" height="10" /></td>

<td width="579" ><div align="left" class="style7">

<?

include "./server.php"; ?>

<table style="font-size:12px; border-collapse:collapse; width="100%" border="1" align="center" cellpadding="2" cellspacing="1" bgcolor="#FFFFFF">

<td width="22"><div align="left" class="style5">No.</div></td> <td width="148"><div align="left" class="style5">Nama Lingkungan </div></td>

(80)

</tr>

<td width="6" background="images/body_04.gif" >&nbsp;</td>

</tr>

<tr >

<td colspan="4"><img src="images/body_05.gif" width="600" height="10" /></td>

(81)

<p class="style10">&nbsp; </p>

9. Script penduduk.php

<table width="600" border="0" align="left" cellpadding="0" cellspacing="0"> <!--DWLayoutTable-->

<tr >

<td height="10" colspan="4" valign="top"><img src="images/body_01.gif" width="600" height="10" /></td>

<td width="579" ><div align="left" class="style7">

<?

include "./server.php"; ?>

<table style="font-size:12px; border-collapse:collapse; width="100%" border="1" align="center" cellpadding="2" cellspacing="1" bgcolor="#FFFFFF">

<?

$qsel=mysql_query("select * from penduduk, lingkungan where penduduk.kd_ling=lingkungan.kd_ling")or die(mysql_error());

(82)
(83)

</div></td>

<td width="6" background="images/body_04.gif" >&nbsp;</td> </tr>

<tr >

<td colspan="4"><img src="images/body_05.gif" width="600" height="10" /></td>

</tr> </table>

<p class="style10">&nbsp; </p>

10. Script rumahibadah.php

<table width="600" border="0" align="left" cellpadding="0" cellspacing="0"> <!--DWLayoutTable-->

<tr >

<td height="10" colspan="4" valign="top"><img src="images/body_01.gif" width="600" height="10" /></td>

<td width="579" ><div align="left" class="style7">

<?

(84)

<table style="font-size:12px; border-collapse:collapse; width="100%" border="1" align="center" cellpadding="2" cellspacing="1" bgcolor="#FFFFFF">

<?

$qsel=mysql_query("select * from rumahibadah, lingkungan where rumahibadah.kd_ling=lingkungan.kd_ling")or die(mysql_error());

(85)

<?

}?> </table>

</div></td>

<td width="6" background="images/body_04.gif" >&nbsp;</td>

</tr>

<tr >

<td colspan="4"><img src="images/body_05.gif" width="600" height="10" /></td>

</tr> </table>

<p class="style10">&nbsp; </p>

$koneksi=mysql_connect($host,$user,$pass) or die (mysql_error()); mysql_select_db($db,$koneksi) or die (mysql_error());

?>

12. Script menu.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Gambar

Gambar 2.1 Cara Kerja Komputer
Tabel 2.1 Simbol-Simbol Data Flow Diagram
Gambar 4.2 Data Flow Diagram Level 0 Website Kelurahan PoloniaPolonia
Gambar 4.3 Flowchart Halaman Utama (Home)
+7

Referensi

Dokumen terkait

Penelitian ini bertujuan untuk mengetahui bentuk interaksi masyarakat multikultural dengan studi kasus pada beberapa etnis di Kelurahan Polonia, Kecamatan Medan Polonia. Metode

Penelitian ini bertujuan untuk mengetahui bentuk interaksi masyarakat multikultural dengan studi kasus pada beberapa etnis di Kelurahan Polonia, Kecamatan Medan Polonia.. Metode

Jika tidak adanya kesadaran dari masing-masing, maka proses sosial pun tidak akan berjalan dengan yang diharapkan dan merupakan bentuk dari proses sosial karena interaksi

Dan masyarakat juga sudah bisa jaga jaga-jaga jika banjir terjadi di Kelurahan Anggrung karena mereka sudah paham dan tahu detik- detik terjadi banjir jika hujan

Dalam mewujudkan pembangunan masyarakat secara merata ditingkat Kelurahan, khususnya Kelurahan Tompokersan telah dilakukan berbagai kegiatan pembangunan, hal ini

Dalam merekrut sumber daya manusia (PPPSU) juga tidak dilakukan sembarang dibutuhkan seleksi terlebih dahulu oleh masing- masing kelurahan, karena calon PPPSU harus

“Asuhan Keperawatan pada Ny.S dengan Prioritas Masalah Kebutuhan Dasar Eliminasi Urine di Kelurahan Sari Rejo Kecamatan Medan Polonia ” , yang merupakan salah satu syarat

Pembangunan rumah di kawasan pemukiman padat penduduk di Kelurahan Kampung Aur dan Hamdan Kecamatan Medan Maimun dimaksudkan untuk memenuhi kebutuhan perumahan yang layak huni untuk