• Tidak ada hasil yang ditemukan

Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL

N/A
N/A
Protected

Academic year: 2016

Membagikan "Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL"

Copied!
149
0
0

Teks penuh

(1)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

SISTEM INFORMASI BERBASIS WEB PADA KANTOR BUPATI

PADANG LAWAS UTARA DENGAN MENGGUNAKAN

PHP DAN MySQL

TUGAS AKHIR

LAILAN HARAHAP

062406049

PROGRAM STUDI D3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

SISTEM INFORMASI BERBASIS WEB PADA KANTOR BUPATI

PADANG LAWAS UTARA DENGAN MENGGUNAKAN

PHP DAN MySQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

LAILAN HARAHAP

062406049

PROGRAM STUDI D3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

PERSETUJUAN

Judul : SISTEM INFORMASI BERBASIS WEB PADA

KANTOR BUPATI PADANG LAWAS UTARA DENGAN MENGGUNKAN PHP DAN MYSQL.

Kategori : TUGAS AKHIR

Nama : LAILAN HARAHAP

Nomor Induk Mahasiswa : 062406049

Program Studi : DIPLOMA III ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2009

Komite Pembimbing :

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Pembimbing

Dr. Saib Suwilo, M.Sc. Syahril Efendi, S.Si,M IT

(4)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

PERNYATAAN

SISTEM INFORMASI BERBASIS WEB PADA KANTOR BUPATI PADANG LAWAS UTARA DENGAN MENGGUNAKAN

PHP DAN MYSQL

TUGAS AKHIR

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

Medan, Mei 2009

(5)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

PENGHARGAAN

Bismillahi Rahmani Rahim

Assalamualaikum Wr. Wb. Syukur Alhamdulillah, segala puji bagi Allah SWT atas

limpahan rahmat dan hidayah-Nya yang diberikan kepada penulis, sehingga Tugas

Akhir ini dapat diselesaikan.

Penulisan Tugas Akhir ini merupakan karya tulis yang sederhana dan

merupakan salah satu syarat untuk menyelesaikan pendidikan D3 Ilmu Komputer

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Dalam penyusunan Tugas Akhir ini, penulis sadar akan keterbatasan

kemampuan dan pengetahuan penulis miliki sehingga mungkin pembaca akan

menemui banyak kekurangan karena itu kritik dan saran sangat diharapkan.

Dengan selesainya Tugas Akhir ini penulis mengucapkan terima kasih kepada:

1. Bapak Syahril Efendi,S.Si.M.IT, selaku dosen pembimbing yang banyak memberi

petunjuk dan nasehat dalam penyelesaian Tugas Akhir ini.

2. Bapak Dr. Saib Suwilo, MSc, selaku Ketua Pelaksana Program D3 Ilmu Komputer

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Dr. Eddy Marlianto, MSc, selaku Dekan Fakultas Matematika dan Ilmu

(6)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

4. Seluruh dosen pengajar Program D3 Ilmu Komputer Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sumatera Utara.

5. Teristimewa kepada kedua orang tua tercinta, Ayahanda dan Ibunda. Yang telah

mendidik dan membesarkan dengan penuh kasih sayang dan atas semua

pengorbanan yang tak terhingga kepada penulis.

6. Kepada kakanda Rani H, Abanganda Imran H, serta Adinda Imam H, Iman H dan

Pida H yang senantiasa memberikan dukungan dan kasih sayang kepada penulis

selama ini.

7. Teman –teman jurusan IL-KOM 2006, yuni, rika, imel, ati, erma, rina dan semua

teman-teman yang tidak dapat penulis sebutkan satu persatu, yang telah banyak

membantu penulis selama ini.

8. Ukhti-ukhti seperjuangan di HTI (Hizbut Tahrir Indonesia) kak alvi, kak novi, kak

hafni, kak fitri, kak reje, Kak hori, mimi, ira, iyus, Kak Dian, bibah, ayu, devi,

nurma,yelli, yuni warga BM, BTM, dan KENARI yang tidak dapat disebutkan

satu persatu, yang telah banyak membantu dan memberi motivasi kepada penulis.

Akhir kata sekali lagi penulis mengucapkan terima kasih kepada pihak yang

telah banyak membantu, semoga bantuan tersebut diberi balasan yang berlipat ganda

dari ALLAH SWT. Penulis mengharapkan semoga tugas akhir ini bermanfaat bagi

kita semua terutama bagi penulis sendiri.

Medan, Juni 2009

(7)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Persetujuan

BAB 1 PENDAHULUAN

1.1Latar Belakang

1.2Indentifikasi Masalah

1.3Maksud dan Tujuan

1.4Batasan Masalah

1.5Metode Penelitian

1.6Sistematika Penulisan

BAB 2 TINJAUAN TEORITIS

2.1 Sistem, Data dan Informasi

2.2 Sistem Informasi

2.3 Pengenalan Web

2.3.1 Web Server

2.3.2 Word Wide Web

2.3.3 Hypertext Transfer Protocol

2.3.4 Hypertext Markup Language

2.4 Pengenalan PHP

2.4.1 Sejarah PHP

2.4 MySQL

2.5 Mengenal Macromedia Dreamweaver 8

(8)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

BAB 3 PERANCANGAN SISTEM 24

3.1 Perancangan Sistem 24

3.2 Data Flow Diagram 25

3.3 Rancangan Database 27

BAB 4 IMPLEMENTASI SISTEM 42

4.1 Pengerian Implementasi Sistem 42

4.2 Tujuan Implementasi 43

4.3 Komponen-komponen Sistem 43

4.3.1 Perngkat Keras (Hardware) 44

4.3.2 Software 44

4.3.3 Perangkat Operator (Brainware) 46

4.4 Demonstran Program 47

BAB 5 KESIMPULAN DAN SARAN 57

5.1 Kesimpulan 57

5.2 Saran 58

DAFTAR PUSTAKA

(9)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

DAFTAR GAMBAR

Halaman

Gambar 4.1 Windows XP 44

Gambar 4.2 Macromedia Dreamweaver 8 45

Gambar 4.3 Internet Explorer 46

Gambar 4.4 Tampilan Halaman Utama 47

Gambar 4.5 Tampilan Visi dan Misi 47

Gambar 4.6 Tampilan Agenda Pembangunan 48

Gambar 4.7 Tampilan Arti Lambang Daerah 48

Gambar 4.8 Tampilan Struktur Organisasi 49

Gambar 4.9 Tampilan Halaman Buku Tamu 49

Gambar 4.10 Data Pegawai Sekretariat kab.PaLUta 50

Gambar 4.11 Data Pegawai Sekretariat DPRD 50

Gambar 4.11 Data Pegawai Dinas Pendidikan 51

Gambar 4.12 Data Pegawai Dinas Pekerjaan Umum 51

Gambar 4.13 Data Pegawai Dinas Pertanian 52

Gambar 4.14 Data Pegawai Dinas Kehutanan dan Perkebunan 52

Gambar 4.15 Data Pegawai Dinas Kesehatan dan Sosial 53

Gambar 4.16 Tampilan Halaman administrator 53

Gambar 4.17 Konfigurasi Data Pegawai Dinas Pendidikan 54

Gambar 4.18 Halaman Input Data Dinas Pendidikan 54

Gambar 4.18 Halaman Edit Data Dinas Pendidikan 55

Gambar 4.19 Halaman Edit Buku Tamu 55

(10)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

DAFTAR TABEL

Halaman

Tabel 3.1 Tabel admin 27

Tabel 3.2 Tabel bukutamu 27

Tabel 3.3 Tabel secretariat 27

Tabel 3.4 Tabel dprd 28

Tabel 3.5 Tabel pendidikan 28

Tabel 3.6 Tabel pekerjaan 28

Tabel 3.7 Tabel pertanian 28

Tabel 3.8 Tabel kehutanan 29

(11)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Dalam masa globalisasi sekarang ini, komputer merupakan alat yang sangat

dibutuhkan mulai dari perusahaan-perusahaan, instansi pemerintahan,

sekolah-sekolah, perguruan tinggi, dan lembaga atau organisasi. Pemakaian komputer saat ini

semakin berkembang pesat disegala bidang sesuai dengan kemajuan Zaman.

Kebutuhan akan informasi yang akurat dan tepat waktu untuk menyajikan data yang

lengkap sangat diperlukan. Oleh sebab itu aplikasi web saat ini sangat berkembang

untuk membantu penyampaian informasi dengan sangat cepat.

Aplikasi web atau bisa disebut juga dengan perangkat lunak berbasis web telah

berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan

dan kompleksitasnya. Aplikasi web pada mulanya hanya berupa situs web yang

bersifat statis dan navigated oriented, serta lebih banyak digunakan sebagai brosur

produk atau profil perusahaan online. Pada saat ini aplikasi web sangat banyak yang

bersifat dinamis, interaktif dan task oriented untuk digunakan dalam sistem informasi,

(12)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Informasi ditampilkan dengan menggunakan web pun bermacam-macam,

salah satu informasi yang dapat kita peroleh adalah website kantor Bupati Padang

Lawas utara. Oleh karena itu dengan terus berkembang teknologi, kantor Bupati

Padang Lawas Utara perlu mempromosikan dirinya melalui website yang online

diinternet sehingga masyarakat dapat dengan mudah mengakses dan mengetahui

segala sesuatu mengenai Kantor Bupati Padang Lawas Utara Sumatera Utara.

Dengan pertimbangan tersebut dan pribadi penulis yang ingin menerapkan

pengetahuan yang telah diperoleh maka penulis memutuskan untuk membuat suatu

aplkasi web dengan judul:

“Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas

Utara Dengan Menggunakan PHP dan MYSQL.”

1.1 Identifikasi Masalah

Pada umumnya setiap instansi pemerintahan memerlukan sarana dan memberikan

serta menyebarkan informasi perusahaan melalui internet. Maka penulis mencoba

menidentifikasi masalah sebagai berikut:

1. Sejauh mana website ini dapat dirancang dengan semenarik mungkin

sehingga dapat memenuhi keinginan masyarakat mengenai Kantor Bupati

(13)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

2. Informasi apa-apa saja yang disediakan dalam web Kantor Bupati Padang

Lawas Utara sehingga oleh pengujung dapat dirasakan manfaatnya.

1.2 Maksud dan Tujuan

Maksud dari penelitian yang telah dilakukan adalah untuk menemukan suatu cara

pemecahan masalah yang tepat dalam pengolahan data pada Kantor Bupati Padang

Lawas Utara.

Tujuan dari penelitian ini adalah :

1. Membantu pihak Kantor Bupati Padang Lawas Utara dalam meancang

sistem informasi sehingga informasi yang akurat dapat diperoleh.

2. Mempersingakat waktu dalam penyusunan administrasi Kantor Bupati

Padang Lawas Utara.

3. Mengaplikasi ilmu yang telah diterima di bangku kuliah untuk

menghasilkan sistem informasi Kantor Bupati Padang Lawas Utara.

1.3 Batasan Masalah

Untuk menghindari pentimpangan dari maksud dan tujuan penulis tentang sistem

informasi pada Kantor Bupati Padang Lawas Utara yang bersangkutan, maka penulis

membuat batasan yang membahas tentang informasi seputar internal Kantor Bupati

(14)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Aplikasi web ini dibuat sistem operasi Windows XP mengunakan apliksi

server PHPTriad yang terdiri dari Apache Web server, PHP, MySQL, serta

menggunakan Macromedia Dreamweaver 8 sebagai editor perancangan dan

pembangun.

1.4 Metode Penelitian

Dalam penulisan tugas akhir telah memperoleh data yang diperlukan berkaitan dengan

sistem yang akan dirancang. Adapu yagn menjadi metodologi penelitian yang

digunakan penulis antara lain :

1. Library Research

Kegiatan penelitian yang dilakukan dengan cara membaca buku-buku

Referensi yang behubungan dengan judul Tugas Akhir.

2. Field Research

Pada metode ini, penulis secara langsung melakukan penelitian pada objek.

Untuk medapat data ini penulis menemph bebrapa cara :

a. Data Tulisan

Data yang diperoleh berupa tulisan yang berkaitan denagn judul Tugas

Akhir.

b. Pengamatan (Observasi)

Penelitian ini dilakukan melalui pengamatan langsung pada objek yang

(15)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

c. Wawancara (Interview)

Pada bagian ini penulis bertanya langsung pada pegawai bagian umum

dan bagian kepegawaian kantor Bupati Padang Lawas utara terkait

dengan pembahasan judul Tugas Akhir.

d. Studi Leteratur

Mempelajari site-site yang berhubungan dengan Tugas Akhir, Seperti

situs-situs pemerintahan yang ada didaerah maupun dipusat dan

mempelajari bahasa-bahasa pemrogram web dengan mengujungi

situs-situs yang menyediakan tutorial pemrograman web seperti

1.5 Sistematika Penulisan

Penyusunan laporan ini menggunakan format yang sesuai dengan langkah-langkah

penelitian yang dilakukan. Secara garis besar laporan ini disusun sebagai berikut :

BAB 1 PENDAHULUAN

Dalam bab ini akan dijelaskan mengenai latar belakang, identifikasi

masalah, maksud dan tujuan, batasan masalah, metode penelitian dan

(16)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

BAB 2 LANDASAN TEORI

Bab ini penulis membahas mengenai beberapa hal yang berhubungan

dengan sistem, data dan informasi, sistem informasi, pengenalan web,

web server, HTTP (Hypertext Transfer Protocol), HTML (Hypertet

Markup Language), pengenalan PHP, MySQL dan Macromedia

Dreamweaver 8.

BAB 3 PERANCANGAN SISTEM

Bab ini berisikan tentang rancangan sistem yang dibentuk, yang

berisikan sistem terpadu dengan database, rancangan model tampilan

website, file yang digunakan, flowcahart index, serta data flow

diagram (DFD) .

BAB 4 IMPLEMENTASI SISTEM

Bab ini merupakan bagian yang berisi tentang pengertian dan tujuan

implementasi sistem, penjabaran elemen-elemen sistem dari segi

software, hardware, dan brainware, kebutuhan sistem serta

tahap-tahap implementasi.

BAB 5 KESIMPULAN DAN SARAN

Merupakan kesimpulan dari pembahasan yang menjawab pokok

perumusan masalah dan tujuan yang diangkat dalam tugas akhir ini

(17)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

BAB 2

LANDASAN TEORI

2.1 Sistem, Data dan Informasi

Kata sistem berasal dari bahasa Yunani “Sistema” yang berarti kesatuan. Sistem

adalah kumpulan elemen yang berhubungan, berinteraksi dan bergantungan satu sama

lain dan terpadu.

Suatu sistem terdiri dari sistem-sistem bagian (subsistem). Masing-masing

subsistem terdiri dari subsistem-subsistem yang lebih kecil lagi atau terdiri dari

komonen-komponen. Subsistem-subsistem saling berinteraksi dan saling berhubungan

membentuk suatu kesatuan sehingga tujuan dan sasaran sistem tersebut dapat tercapai.

Data menyatakan segala hal, peristiwa atau kenyataan lain apapun yang

mengandung sesuatu pengetahuan yang dijadikan dasar untuk penyusun keterangan,

pembuatan kesimpulan, atau penetapan keputusan. Data ibarat suatu bahan mentah,

yang melalui pengolahan tertentu menjadi keterangan (informasi). Data dapat meliputi

kata-kata, bagan, grafik ataupun simbol yang mengambarkan suatu ide, objek, kondisi

(18)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Informasi adalah suatu data yang telah disusun sedemikian rupa sehingga

bermakna dan bermanfaat karena dapat dikomukasi kepada seseorang yang akan

digunakan untuk membuat keputusan. Biasanya informasi terdiri dari selected data

atau sorted data yaitu data yang terpilih atau terpilah, tergabung dan disusun sesuai

dengan kebutuhan pemakai data.

Kualitas dari suatu informasi tergabung dari tiga hal yaitu:

1. Akurat, berarti informasi harus bebas dari kesalahan-kesalahan dan tidak bias

atau menyesatkan. Informasi harus akurat karena dari sumber informasi

sampai ke penerima informasi kemungkinan banyak terjadi gangguan (noise)

yang dapat mengubah atau merusak informasi tersebut.

2. Tepat pada waktunya, berarti informasi yang datang penerima tidak boleh

terlambat. Karena informasi merupakan landasan di dalam pengambilan

keputusan. Bila pengambilan keputusan terlambat, maka dapat berakibat fatal

bagi organisasi.

(19)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

2.2 Sistem Inforamasi

Sistem informasi dapat didefinisikan sebagai suatu sistem di dalam suatu oganisasi

yang merupakan kombinasi dari orang-orang, fasilitas, teknologi, media,

prosudur-prosedur dan pengendalian yang ditujukan untuk mendapatkan jalur komunikasi

penting, memproses tipe transaksi rutin tertentu, memberi sinyal kepada managemen

dan yang lainya terhadap kejadian-kejadian internal dan eksternal yang penting dan

menyediakan suatu dasar informasi untuk mengambil keputusan yang baik.

2.3 Pengenalan Web

Pada tahun 1989 Tim Berner-Lee, seorang progremer computer berkebangsaan inggris

yang bekerja pada Europan Phycs Laboratori ( CERN ) di Genewa, Swiss, melakukan

sesuatu yang berbeda dari apa yang telah dilakukan sebelumnya. Dia

mengkombinasikan hypermedia dengan sumber-sumber informasi internetyang sangat

luas. Sebelum ada web, kita dapat melekukan banyak hal menarik di internet, tetapi

tak satupun dapat dilakukan dengan mudah.

Solusi Berner-Lee adalah teknologi hypertext untuk membentuk dokumen

sebuah web. Tidak seperti kebanyakan buku atau kebanyakan database, web memiliki

banyak kemungkinan hubungan antar dokumen tanpa awal dan akhir. Semua detail

tentang bagaimana informasi ini dijalin, disembunyikan dengan suatu antarmuka

(20)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Dengan web, seorang ahli fisika dapat dengan mudah melompat dari suatu artikel pada

teori partikel disebuah mesin local ke suatu kamus istilah-istilah fisika nuklir pada

suatu system yang jauh ribuan mil. Dokumen web harus ditulis dalam suatu format

khusus yang memungkinkan hypertext harus saling terjalin untuk bekerja. Format ini

adalah hypertext Markup Language (HTML). HTML merupakan bagian dari Standart

Generalized Markup language (SGML). SGML merupakan standart dari International

Standards organization (ISO). Untuk mendefenisikan format pada dokumen teks.

Meskipun SGML ditunjukkan untuk desktop publishing. Berners – Lee dan

rekan-rekannya mengambil kemampuan hyperlink untuk membentuk dasar dokumen web

yang pertama.

Untuk mengakses untaian awal pada web yang pertama, kita harus

menggunakan suatu penjelajah web berbasis garis, sebuah interface yang sangat

sederhana, yang bahkan tidak dapat menggunakan karakter interface layar penuh.

Hampir terbatas untuk sebaris informasi. Untuk mendapatkan interface tersebut, kita

harus menggunakan telnet untuk salah satu dari dua server web yang pertama :

info.cern.ch atau nxo01.cern.ch. versi pertama ini, yang dijalankan dengan login

www, hanya mempunyai dua perintah: start a searce dan follow a link.

Versi www terbaru berbasis teks lebih canggih daripada pendahulunya.

Dengan introduksi web, pemakai mempunyai kemampuan untuk mencari informasi

tanpa khawatir dimana informasi tersebut atau bagaimana membukanya. Namun,

banyak data pada web tidak dalam format hypertext , jadi keuntungan hypertext tidak

(21)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

2.3.1 Web Server

Web server adalah computer yang mengirim halaman-halaman web. Setiap web server

mempunyai alamat IP dan nama. Computer dapat dijadikan sebagai web server

dengan diinstal software server dan menghubungkannya dengan internet. Terdapat

banyak software server baik yang gratis seperti yang dibuat oleh NCSA dan Apache,

maupun yang komersial, seperti yang dibuat Microsoft dan Nestcafe.

Website adalah kumpulan dari halaman-halaman situs, yang biasanya

terangkum dalam suatu domain atau subdomain, yang tempatnya berada didalam word

wide web di internet. Sebuah web page adalah dokumen yang ditulis dalam format

HTML ( Hypertext Markup Language) yang hamper selalu dapat diakses melalui

HTTP, yaitu protocol yang menyampaikan informasi dari server website untuk dapat

ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari

website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

Halaman –halaman dari website yang bisa diakses melalui URL yang biasa

disebut homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah

hirarki, meskipun hyperlink-hyperlink yang ada dihalaman tersebut mengatur para

pembaca dan memberitahu mereka susunan keseluruhan dan bagaimana arus

(22)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Beberapa website ini membutuhkan subskripsi (data masukan) agar para user bisa

mengakses sebagian atau keseluruhan isi website tersebut. Contohnya , ada beberapa

situs-situs bisnis, e-mail gratis yang membutuhkan subskripsi agar kita bisa

mengakses situs tersebut.

2.3.2 World Wide web

Saat ini jika orang berbicara mengenai internet, yang mereka maksud adalah bagian

dari internet yang disebut world Wide Web. Tidak diragukan lagi kemunculan world

Wide Web atau sering disebut web saja, membuat perhatian orang beralih ke internet

dari world wide web merupakan fasilitas yang paling disukai, fasilitas ini tergolong

masih baru di bandingkan dengan E-mail. Sebenarnya web terdiri dari beribu

dokumen-dokumen informasi yang berada pada computer server (web server).

Popularitas internet mulai berkembang pesat setelah standard baru yaitu HTTP

dan HTML diperkenalkan kepada masyarakat luas. HTTP ( Hyypertext Transfer

Protokol ) membuat pengaksesan informasi melalui protocol TCP/IP menjadi lebih

mudah dari sebelumnya. HTML ( Hypertext Markup Language ) memungkinkan

penyajian informasi secara visual lebih indah dan menarik.

Pada prinsipnya world wide web bekerja dengan cara menampilkan file-file

HTML yang berasal dari server web pada program client pada khususnya, yaitu

browser web, program browser, client mengirimkan perintah (request) kepada server

(23)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

yang kemudian akan dikirimkan oleh server dalam bentuk HTML. File HTML berisi

instruksi-instruksi yang diperlukan untuk membentuk tampilan. Perintah-perintah

HTML ini kemudian diterjemahkan oleh browser web sehingga informasinya dapat

ditampilkan secara visual kepada pengguna dilayar computer.

2.3.3 Hypertext Transfer Protocol ( HTTP )

HTTP ( Hypertext Transfer Protocol ) adalah sebuah metode yang dipakai untuk

mengirim atau mentransfer file-file web page dari server WWW computer client.

Protokol ini merupakan protocol yang standard yang dipakai untuk mengakses

dokumen HTML, atau sebuah protocol yang menentukan aturan main antara software

web browser dan software web server dalam penyediaan dokumen yang diminta oleh

browser.

HTTP bekerja diatas protocol TCP (Transmission Control Protokol ) yang

menjamin sampainya data di tujuan dalam urutan yang benar. Bila suatu kesalahan

terjadi selama proses pengiriman, pihak pengirim akan mendapat pemberitahuan

bahwa telah terjadi kesalahan. 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 halnya FTP, yang menjaga hubungan antara server dan client secara

konsisten. Setiap halaman web yang dikirim akan melibatkan satu proses

(24)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Setelah data ditransfer, koneksi antara server dan client akan diputus. Sifatnya ini

membuat HTTP sering disebut dengan istilah protocol hint dan run.

Suatu halaman web seringkali berisi beberapa file gambar atau beberapa file

lain. HTTP memaksa server untuk menjalin hubungan baru setiap kali hendak

mengirim satu buah file. Ini tidak menguntungkan dan efesien, mengingat proses

hubung-putus-hubung semacam ini menyebabkan beban bagi jaringan. Standard baru

protocol HTTP, yaitu / 1.1 yang baru-baru ini diperkenalkan, dirancang untuk

mengatasi masalah diatas.

Web diarahkan agar mengarah kepengguna persistent connection (sambungan

yang terjaga kesinambungan ) secara lebih efesien. Dalam HTTP/1.1, server tidak

akan memutuskan hubungan dengan client pada akhir pentrasferan dokumen.

Hubungan tetap dibuka untuk tetap melayani bila ada request lagi dan bila ada

permintaan dalam waktu singkat. Hubungan baru akan diputuskan setelah melewati

suatu batas waktu tertent, dan client tidak mengirimkan request lagi.

Standard HTTP/1.1 ini sekarang sudah mulai dimasyarakatkan dan banyak

paket perangkat lunak server web komersial dan non-komersial yangsudah

mendukung standard ini. Browser-browser web keluaran terbaru umumnya juga sudah

mendukung HTTP/1.1 ini. Keuntungan lain dari persistent connection adalah

(25)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Pipelining adalah proses pengiriman request berikutnya segera setelah request

sebelumnya dikirim tanpa menunggu balasan dari server terlebih dahulu. Servernya

tetap harus melayani setiap request secara berurutan, namun ini mengurangi waktu

tunda untuk setiap request. Hasilnya data akan lebih cepat sampai tujuan.

2.3.4 Hypertext Markup Language (HTML)

HTML ( Hypertext Markup Language ) merupakan salah satu format yang digunakan

dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Oleh karena

itu agar HTML. Walaupun sekarang telah banyak paket aplikasi yang dapat digunakan

untuk membat halaman web secara WYSIWYG ( What You See Is What You Get )

seperti Frontpage, Dreamweaver, Nestcape, Composer, dan masih banyak lagi, namun

kita tetap harus menguasai tag-tag dalam HTML terutama yang digunakan untuk

membuat aplikasi diinternet, karena kita akan tet ap bekerja dalam text editor

bilamana hendak menyisipkan setiap script program dalam script HTML.

Dikatakan Markup Language karena HTML berfungsi untuk memformat file

dokumen teks agar bisa ditampilakan pada web browser dengan bantuan tanda-tanda

yang sudah ditentukan. Hal itu dapat dilakukan dengan menambahkan elemen atau

yang sering disebut tag. Dalam penulisan tag HTML tidaklah bersifat case sensitive,

artinya penggunaan huruf kecil ataupun huruf besar tidaklah menjadi masalah. HTML

sendiri adalah suatu teks dokumen biasa yang mudah dimengerti dibanding bahasa

pemrograman lainnya, dank arena bentuknya itu maka HTML dapat dibaca oleh

(26)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Windows, Linux, Macinthos. Kata “Markup Language” pada HTML menunjukkan

fasilitas yyang berupa tanda tertentu dalam script HTML, dimana kita bisa mengatur

judul, garis, table, gambar, dan lain-lain dengan perintah yang telah ditentukan pada

elemen HTML. Setiap dokumen HTML memiliki struktur dasar atau susunan file

sebagai berikut :

<html>

<head>

<title>……….</title>

</head>

<body>

…isi dari halaman web……..

</body>

</html>

Keterangan :

1. Dokumen HTML selalu diawali dengan tag pembuka <html> dan diakhiri

dengan tag</html>.

2. Pada elemen head <head></head>, dapat disisipkan kode-kode untuk

menuliskan ketrangan tentang dokumen HTML. Atau dapat juga disisipkan

script-script pemrograman web seperti Java Script, VBScript, atau CSS untuk

menambah daya tarik pada situs yang kita buat agar lebih menarik dan

(27)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan

situs seperti : <font></font>, <table></table>, <form></form>.

Jadi jelas bahwa elemen adalah suatu bagian besar yang terdiri dari kode-kode tag

tesebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah

kode-kode yang digunakan untuk men-setting dokmen HTML. Secara garis besar bentuk

umum tag adalah sebagai berikut : <tag-awal>TEKS<tag-akhir>. Namun ada juga

tag yang tidak perlu ada penutup seperti : <br>, <hr>, <img>, dan lain-lain.

2.4 Pengenalan PHP

PHP dapat diartikan sebagai Hypertext Preprocessor yang digunakan sebagai bahasa

scrip server-side dalam pengebangana web yang disisipkan pada dokumen HTML.

Maksud dari script server-side adalah sintaks dan perintah-perintah yang diberikan

akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML.

Pembuatan web ini merupakan kombinasi antara PHP sendiri sebagai bahasa

pemrograman dan HTML sebagai pembangun halaman web. Ketika seorang pengguna

internet membuka suatu yang menggunakan fasilitas script server-side PHP, maka

semua perintah PHP deserver lalu mengirimkannya dalam format HTML ke web

browser pengguna internet tadi. Dengan demikian seorang pengguna internet tidak

dapat melihat kode program yang ditulis dalam PHP sehingga keamanan dari halaman

web menjadi lebih terjamin. Penggunaan PHP memungkinkan web dapat dibuat

dinamis sehingga maintenance situs web tersebut dapat menjadi lebih mudah dan

(28)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

PHP merupakan software open source yang disebarkan dan dilisensikan secara gratis

serta dapat di-download secara bebas dari situs resminya.

2.4.1 Sejarah Singkat PHP

PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994. Awalnya,PI

digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung

homepagenya. Rasmus Lerdorf adalah seorang pendukung open source. Oleh karena

itu, ia mengeluarkan personal Home Page Tools versi 1.0 secara gratis, kemudian

menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan dalam website-website di

dunia.sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew,

Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama

untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan.

Penyepurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. Tidak

berhenti sampai disitu, kemudian PHP terus ditambah, versi terbaru yang telah

dikeluarkan adalah PHP 5.0.x.

2.4.2 Kelebihan-Kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki oleh bahasa scipt sejenis. PHP

difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang

dapat dilakukan CGI, seperti mengumpulkan dari form, menghasilkan isi halaman

(29)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

dan kemampuan mengirim serta menerima cookies, bahkan lebih daripada

kemampuan CGI.

PHP tidak terbatas pada semua system operasi, antara lain : Linux, Unix

(termasuk variannya HP-UX, solaris dan OpenBSD), Microsoft Windows, Mac OS X,

RISC OS. PHP juga mendukung banyak web server seperti : Apache, Microsoft

Internet Information Server (MIIS), Personal Web Server (PWS), Nestcape and

iplanet Server, Oreilly Website Pro Server, Audium, Xitami, OmniHTTPd, dan masih

banyak lagi yang lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.

PHP tidak terbatas pada hasil keluaran HTML (Hypertext Markup

Languageps). PHP jug memiliki kemampan untuk mengolah keluaran gambar, file

PDF, dan movies Flash. PHP juga dapat menghasilkan text seperti XHTML dan file

XML lainny. Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya

terhadap banyak database.

2.4.3 Sintaks PHP

Sintaks Program/Script PHP ditulis dalam apitan tanda khusus PHP. Ada empat

macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP.

1. <?php

….pernyataan..

(30)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

2. <sript language =”PHP”

…pertnyataan…

</script>

3. <?

...pernyataan..

?>

4. <%

...pernyataan..

%>

Cara 1 dan 2 merupakan cara yang paling umum digunakan, sekalipun cara 3

tampak lebih praktis karena cara 3 tidak selalu diaktifkan pada konfigurasi file

php.ini yang dapat pada direktori c:\apache\php. Cara 4 juga dimungkinkan

sebagai kemudahan bagi pengguna yang sudah terbiasa dengan ASP ( active

server pages). Namun, bila itu tidak dikenal, maka harus dilakukan pengaktifan

pada file konfigurasi php,ini.

2.5 MySQL

MySQL adalah sebuah database yang dapat berjalan sebagai Server maupun Client.

Produk database MySQL ini memiliki General Public Licence, dan bersifat Open

Source, sehingga bebas untuk digunakan, diedarkan, maupun dikembangkan kembali,

(31)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Sejarah MySQL dimulai dari artikel seorang penelitian dari IBM bernama EF Codd

yang membahas tentang ide pembuatan basis data relasional pada bulan juni tahun

1970. dalam artikel ini juga dibahas tentang kemungkinan pembuatan bahasa standart

untuk mengakses data dalam basis data tersebut. Bahasa tersebut kemudian diberi

nama SEQUEL (Structured English Query Language).

Setelah terbitnya artikel tersebut, maka IBM mengadakan proyek pembuatan

basis data relasional beserta SEQUEL. Akan tetapi karena permasalahan hukum

mengenai penamaan SEQUEL, maka IBM merubahnya menjadi SQL. Implementasi

basis data relaional dikenal dengan System/R.

2.6 Macromedia Dreamweaver 8

Macromedia Dreamweaver 8 memiliki kemampuan untuk menyunting kode dengan

lebih baik serta mampu menggabungkan layout site dengan programming webnya.

Kehebatan Dreamweaver 8 ini menjadikan Dreamweaver 8 lebih banyak digunakan

oleh web Desainer maupun web programmer guna membangun situs web. Ruang

kerja, fasilitas, dan kemampuan Dreamweaver 8 mampu meningkatkan produktivitas

dan efektivitas dalam desain maupun membangun situs web. Dreamweaver 8

didukung dengan cara pemakaian yang praktis dan standar, dan juga didukung untuk

pengembangan penggunaan CSS, XML, dan RSS, serta kemudahan-kemudahhan lain

(32)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Seperti halnya dengan program-program lain, untuk menjalankan Macromedia

Dreamweaver 8 mulailah dengan memilih tombol Start pada taskbar, kemudian pilih

All Program pada tampilan start Menu Program, pilih folder Macromedia dan klik

Macromedia Dreamweaver 8. Pada saat awal pembukaan akan tampil Start Page

atau halaman awal dari Dreamweaver 8.

(33)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Komponen yang terdapat pada area kerja Macromedia Dreamweaver 8 adalah :

1. Dokument Window merupakan bagian yang digunakan untuk mendesain

halaman situs Web. Pada Dokumen Window dapat disisipkan teks, image,

serta objek lain yang mendukung pembuatan sits Web.

2. Menu utama berisi semua perintah yang dapat digunakan untuk bekerja

pada dreamweaver 8 serta mudah untuk dipahami, karena sebagian besar

fungsi menu terdapat juga dalam fanel. Yaitu : menu file dan menu edit.

3. Insert Bar merupakan tool yang digunakan untuk membuat dan

menyisipkan objek kedalam dokumen Web. Ada enam kelompok kategori

yang digunakan untuk insert bar, yaitu : Common, Layout, Form, Text

HTML, dan Aplication yang masing-masing memiliki beberapa tool dan

kegunaannya.

4. Panel Group adalah kumpulan panel window yang saling berkaitan satu

sama lainnya dan dikelompokan bersama dibawah satu judul untuk

membantu bekarja dengan Dreamweaver 8.

5. Properti Inspector dalam dokumen ini terdapat text, image maupun table

yang memiliki property atau aturan dalam mengelolanya. Pengaturan

properti-properti tersebut dengan menggunakan jendela Property Inspector.

Mengelolah properti dalam Property Inspector sangat mudah karena

tinggal memasukkan nilai-nilai parameter yanng sudah disediakan. Secara

umum Property Inspector terdiri dari Page Property, Table Property, Image

(34)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perancangan system adalah merupakan upaya perusahaan untuk memiliki system, baik

yang lama maupun untuk memulai system yang baru. Perancangan system dilakukan

setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.

3.2 Data Flow Diagram (DFD)

Data Flow Diagram adalah gambaran sistem secara logika. Gambaran ini tidak

tergantung pada perangkat keras, perangkat lunak, sturuktur data atau organisasi. Pada

tahap analisis, penanganan notasi simbol lingkaran dan anak panah

mewakili/menggambarkan arus data pada perancangan sistam sangat membantu

didalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk

(35)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

DATA FLOW DIAGRAM (DFD)

Gambar 3.1 Data Flow Diagram (DFD) Diagram Konteks Pegawai Pemerintahan Admin

Pimpinan - Data Pegawai Pemerintahan

Kab. Padang Lawas Utara - Data Buku Tamu

- Data Pegawai Pemerintahan Kab. Padang Lawas Utara - Info Pegawai

Pemerintahan Kab. Padang Lawas Utara - Info Pegawai Pemerintahan

- Info Buku Tamu

Laporan Sistem Informasi

(36)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Registrasi

- Data Pegawai Sekretariat - Data Pegawai Sekretariat DPRD - Data Pegawai Dinas Pendidikan - Data Pegawai Dinas Pekerjaan Umum,

Pertambangan dan Energi - Data Pegawai Dinas Pertanian - Data Pegawai Dinas Kehutanan dan

Perkebunan

(37)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.2 Data Flow Diagram (DFD) Level 0

3.3. Rancangan Database

Database adalah kumpulan dari data yang berhubungan satu dengan yang lainnya,

tersimpan diperangkat keras computer dan menggunakan perangkat lunak untuk

memanipulasinya. Database merupakan salah satu komponen yang penting dalam

system komputerisasi, karena merupakan database dalam menyediakan informasi bagi

pengguna.

Adapun perancangan database mengenai system informasi ini diperlukan beberapa

table database sebagai berikut :

NB :

Semua field name : not null semua. Setiap tipe data int pada database ini dalam bentuk auto_increment

Tabel 3.1 admin

Field Name Data Type Width Description

Nama Varchar 10 User Name

Password Varchar 10 Password

Tabel 3.2 bukutamu

Field Name Data Type Width Description

No Int 3 Nomor

Nama Varchar 25 Nama Pengisi Buku Tamu

Email Varchar 25 Alamat Email Pengisi Buku Tamu

Komentar Varchar 100 Komentar

Tabel 3.3 secretariat

(38)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Nip Varchar 9 Nomor NIP

Nama Varchar 30 Nama Pegawai

Gol Varchar 5 Golongan Pegawai

Posisi Varchar 35 Posisi Pegawai

Tabel 3.4 dprd

Field Name Data Type Width Description

Nip Varchar 9 Nomor NIP

nama Varchar 30 Nama Pegawai

gol Varchar 5 Golongan Pegawai

posisi Varchar 35 Posisi Pegawai

Tabel 3.5 pendidikan

Field Name Data Type Width Description

nip Varchar 9 Nomor NIP

nama Varchar 30 Nama Pegawai

gol Varchar 5 Golongan Pegawai

posisi Varchar 35 Posisi Pegawai

Tabel 3.6 pekerjaan

Field Name Data Type Width Description

nip Varchar 9 Nomor NIP

nama Varchar 30 Nama Pegawai

gol Varchar 5 Golongan Pegawai

posisi Varchar 35 Posisi Pegawai

Tabel 3.7 pertanian

Field Name Data Type Width Description

nip Varchar 9 Nomor NIP

nama Varchar 30 Nama Pegawai

gol Varchar 5 Golongan Pegawai

(39)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Tabel 3.8 kehutanan

Field Name Data Type Width Description

nip Varchar 9 Nomor NIP

nama Varchar 30 Nama Pegawai

gol Varchar 5 Golongan Pegawai

posisi Varchar 35 Posisi Pegawai

Tabel 3.9 kesehatan

Field Name Data Type Width Description

nip Varchar 9 Nomor NIP

nama Varchar 30 Nama Pegawai

gol Varchar 5 Golongan Pegawai

(40)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

3.4 Flowchart (Diagram Alir)

(41)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.12 Flowchart Halaman Utama

Keterangan :

Link 01 = Login Admin Link 02 = Visi dan Misi

Link 03 = Agenda Pembangunan Link 04 = Arti Lambang Daerah

Link 05 = Struktur Organisasi Link 06 = Buku Tamu

Link 07 = Sekretariat Kab. Paluta Link 08 = Sekretariat DPRD

Link 09 = Dinas Pendidikan Link 10 = Dinas Pekerjaan Umum, Pertambangan

dan Energi

Link 11 = Dinas Pertanian Link 12 = Dinas Kehutanan dan Perkebunan

(42)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.13 Flowchart Login Admin

Admin

Ketik User Name dan Password

Login ?

Home ?

Valid ? Baca User Name dan Password

Menu Admin

Menu Password

Tidak Sesuai

x y

y

y

n

n

(43)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

(44)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.14 Flowchart Menu Admin

Keterangan :

Pilihan 1 = Sekretariat Kab. Paluta Pilihan 2 = Sekretariat DPRD

Pilihan 3 = Dinas Pendidikan Pilihan 4 = Dinas Pekerjaan Umum, Pertambangan dan

Energi

Pilihan 5 = Dinas Pertanian Pilihan 6 = Dinas Kehutanan dan Perkebunan

Pilihan 7 = Dinas Kesehatan dan Sosial Pilihan 8 = Buku Tamu

(45)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.15 Flowchart Halaman Input, Edit dan Hapus Data Sekretariat Kab. Paluta

Tampil Halaman

y Edit

?

n B

Pengisian Data Sekretariat

Hapus Data

y Hapus

?

n

Back

?

n

y Tambah

Data

y

n

y

Edit Data

Simpan

?

Batal ?

Simpan Data

Bersihkan Form

Y y

(46)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.16 Flowchart Halaman Input, Edit dan Hapus Data Sekretariat DPRD

Tampil Halaman

y Edit

?

n C

Pengisian Data Sekretariat

Hapus Data

y Hapus

?

n

Back

?

n

y Tambah

Data

y

n

y

Edit Data

Simpan ?

Batal ?

Simpan Data

Bersihkan Form

Y y

(47)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.17 Flowchart Halaman Input, Edit dan Hapus Data Dinas Pendidikan

Tampil Halaman

y Edit

?

n D

Pengisian Data Sekretariat

Hapus Data

y Hapus

?

n

Back

?

n

y Tambah

Data

y

n

y

Edit Data

Simpan ?

Batal ?

Simpan Data

Bersihkan Form

Y y

(48)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.18 Flowchart Halaman Input, Edit dan Hapus Data Dinas Pekerjaan Umum, Pertambangan dan Energi

Tampil Halaman

y Edit

?

n E

Pengisian Data Sekretariat

Hapus Data

y Hapus

?

n

Back

?

n

y Tambah

Data

y

n

y

Edit Data

Simpan ?

Batal ?

Simpan Data

Bersihkan Form

Y y

(49)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.19 Flowchart Halaman Input, Edit dan Hapus Data Dinas Pertanian

Tampil Halaman

y Edit

?

n F

Pengisian Data Sekretariat

Hapus Data

y Hapus

?

n

Back

?

n

y Tambah

Data

y

n

y

Edit Data

Simpan ?

Batal ?

Simpan Data

Bersihkan Form

Y y

(50)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.20 Flowchart Halaman Input, Edit dan Hapus Data Dinas Kehutanan dan Perkebunan

Tampil Halaman

y Edit

?

n G

Pengisian Data Sekretariat

Hapus Data

y Hapus

?

n

Back

?

n

y Tambah

Data

y

n

y

Edit Data

Simpan ?

Batal ?

Simpan Data

Bersihkan Form

Y y

(51)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.21 Flowchart Halaman Input, Edit dan Hapus Data Dinas Kesehatan dan Sosial

Tampil Halaman H

y Edit

?

Hapus Data

y Hapus

?

n

Back

?

n

y

n

y

Edit Data

Simpan

?

Batal ?

Simpan Data

Bersihkan Form

Y y

(52)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 3.22 Flowchart Halaman Edit dan Hapus Data Buku Tamu

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Sistem yang telah selesai dirancang selanjutnya akan diteruskan ke tahap

pengimplementasian sistem. Jadi tahap implementasi sistem ini merupakan kelanjutan

dari tahap perancangan sistem. Pada tahap implementasi ini difokuskan pada

penerapan sistem yang didesain dengan bahasa pemrograman yang sesuai, sehingga

pada akhirnya diperoleh hasil sesuai dengan yang diinginkan.

Implementasi sistem adalah penerapan sistem informasi dalam mengolah data

untuk berbagai bidang kegiatan organisasi atau perusahaan yang menghasilkan bentuk

(53)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

4.2 Tujuan Implemetasi Sistem

Adapun tujuan-tujuan dari implementasi sistem, yaitu:

a. Menyelesaikan desain sistem yang ada dalam dokumentasi yang

telah disetujui, menyusun dokumen baru atau dokumen yang akan

diperbaiki.

b. Menulis, menguji dan mendokumentasikan program serta prosedur

yang diperlukan pada sistem yang telah disetujui.

c. Memastikan bahwa pemakai dapat mengoperasikan sistem yang

baru yaitu dengan mempersiapkan manual pemakai dan

dokumentasi yang lain serta melatih pemakai.

d. Mempertimbangkan/memperhitungkan bahwa sistem memenuhi

permintaan pemakai, yaitu dengan menguji sistemsecara

(54)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

e. Memastikan bahwa konversi sistem yang baru berjalan dengan

benar, yaitu dengan membuat rencana, mengontrol dan melakukan

instalasi sistem yang baru secara benar.

4.3 Komponen-komponen Sistem

Adapun kebutuhan sistem yang diperlukan dalam pembuatan sistem ini adalah :

4.3.1 Perangkat Keras (Hadware)

Hardware adalah seluruh komponen peralatan yang membentuk suatu sistem

komputer dan peralatan lainnya yang memungkinkan dapat melaksanakan tugasnya.

Adapun persyaratan minimun hardware yang dibutuhkan agar sistem dapat berjalan

antara lain:

1. Monitor super VGA.

2. CPU (Central Proccessing Unit).

3. Harddisk sebagai tempat sistem beroperasi dan media penyimpanan.

4. Memori 512 MB.

5. Keyboard dan Mouse.

4.3.2 Software

Ada beberapa software yang perlu diinstal dalam membuat website, antara lain:

(55)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 4.1 Windows XP

2. Software Apache (server), Mysql (Database), PHP(scrip). Software ini

bisa diganti dengan PhpTriad 2.2.1.

3. Macromedia Dreamweaver 8, supaya mudah dalam mendesain website

dan mengkoneksikan antara MySQL dengan scrip PHP.

(56)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

4. Mozilla Firefox atau Internet Explorer, untuk melihat hasil jadi website

yang dirancang. Lebih baik menggunakan Mozilla Firefox karena bisa

membuka situs lain dalam 1 (satu) Windows [Tekan Ctrl+T]. makin tinggi

versinya makin lebih baik.

Gambar 4.3 Internet Explorer

5. Adobe Photoshop, untuk megedit image yang akan kita tampilkan di

website yang kita rancang.

Perangkat Operator (Brainware)

1. Sistem analis, yaitu orang yang membentuk dan memangun fasilitas

rancngan sistem

2. Progremer yang bertugas untuk membuat dan membangun program

(57)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

3. Operetor, yaitu orang yang menangani langsung dalam pengolahahn data,

mulai dari mempersiapkan data sampai dalam pengentrian/ pemasukan

data dalam komputer.

4.4 Demonstrasi Program

4.4.1 Tampilan Menu Utama

Gambar 4.4 Tampilan Halaman Utama

(58)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 4.5 Tampilan Visi dan Misi

4.4.3 Agenda Pembangunan

(59)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

4.4.4 Arti Lambang Daerah

Gambar 4.7 Tampilan Arti Lambang Daerah

4.4.5 Struktur Organisasi

Gambar 4.8 Tampilan Struktur Organisasi

(60)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 4.9 Tampilan Halaman Buku Tamu

4.4.7 Sekretariat kab.PaLUta

Gambar 4.10 Data Pegawai Sekretariat kab.PaLUta

(61)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 4.11 Data Pegawai Sekretariat DPRD

4.4.9 Dinas Pendidikan

(62)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

4.4.10 Dinas Pekerjaan Umum

Gambar 4.13 Data Pegawai Dinas Pekerjaan Umum

4.4.11 Dinas Pertanian

(63)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

4.4.12 Dinas Kehutanan dan Perkebunan

Gambar 4.15 Data Pegawai Dinas Kehutanan dan Perkebunan

(64)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 4.16 Data Pegawai Dinas Kesehatan dan Sosial

4.4.14 Tampilan Halaman Administrator

Gambar 4.17 Tampilan Halaman administrator

4.4.15 Konfigurasi Data Pegawai Dinas Pendidikan

(65)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

4.4.16 Tampilan Input Data Pegawai Dinas Pendidikan

Gambar 4.19 Halaman Input Data Dinas Pendidikan

4.4.17 Tampilan Edit Data Pegawai Dinas Pendidikan

(66)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

4.4.18 Tampilan Halaman Edit Buku Tamu

Gambar 4.21 Halaman Edit Buku Tamu

(67)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Gambar 4.22 Halaman Logout

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam penulis Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalm

pembutan web Kantor Bupati Padang Lawas Utara. Maka dapat disimpulkan :

1 Situs Kantor Bupati Padang Lawas Utara memberikan informasi yang

(68)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

2. Situs Kantor Bupati Padang Lawas Utara ini adalah sarana informasi

online yang bisa diakses oleh siapapun, baik dari pihak pegawai Kantor

Bupati padang Lawas Utara maupun dari pihak lain.

3. Proses penyampaian informasi yang membutuhkan tenaga dan waktu dapat

dikurangi dengan menggunakan system online yang berbantuan komputer

melalui jaringan internet.

5.2 Saran

1. Diharapkan kepada pihak Kantor Bupati padang Lawas Utara untuk

berpatisipasi dalam memelihara dan memperbaharui web yang telah ada,

agar dapat memberikan informasi kepada pengunjung dengan baik .

2. Kemudian dalam penjelajahan web Kantor Bupati padang Lawas Utara

perlu diperhatikan agar pengunjung dapat menerima informasi dengan

(69)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

3. Isi dan kecepatan web Kantor Bupati padang Lawas Utara perlu

diperhatikan agar pengujung tidak merasa bosan saat mengakses web

tersebut.

DAFTAR PUSTAKA

Arbie, 2004. Manajemen Data base dengan MySQL, Jilid 1 Yogyakarta: Andi

Yogyakarta

Abdul Kadir, Dasar pemrograman Web Dinamis Menggunakan PHP,Penerbit Andi

Yogyakarta 2002-2003.

Bunafit Nugroho, Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL,

(70)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

Lenawati Mei, 2007. Mahir dalam 7 hari: Macromedia Dreamweaver 8 dengan PHP,

penerbit Andi, Madcoms Yogyakarta.

Listing Program

// koneksi.php //

<?php

# FileName="Connection_php_mysql.htm" # Type="MYSQL"

# HTTP="true"

$hostname_konek = "localhost"; $database_konek = "paluta"; $username_konek = "root"; $password_konek = "";

$konek = mysql_pconnect($hostname_konek, $username_konek, $password_konek) or trigger_error(mysql_error(),E_USER_ERROR);

(71)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

// index.php //

<?php require_once('Connections/konek.php'); ?> <?php

// *** Validate request to login to this site. session_start();

$loginFormAction = $_SERVER['PHP_SELF']; if (isset($accesscheck)) {

$GLOBALS['PrevUrl'] = $accesscheck; session_register('PrevUrl');

}

if (isset($_POST['user'])) {

$loginUsername=$_POST['user']; $password=$_POST['pass']; $MM_fldUserAuthorization = "";

$MM_redirectLoginSuccess = "admin.php"; $MM_redirectLoginFailed = "forbiden.html"; $MM_redirecttoReferrer = false;

mysql_select_db($database_konek, $konek);

$LoginRS__query=sprintf("SELECT nama, password FROM admin WHERE nama='%s' AND password='%s'",

get_magic_quotes_gpc() ? $loginUsername : addslashes($loginUsername), get_magic_quotes_gpc() ? $password : addslashes($password));

$LoginRS = mysql_query($LoginRS__query, $konek) or die(mysql_error()); $loginFoundUser = mysql_num_rows($LoginRS);

if ($loginFoundUser) { $loginStrGroup = "";

//declare two session variables and assign them $GLOBALS['MM_Username'] = $loginUsername;

$GLOBALS['MM_UserGroup'] = $loginStrGroup;

//register the session variables session_register("MM_Username"); session_register("MM_UserGroup");

if (isset($_SESSION['PrevUrl']) && false) {

$MM_redirectLoginSuccess = $_SESSION['PrevUrl']; }

header("Location: " . $MM_redirectLoginSuccess ); }

else {

header("Location: ". $MM_redirectLoginFailed ); }

(72)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<title>Padang Lawas Utara</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="my_styles.css" rel="stylesheet" type="text/css">

<style type="text/css">

<table width="80%" border="0" align="center" cellpadding="1" cellspacing="3" bgcolor="#FF9E3D">

<tr bgcolor="#FF9E3D">

<td colspan="3"><div align="center"><img src="images/Header.jpg" width="870" height="145"></div></td>

</tr> <tr>

<td colspan="3" bgcolor="#FFFFFF">&nbsp;</td> </tr>

<tr>

<td colspan="3"><div align="right" class="Title1"><strong><marquee direction="left" onmouseout="this.scrollAmount=3"

onmouseover="this.scrollAmount=0" scrollamount="3">Selamat Datang Di Website Resmi Kabupaten Padang Lawas Utara Propinsi Sumatera

Utara.</marquee></strong></div></td> </tr>

<tr bgcolor="#FFFFFF">

<td colspan="3"><div align="right"><span class="title1"><strong> <script language=JavaScript> todaysDate = new Date(); dayarray = new

Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat",

"Sabtu"); montharray = new Array("Januari", "Pebruari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "Nopember", "Desember");

document.write(dayarray[todaysDate.getDay()] + ", " +

(73)

Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.

<1000){ document.write(todaysDate.getYear() + 1900); } else { document.write(todaysDate.getYear());

} </script>

</strong></span></div></td> </tr>

<tr>

<td width="20%"><form action="<?php echo $loginFormAction; ?>" method="POST" name="form_login" id="form_login">

<table width="160" border="0" cellpadding="1" cellspacing="1" bgcolor="#FFFFFF">

<tr>

<td width="70" class="Title2"><strong>User&nbsp;</strong></td> <td width="97"><input name="user" type="text" id="user" size="15" maxlength="10"></td>

</tr> <tr>

<td class="Title2"><strong>Password&nbsp;</strong></td> <td><input name="pass" type="password" id="pass" size="15" maxlength="10"></td>

</tr> <tr>

<td>&nbsp;</td>

<td><input name="Login" type="submit" id="Login" value="Login"></td> </tr>

</table> </form></td>

<td width="60%" rowspan="3" valign="top" bgcolor="#FFFFFF"><span class="style4">Sejarah Kab. Padang Lawas Utara</span><br><br>

Kabupaten Padang Lawas Utara baru dimekarkan dari kabupaten induk yaitu Tapanuli Selatan dengan UU Nomor 38 Tahun 2007, yang terdiri dari 9 kecamatan dan 388 desa, juga mempunyai keterbatasan dana untuk kebutuhan pembangunan di berbagai bidang yang diharapkan dapat meningkatkan pembangunan yang bermuara pada peningkatan kesejahteraan masyarakat.</p>

<p>Adapun tugas dan fungsi yang telah dilaksanakan oleh Pemerintah Kab. Padang Lawas Utara adalah sbb:

<ol>

<li>Proses perpindahan PNS telah terlaksana dengan baik,</li> <li>Struktur organisasi telah terbentuk,</li>

<li>Pejabat struktural telah diangkat dan dilantiK,</li>

<li>Penyusunan pemerintahan dan pelayanan umum masyarakat berjalan dengan baik,</li>

<li>Penyusunan RAPB Tahun 2008 telah selesai,</li>

<li>Penempatan perkantoran sementara SKPD dalam proses,</li>

<li>Koordinasi/fasilitasi pengangkatan/penetapan anggota DPRD berjalan dengan baik,</li>

<li>Koordinasi/fasilitas proses persiapan pelaksanaan Pilkada Gubsu dan Kabupaten berjalan dengan baik.</li>

Gambar

Gambar: Area Kerja Macromedia dreamweaver 8
Gambar 3.1  Data Flow Diagram (DFD) Diagram Konteks
table database sebagai berikut :
Tabel 3.4 dprd
+7

Referensi

Dokumen terkait

Progres Current Condition dan penyelenggaraan Prodi Ekonomi Syariah pada PTKI Swasta dan PTKI Negeri2. Progres Current Condition penyelenggaraan pendidikan pada Fakultas

Sistem Informasi geografis Untuk Pengelolaan Bentang Lahan Berbasis Sumber Daya Alam Buku 1 Sistem Informasi Geografis dan Pengindraan Jauh Menggunakan ILWIS Open Source..

Penelitian ini bertujuan untuk menguji secara empiris pengaruh penerapan sistem informasi akuntansi, komunikasi internal, dan kompensasi terhadap kinerja karyawan pada Usaha

JUDUL : DIY LAWAN VIRUS ZIKA PAKAI NYAMUK BER- WOLBACHIA. MEDIA : SEPUTAR INDONEISA TANGGAL : 1

Di bawah direktif Menteri Susi, kebijakan Indonesia untuk memberantas IUUF dari kapal asing dan investasi untuk armada kapal skala-kecil dapat mengurangi upaya penangkapan

Rukun ketiga: Zakat yaitu sedekah yang dibayyar oleh orang yang memiliki harta sampai nishab(kadar tertenrtu) setiap tahun,kepada yang berhak menerimanya seperti kaum fakir

PENGARUH GOOD CORPORATE GOVERNANCE (GCG) DAN VOLUNTARY DISCLOSURE TERHADAP BIAYA HUTANG (COST OF DEBT) PADA PERUSAHAAN PERBANKAN YANG TERDAFTAR DI BEI..

2,3 Pelayanan tindakan medis dapat menghasilkan limbah yang berpotensi menyebarkan virus, bakteri atau parasit kepada.. staf, pasien, masyarakat umum