• Tidak ada hasil yang ditemukan

Sistem Informasi Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai Berbasis Web

N/A
N/A
Protected

Academic year: 2016

Membagikan "Sistem Informasi Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai Berbasis Web"

Copied!
58
0
0

Teks penuh

(1)

SISTEM INFORMASI PEMERINTAHAN DESA FIRDAUS

KECAMATAN SEI RAMPAH KABUPATEN SERDANG BEDAGAI

BERBASIS WEB

TUGAS AKHIR

IKHFAL FAZWI

112406253

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

SISTEM INFORMASI PEMERINTAHAN DESA FIRDAUS

KECAMATAN SEI RAMPAH KABUPATEN SERDANG BEDAGAI

BERBAIS WEB

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli

Madya

IKHFAL FAZWI

112406253

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul

: SISTEM INFORMASI PEMERINTAHAN

DESA FIRDAUS KECAMATAN SEI

RAMPAH KABUPATEN SERDANG

BEDAGAI BERBASIS WEB

Kategori

: TUGAS AKHIR

Nama

: IKHFAL FAZWI

Nomor Induk Mahasiswa

: 112406253

Program Studi

: D-3 TEKNIK INFORMATIKA

Departemen

: MATEMATIKA

Fakultas

: MATEMATIKA DAN ILMU

PENGETAHUAN ALAM (FMIPA)

UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, April 2015

Komisi Pembimbing :

Diketahui/ Disetujui oleh

Ketua Prodi D3 Teknik Informatika

Dosen Pembimbing

FMIPA USU

Dra.Elly Rosmaini, M.Si

(4)

PERNYATAAN

SISTEM INFORMASI PEMERINTAHAN DESA FIRDAUS

KECAMATAN SEI RAMPAH KABUPATEN SERDANG BEDAGAI

BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa

kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, April 2015

Ikhfal Fazwi

(5)

PENGHARGAAN

Alhamdulillah, puji dan puja syukur penulis ucapkan kehadirat Allah SWT yang telah

memberi rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir

ini tepat pada waktunya. Tugas Akhir ini dibuat sebagai salah satu syarat untuk

menyelesaikan perkuliahan pada Program Studi D-3 Teknik Informasi Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Adapun judul

Tugas Akhir yang penulis buat adalah “SISTEM INFORMASI PEMERINTAHAN

DESA FIRDAUS KECAMATAN SEI RAMPAH KABUPATEN SERDANG

BEDAGAI BERBASIS WEB”.

Pada kesempatan ini penulis menghaturkan ucapan terima kasih kepada:

1.

Bapak Dr. Syahriol Sitorus, M.IT. selaku Dosen Pembimbing penulis yang

banyak sekali memberikan bantuan baik berupa saran maupun masukan dalam

penyelesaian Tugas Akhit ini.

2.

Bapak Dr. Sutarman, M.Sc. selaku Dekan Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sumatera Utara.

3.

Ibu Dra.Elly Rosmaini, M.Si. selaku Ketua Program Studi D3 Teknik Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4.

Bapak dan Ibu dosen serta Staf Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sumatera Utara.

5.

Bapak Edy Con. Sinulingga, S.E. selaku Kepala Desa Firdaus Kecamatan Sei

Rampah Kabupaten Serdang Bedagai.

6.

Keluarga tercinta yang terus memberi semangat dan motivasi yang besar kepada

penulis dalam penyelesaian Tugas Akhir ini.

7.

Teman satu doping khususnya Rahmad Riwanda dan Rio Manik yang mau

bekerja sama menyelesaikan Tugas Akhir ini.

8.

Terkhusus untuk teman yang sangat membantu penyelesaian website ini,

Nurmawan WS yang bersedia meluangkan waktunya kepada penulis.

9.

Kawan – kawan seperjuangan, Riri Tegar Lubis, Lisa Chairani, Indra Amhar,

Mustapa, Dede Sadega, Rizka Laila Siregar, dan teman seperjuangan lainnya

(6)

10.

Seluruh masyarakat Desa Firdaus Kecamatan Sei Rampah Kabupaten Sei

Rampah khususnya dalam mencapai kesuksesan website ini.

Penulis menyadari bahwa dalam penyelesaian Tugas Akhir ini banyak terdapat

kekurangan dan kesalahan, untuk itu penulis berharap adanya kritikan dan juga saran

yang membangun dari semua pihak untuk penyempurnaan Tugas Akhir ini. Pada

akhirnya, semoga Tugas Akhir ini dapat berguna dan bermanfaat untuk kita semua

dan untuk penulis khususnya.

Medan, April 2015

(7)

ABSTRAK

Pada penulisan Tugas Akhir ini, penulis membuat perancangan Sistem Informasi

Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai

Berbaisi Web merupakan sebuah

website

yang akan digunakan untuk dapat

mengakses data dari

website

pada internet.

Metode dan rancangan

website

ini menggunakan

PHP

,

MySQL,

dan

CSS

sebagaibahasa pemrogramanny. Cara kerja dari

website

yang dibuat adalah dengan

mengakses data yang terdapat di

website

Pemerintahan Desa Firdaus Kecamatan Sei

Rampah Kabupaten Serdang Bedagai.

Hasil rancangan dari

website

ini adalah dapat memberikan informasi tentang

Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai. Target yang akan

dicapai dalam perancangan

website

ini adalah pengunjung yang mampu mengakses

informasi tentang Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai

(8)

DAFTAR ISI

Halama

n

Persetujuan

i

Pernyataan

ii

Penghargaan

iii

Abstrak

v

Daftar Isi

vi

Daftar Gambar

viii

Daftar Tabel

ix

BAB 1 PENDAHULUAN

1

1.1 Latar Belakang

1

1.2 Permasalahan

3

1.3 Maksud Dan Tujuan

4

1.4 Metodologi Penelitian

4

1.5 Lokasi Dan Waktu

5

1.6 Sistematika Penulisan

5

BAB 2 LANDASAN TEORI

8

2.1 Pengertian Komputer

8

2.2 Internet

12

2.3 Word Wide Web (Web)

14

2.3.1 Sejarah Web

15

2.3.2 Web Browser

16

2.3.3 Fungsi WWW

17

2.3.4 Web Server

18

2.4 HTML (Hypertext Markup Language)

18

2.4.1 Dokumen HTML

19

2.4.2 Tag Dan Elemen Dalam HTML

20

2.5 PHP (Hypertext Preprocessor)

23

2.5.1 Sejarah PHP

23

2.5.2 Hubungan PHP dengan HTML

26

2.5.3 Kelebihan PHP

27

2.6 CSS (Cassading Style-Sheet)

28

2.6.1 Sejarah CSS

29

2.6.2 Kelebihan Pengunaan CSS

30

2.7 MySQL

30

2.8 Sistem Informasi

31

BAB 3 GAMBARAN SEKILAS TENTANG PEMERINTAHAN DESA FIRDAUS

KECAMATAN SEI RAMPAH KABUPATEN SERDANG BEDAGAI

35

3.1 Latar Belakang Pemerintahan Desa Firdaus Kecamatan Sei Rampah

(9)

3.2 Keadaan Wilayah Desa Firdaus Kecamatan Sei Rampah Kabupaten

Serdang Bedagai

36

3.3 Latar Belakang Penduduk, Pendidikan, Dan Pekerjaan Masyarakat

Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai

36

BAB 4 PERANCANGAN SISTEM

38

4.1 Analisis Sistem

38

4.2 Perancangan Sistem

38

4.4 Metode Perancangan

39

4.4.1 Pembuatan Diagram Alir (Flowchart)

40

4.4.2 Diagram Konteks (Context Diagram)

42

BAB 5 IMPLEMENTASI SISTEM

51

5.1 Pengertian Implementasi Sistem

51

5.2 Komponen Pada Sistem

51

5.2.1 Hardware

52

5.2.2 Software

52

5.2.3 Brainware

54

5.3 Uji program

55

BAB 6 KESIMPULAN DAN SARAN

59

6.1 Kesimpulan

59

6.2 Saran

60

DAFTAR PUSTAKA

(10)

DAFTAR GAMBAR

Gambar

Judul

Halaman

Nomor

Gambar 2.1 Dokumen HTML5 Ditampilkan Pada Jendela Browser Mozilla

Firefox

22

Gambar 4.1 Flowchart Perancangan Website Pemerintahan Desa Firdaus

Kecamatan Sei Rampah Kabupaten Serdang Bedagai

40

Gambar 4.2 Flowchart Admin

42

Gambar 4.3 Diagram Konteks Perancangan Website Pemerintahan Desa

Firdaus Kecamatan Sei Rampah Kabupates Serdang Bedagai

43

Gambar 4.4 DFD Level 0

44

Gambar 4.5 DFD Level 1 Berita

45

Gambar 4.6 DFD Level 1 Gallery

46

Gambar 4.7 DFD Level 1 Komentar

47

Gambar 4.8 ERD Berita

48

Gambar 4.9 ERD Gallery

48

Gambar 4.10 ERD Komentar

48

Gambar 4.11 ERD Admin

49

Gambar 5.1 Windows 8

52

Gambar 5.2 Notepad ++

53

Gambar 5.3 XAMPP Control Panel

53

Gambar 5.4 Localhost XAMPP

54

Gambar 5.5 Tampilan Halaman Home

55

Gambar 5.6 Tampilan Halaman Profil

55

Gambar 5.7 Tampilan Halaman Berita

56

Gambar 5.8 Tampilan Halaman Gallery

56

Gambar 5.9 Tampilan Halaman Komentar

57

Gambar 5.10 Tampilan Halaman Contact

57

(11)

DAFTAR TABEL

Tabel Judul

Halaman

Nomor

Tabel 4.1 Tabel Database Berita

49

Tabel 4.2 Tabel Database Gallery

50

Tabel 4.3 Tabel Database Komentar

50

(12)

ABSTRAK

Pada penulisan Tugas Akhir ini, penulis membuat perancangan Sistem Informasi

Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai

Berbaisi Web merupakan sebuah

website

yang akan digunakan untuk dapat

mengakses data dari

website

pada internet.

Metode dan rancangan

website

ini menggunakan

PHP

,

MySQL,

dan

CSS

sebagaibahasa pemrogramanny. Cara kerja dari

website

yang dibuat adalah dengan

mengakses data yang terdapat di

website

Pemerintahan Desa Firdaus Kecamatan Sei

Rampah Kabupaten Serdang Bedagai.

Hasil rancangan dari

website

ini adalah dapat memberikan informasi tentang

Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai. Target yang akan

dicapai dalam perancangan

website

ini adalah pengunjung yang mampu mengakses

informasi tentang Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai

(13)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Kebutuhan akan informasi yang akurat dan tepat waktu untuk menyajikan data yang lengkap sangatlah diperlukan oleh instansi baik instansi pemerintah maupun instansi swasta, organisasi dan perusahaan. Komputer fungsinya adalah sebagai alat untuk mengolah data menjadi informasi yang benar, akurat, tepat guna dan tepat waktu.

Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi.

Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

Website jauh lebih cepat diakses, lebih mudah dimengerti dan efektif dalam hal biaya dibandingkan media lain. Kita dapat memasang artikel, gambar, dan berbagai macam informasi. Website juga dapat menjadi bagian penting promosi.

(14)

Pada umumnya tujuan suatu instansi pemerintahan atau perusahaan adalah untuk menjamin dan meningkatkan mutu dan kualitas dengan harapan dapat memperoleh hasil yang maksimal pada pelaksanaannya. Website di Pemerintahan Desa Firdaus dapat memberi kenyamanan pada masyarakat desa dan dapat memperkenalkan secara luas tentang desa kepada masyarakat .

Dengan pertimbangan diataslah penulis mengangkat judul “Sistem Informasi Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai Berbasis Web” sebagai salah satu acuan sarana alternatif dalam memperkenalkan desa secara luas. Dengan perkembangan dan kemajuan teknologi informasi di Indonesia dalam menyajikan informasi yang mudah dan tepat waktu untuk penyajian data maka sangat diperlukan oleh suatu instansi. Untuk itu sebuah istansi dituntut untuk bisa mempunyai sebuah website suatu sistem informasi. Kemudahan seorang pengunjung untuk memperoleh suatu data dan informasi melalui website dapat menjadi nilai tambah bagi instansi tersebut untuk mempromosikan desa.

1.2 Permasalahan

Setiap instansi pemerintahan tidak akan terlepas dari masalah dalam setiap kegiatan melayani kebutuhan masyarakat yang lebih baik. Salah satu masalah yang akan coba dipecahkan adalah bagaimana Pemerintahan Desa Firdaus bisa memanfaatkan pengaplikasian website sebagai suatu sarana untuk menyajikan informasi dengan mudah dan cepat bagi masyarakat yang membutuhkan dan untuk memperkenalkan secara luas desa tersebut secara umum.

Sehubungan dengan hal tersebut dapat dirumuskan permasalahan sebagai berikut: 1. Bagaimana memanfaatan pengaplikasian website dalam menyajikan informasi

mengenai Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai. 2. Bagaimana informasi mengenai Desa Firdaus Kecamatan Sei Rampah Kabupaten

Serdang bedagai dapat disajikan dengan baik.

3. Bagaimana informaso pada database berbasis website dapat diperbaharui (update) dengan mudah pada waktu yang diinginkan.

Untuk memudahkan penelitian agar tidak menyimpang dari tujuan, maka penulis melakukan pembatasan masalah:

(15)

2. Data yang di analisa adalah sejarah dan profil desa, pengunjung, serta informasi mengenai Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai.

1.3 Maksud dan Tujuan

Adapun maksud penulisan tugas akhir ini adalah untuk memenuhi syarat menyelesaikan perkuliahan di program studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam.

Tujuan dari penulisan tugas akhir ini adalah untuk merancang sistem informasi berbasis web pada Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai dengan menggunakan bahasa pemrograman web dan aplikasi lainnya untuk membantu dalam menyajikan informasi bagi pengunjung dalam perkembangan desa persebut.

1.4 Metodologi Penelitian

Adapun metodologi penelitian yang diguunakan penulis adalah : a. Penelitian kepustakaan (Library research)

Disini penulis menggunakan buku-buku dan blog yang berhubungan dengan masalah dalam menyusun tugas akhir sehingga dapat membantu penyelesaian masalah tersebut.

b. Penelitian lapangan (Field research)

Disini penulis melakukan studi lapangan dengan cara meneliti instansi pemerintahan secara langsung untuk mendapatkan data-data yang berhubungan dengan masalah yang di teliti.

1.5 Lokasi dan Waktu

(16)

1.6 Sistematika Penulisan

Adapun seistematika penulisan Laporan Tugas Akhir adalah sebagai berikut :

BAB 1 : PENDAHULUAN

Dalam bab ini penulis menguraikan latar belakang masalah, permasalahan maksud dan tujuan, ruang lingkup, metode penelitian, lokasi dan waktu serta sistematika penulisan.

BAB 2: LANDASAN TEORI

Dalam bab ini penulis menguraikan tentang pengertian yang berhubungan dengan komputer, sistem informasi, sejarah singkat internet, Word Wide Web, HTML, PHP, MySQL, Dreamweaver, dan Adobe Photoshop.

BAB 3: GAMBARAN SEKILAS TENTANG DESA FIRDAUS KECAMATAN SEI RAMPAH

Dalam bab ini peulis menjelaskan sekilas gambaran mengenai Sistem Informasi Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai Berbasis Web.

BAB 4: PERANCANGAN SISTEM

Dalam bab ini penulis menguraikan tentang perancangan sistem yang meliputi database dari sistem yang dirancang, gambaran aplikasi web yang akan dibuat serta bagaimana algoritma aplikasi tersebut dijalankan.

BAB 5: IMPLEMENTASI SISTEM

Dalam bab ini penulis menyajikan tentang pengrtian dan tujuan implementasi dan komponen-komponen yang dibutuhkan sistem.

BAB 6 : KESIMPULAN DAN SARAN

(17)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Komputer adalah alat yang dipakai untuk mengolah dirumuskan. Kata computer pada awalnya dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan perhitungan ini kemudian dipindahkan kepada mesin itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan denga

Dalam arti seperti itu terdapat alat seperti slide rule, jenis dari lebih baik yang cocok untuk arti luas seperti "komputer" adalah "yang mengolah atau berbeda dalam kata "komputer", dan beberapa kata yang berbeda tersebut sekarang disebut sebagai komputer.

Kata computer secara umum pernah dipergunakan untuk mendefiniskan orang yang melakukan perhitungan aritmatika, dengan atau tanpa mesin pembantu. Menurut Barnhart Concise Dictionary of Etymology, kata tersebut digunakan dalam bahasa Inggris pada tahun 1646 sebagai kata untuk "orang yang menghitung" kemudian menjelang 1897 juga digunakan sebagai "alat hitung mekanis". Selama Perang Dunia II kata tersebut menunjuk kepada para pekerja wanita perang dengan mesin hitung.

(18)

Sistem komputer adalah suatu sistem yang terdiri atas beberapa dan seluruh komponen yang bekerja dalam terlaksananya suatu proses pengolahan data dan menjadikan komputer sebagai alat yang bernilai guna. Sistem komputer memiliki beberapa komponen yaitu :

a. Perangkat Keras (Hardware)

Secara umum, perangkat keras atau hardware bisa didefinisikan sebagai sejumlah perangkat komputer yang secara fisik dapat dilihat dan diraba oleh manusia yang memiliki fungsi tertentu. Atau dengan kata lain, hardware memiliki wujud dan bentuk yang nyata dibanding dengan software.Perangkat keras ini terbagi atas 5 golongan yaitu:

1. Perangkat Masukan (Input Device)

Alat input yaitu perangkat yang berfungsi untuk memasukkan data, baik berupa teks, gambar dan sebagainya ke dalam komputer. Yang termasuk perangkat masukan adalah Keyboard, Mouse, Scanner, dan lain-lain.

2. Perangkat Keluaran (Output Device)

Alat output yaitu perangkat yang digunakan untuk menampung dan menghasilkan data yang dikeluarkan (informasi). Contoh dari perangkat keluaran yaitu Speaker, Monitor, Printer, dan sebagainya.

3. Perangkat Pengolah Data (Processor)

Alat processor yaitu perangkat yang dipergunakan untuk mengolah data menjadi informasi yang dibutuhkan. Yang termasuk perangkat pengolah data ini adalah mikroprosesor.

4. Perangkat Penyimpanan Data (Backing Storage)

Backing storage yaitu perangkat yang digunakan untuk menyimpan data baik yang sudah diproses maupun yang belum proses. Backing Storage ini terbagi lagi menjadi 2 bagian yaitu internal dan eksternal. Bagian internalnya meliputi RAM dan ROM, sedangkan bagian eksternalnya meliputi Harddisk, Floopy Drive, CD ROM, Flash Disk, dan sebagainya.

5. Perangkat Tambahan (Periferal Device)

(19)

b. Perangkat Lunak (Software)

Perangkat lunak (Software) merupakan data elektronik yang disimpan sedemikian rupa oleh komputer itu sendiri, data yang disimpan ini dapat berupa program atau instruksi yang akan dijalankan oleh perintah, maupun catatan-catatan yang diperlukan oleh komputer untuk menjalankan perintah yang dijalankannya. Untuk mencapai keinginannya tersebut dirancanglah suatu susunan logika, logika yang disusun ini diolah melalui perangkat lunak yang disebut juga dengan program beserta data-data yang diolahnya. Pengelolahan pada software ini melibatkan beberapa hal, diantaranya adalah sistem operasi, program, dan data. Software ini mengatur sedemikian rupa sehingga logika yang ada dapat dimengerti oleh mesin komputer.

Perangkat lunak sendiri terbagi atas beberapa macam yaitu :

1. Perangkat Lunak Aplikasi (Apllication Software), yaitu aplikasi yang terdapat dalam komputer yang berfungsi sebagai pengolah kata & angka, pemutar media, dan sebagainya seperti MS Office, Media Player, dan Software sebagainya.

2. Sistem Operasi (Operating System), yaitu program utama/induk yang berfungsi sebagai pusat pengaturan dan pemrosesan data dalam komputer, contohnya Windows, Linux, dan lain-lain.

3. Perkakas Pengembangan Perangkat Lunak (Software Development Tools), seperti kompilator dalam bahasa pemrograman Pascal.

4. Pengendali Perangkat Keras (Device Driver), yaitu penghubung antara perangkat keras dengan komputer. Contohnya Barcode Scanner atau yang biasa disebut pembaca label/kode barang. Alat ini biasanya terdapat di swalayan atau mall.

c. Pengguna Komputer (Brainware)

Pengguna komputer adalah manusia yang menangani suatu komputer atau sistem operasi komputer. Brainware dapat dikelompokkan dalam beberapa bagian, yaitu :

1. Sistem Analis

(20)

2. Programmer

Orang yang bertugas menterjemahkan spesifikasi yang telah dirancang oleh sistem analisis kedalam suatu bahasa pemrograman tertentu.

3. Komputer Operator

Orang yang bertugas menangani pengolahan data secara langsung.

2.2 Internet

Advanced Research Project Agency Network), di mana mereka mendemonstrasikan bagaimana denga komunikasi dalam jarak yang tidak terhingga melalui saluran telepon. Proyek ARPANET merancang bentuk jaringan, kehandalan, seberapa besar informasi dapat dipindahkan, dan akhirnya semua standar yang mereka tentukan menjadi cikal bakal pembangunan protokol baru yang sekarang dikenal sebagai

Tujuan awal dibangunnya proyek itu adalah untuk keperluan militer. Pada saat itu sist vital untuk mengatasi masalah bila terjadi serangan informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan.

Pada mulanya ARPANET hanya menghubungkan 4 situs saja yaitu membentuk satu jaringan terpadu pada tahun diperkenalkan pada bulan di seluruh daerah, dan semua membuat ARPANET kesulitan untuk mengaturnya.

(21)

2.3 Word Wide Web (WWW)

World Wide Web (biasa disingkat WWW) adalah suatu ruang informasi yang yang dipakai oleh pengenal global untuk mengidentifikasi sumber-sumber daya yang berguna. WWW sering dianggap sama dengan internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada internet. WWW merupakan kumpulan serverweb dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama.

WWW adalah bagian yang paling menarik dari Internet. Melalui web, para pengguna dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi. Kegunaan ini tergolong masih baru dibandingkan surat elektronik, sebenarnya WWW merupakan kumpulan dokumen yang tersimpan di server web, dan tersebar di lima benua termasuk Indonesia yang terhubung menjadi satu melalui jaringan internet. Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language).

Suatu halaman dokumen informasi dapat terdiri atas teks yang saling terkait dengan teks lainnya atau bahkan dengan dokumen lain. Keterkaitan halaman lewat teks ini disebut hyperlink. Dokumen infomasi ini tidak hanya terdiri dari teks tetapi dapat juga berupa gambar, mengandung suara bahkan klip video. Kaitan antar-dokumen yang seperti itu biasa disebut hipermedia. Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen multimedia yang saling bertautan dengan menggunakan tautan hiperteks atau hyperlink. Dengan mengeklik hyperlink, maka para pengguna bisa berpindah dari satu dokumen ke dokumen lainnya.

Interface identik dengan web, Karena poularitas sebagai penyedia informasi dan interface yang digunakan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Dari yang gratis sampai dengan yang komersil.

Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya. Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari startegi teknologi informasi, karena bebrapa kelebihan yaitu :

a. Update informasi dengan cepat dan mudah. b. Menghemat biaya komunikasi dan administrasi.

(22)

d. Brand Awarness dengan cara iklan di web terkemuka atau dengan tukar link. e. Desain dan isi web dapat mencerminkan keseriusan anda atau perusahaan anda.

f. Bonafiditas naik. Kartu nama tidak lagi hanya berisi kontak alamat, telepon dan email.

2.3.1 Sejarah Web

Sejarah World Wide Web bermula di European Laboratory for Particle Physics (lebih dikenal dengan nama CERN), di kota Geneva dekat perbatasan Perancis dan Swiss. CERN merupakan suatu organisasi yang didirikan oleh 18 negara di Eropa. Dibulan Maret 1989, Tim Berners dan peneliti lainnya dari CERN mengusulkan suatu protokol sistem distribusi informasi di Internet yang memungkinkan para anggotanya yang tersebar di seluruh dunia saling membagi informasi dan bahkan untuk menampilkan informasi tersebut dalam bentuk grafik.

2.3.2 Web Browser

Web Browser pertama dibuat dengan berbasiskan pada teks. Untuk menyatakan suatu link, dibuat sebarisan nomor yang mirip dengan suatu menu. Pemakai mengetikkan suatu nomor untuk melakukan navigasi di dalam web. Kebanyakan software tersebut dibuat untuk komputer-komputer yang menggunakan Sistem Operasi UNIX, dan belum banyak yang bisa dilakukan oleh pemakai komputer saat itu yang telah menggunakan Windows. Tetapi semua ini berubah setelah munculnya browser Mosaic dari NCSA (National Center for Supercomputing Applications).

Di bulan Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat web browser untuk sistem X-Windows yang berbasiskan grafik dan yang mudah untuk digunakan. Dalam beberapa bulan saja, Mosaic telah menarik perhatian baik dari pemakai lama maupun pemakai baru di Internet. Kemudian NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis UNIX, NeXT, Windows dan Macintosh.

(23)

dinamakan World Wide Web Consortium (W3C) yang bertugas untuk membangun standar bagi teknologi web.

Pada awal perkembangannya, sewaktu browser masih berbasiskan teks hanya terdapat sekitar 50 web. Di akhir tahun 1995 jumlah ini telah berkembang mencapai sekitar 300.000 web site. Dan diperkirakan sekarang ini jumlah pemakai web telah mencapat sekitar 30-an juta pemakai diseluruh dunia.

Diantara browser web yang telah banyak digunakan pada saat peluncurannya diantaranya adalah MSN, Opera Mini, Mozila Firefox, Google Chrome dan lain sebagainya. Diantara web browser ini terdapat kelebihan dan kekurangan masing-masing sehinnga pengguna dapat memilih web browser sesuai dengan kemudahan yang ditawarkan.

2.3.3 Fungsi WWW

Fungsi WWW adalah menyediakan data dan informasi untuk dapat digunakan bersama. Hal ini senada dengan pengertian www yang telah disebutkan di atas. Dengan demikian, salah satu fungsi www di internet menawarkan berbagai kecanggihan dan kemudahan pemakai intenet mendapatkan dan menampilan informasi dimana saja di internet secara mudah dan cepat.

Cara Kerja Browser Mengambil Halaman

Suatu browser mengambil halaman sebuah web page dari server dengan sebuah request. Sebuah request adalah HTTP standar yang berisi sebuah page address. Sebuah page address dapat di contohkan sebagai berikut :

2.3.4 Web Server

(24)

2.4 HTML (Hypertext Markup Language)

HTML (Hypertext Markup Language) yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web browser. HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia

Untuk dapat menghasiilkan tampilan wujud yang terintegrasi, format hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.

Ada beberapa versi dalam HTML, yaitu :

a.

b.

c.

d.

e.

f.

Disini penulis menggunakan versi HTML 5.

2.4.1 Dokumen HTML

Dokumen HTML adalah teks murni yang dibuat menggunakan editor teks. Dokumen HTML merupakan dokumen yang disajikan dalam web surfer. Dokumen pada umumnya berisi informasi atau interface aplikasi dalam internet.

Penamaan dokumen HTML pada beberapa sistem operasi bersifat case sensitive (membedakan huruf kapital dan biasa). Nama dokumen yang sama tapi dituliskan dengancase yang berbeda akan dianggap menjadi dokumen yang berbeda, misalnya “file.html” berbeda dengan “FILE.html” dan sebagainya.

(25)

2.4.2 Tag dan Elemen Dalam HTML

Tag adalah teks atau disebut dengan istilah script yang ditulis diantara tanda < dan >. Tag berfungsi untuk menentukan bagaimana sebuah web akan dibuat. Dengan kata lain tag mengontrol bentuk teks, paragraf, tabel dan banyak lagi.

Elemen merupakan istilah untuk komponen dasar pembentuk HTML5. Nama elemen ditunjukkan dengan tag. Suatu elemen harus ditandai dengan tag yang berpasangan, namun ada beberapa elemen yang tidak mengharuskan tag nya ditulis secara berpasangan. Contohnya :

a. Paragraf dengan tag<p>.

b. Ganti garis - break time dengan tag<br>. c. Ganti datar - horizontal dengan tag<hr>. d. List item dengan tag<li>.

Pada penulisan script HTML5 dimulai dengan menentikan tipe dokumen lewat tag : <!DOCTYPE HTML>

Fungsi Document Type diatas untuk menginformasikan kepada browser jenis dokumen yang akan dibuat yaitu dokumen HTML, secara spesifik adalah HTML5.

Struktur script dasar adalah menulis tag diawal sebagai berikut : <html>

<head> <body>

Selanjutnya bisa menulis materi yang akan ditampilkan dalam jendela browser dengan tag <p>. Kemudian tutup script dengan mengetik tag penutup untuk body dan html :

</body> </head> </html>

(26)

Berikut adalah contoh susunan script sederhana <!DOCTYPE>

<html> <head>

<title> ... tugas akhir d3 MIPA USU </title>

</head> <body>

<h1> TUGAS AKHIR </h1>

<p> ini adalah contoh script sederhana </body>

</html>

Hasil dokumen HTML5 yang ditampilkan ditampilan Mozila Firefox sebagai berikut :

(27)

2.5 PHP (Hypertext Preprocessor)

PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik.

Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik degan cepat.

2.5.1 Sejarah PHP

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun 1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML.

Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya.Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya.

Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web.

(28)

Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :

1. Oracle 2. MySQL 3. Sybase 4. PostgreSQL

5. Dan lainnya

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web.

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah Personal HomePage/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.

(29)

2.5.2 Hubungan PHP Dengan HTML

Halaman web biasanya disusun dari script html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) ke browser,

Kemudian browser menerjemahkan script tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan program php, program ini harus diterjemahkan oleh web server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan.

Program ini dapat berdiri sendiri ataupun disisipkan di antara script html sehingga dapat langsung ditampilkan bersama dengan script HTML tersebut.

Program php dapat ditambahkan dengan mengapit program tersebut di antara tanda. Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari script html. File html yang telah dibubuhi program php harus diganti ekstensi nya menjadi .php3 atau php.

PHP merupakan bahasa pemograman web yang bersifat server-side HTML=embedded scripting, di mana script nya menyatu dengan HTML dan berada si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebagai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP (Active Server Pages) dan JSP (Java Server Pages).

2.5.3 Kelebihan PHP

Ketika teknologi komunikasi semakin berkembang, situs-situs yang statispun semakin ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar. Padahal situs tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP.

(30)

a. Bahasa pemrograman php adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.

b. Web server yang mendukung php dapat ditemukan dimana - mana dari mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah.

c. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan

d. Dalam sisi pemahamanan, php adalah bahasa scripting yang paling mudah karena referensi yang banyak.

e. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui perangkat serta juga dapat menjalankan perintah-perintah sistem.

2.6

CSS (

Cassading Style-Sheet

)

CSS (Cascading Style-Sheet) adalah sebuah pengembangan atas script HTML yang sudah ada sebelumnya. Dengan CSS, kita bisa menentukan sebuah struktur dasar halaman web secara lebih mudah dan cepat, serta irit ukuran. CSS juga membantu kita untuk menyeragamkan seluruh halaman web dengan tampilan yang konsisten.

Misalnya, kita mau seluruh hurufyang ada di web kita adalah huruf "Tahoma", maka dengan bantuan CSS kita bisa bikin proses itu menjadi otomatis tanpa harus mengganti-ganti huruf secara manual di setiap halaman.

Sebelum CSS menjadi standar untuk mendesain halaman web seperti sekarang, halaman web di desain menggunakan <table>. Terlebih dahulu pengerjaan desain, dalam format .psd atau jpeg, lalu di slice atau di potong potong menjadi bagian – bagian terpisah. Kemudian pembuatan tabel dengan ukuran yang sesuai, lalu desain tadi di “tempel” pada table sebagai image yang melekat pada tabel, atau sebagai background. Kelemahan dari cara seperti ini adalah, halaman web menjadi berat karena kolom – kolom penyusun table <tr> dan <td> diberi tambahan atribut image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak SEO friendly.

(31)

CSS merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana mempunyai banyak keuntungan, diantaranya :

a. Ukuran file lebih kecil b. Load file lebih cepat

c. Dapat berkolaborasi dengan Javascript d. Pasangan setia XHTML

e. Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS. f. Mudah mengganti-ganti tampilan dengan hanya merubah file CSS saja.

2.6.1 Sejarah CSS

Pada tanggal 17 Agustus 1996, World Wide Web Consortium (W3C) menjadikan CSS sebagai bahasa pemrograman standart dalam pembuatan dokumen web. Tujuannya adalah mengurangi pembuatan tag-tag baru oleh Netscape dan Internet Explorer, karena kedua kedua browser pada saat itu bersaing mengembangkan TAG sendiri untuk mengatur tampilan web.

CSS level 1 mendukung pengaturan tampilan dalam hal: a. Huruf (jenis, ketebalan)

b. Warna, teks, backgrounf dan elemen lainnya

c. Text attributes, misalnya spasi antar baris, kata dan huruf d. Posisi teks, gambar, table dan elemen lainnya

e. Marjin, border dan padding.

Selanjutnya di tahun 1998, W3c menyempurnakan CSS awal dengan menciptakan standar CSS2 (CSS level 2) yang menjadi standar hingga saat ini. Pada CSS level 2 ini, di masukkan semua atribut dari CSS1, serta diperluas dengan penekanan pada Internasional accessibility and capability khususnya media-specific CSS. Bahkan pada tahun 2000, tidak lama setelah CSS2 di implementasikan. CSS2 ini sampai sekarang masih terus dikembangkan, spesifikasinya dibagi pada beberapa topik atau modul.

2.6.3 Kelebihan penggunaan CSS

Adapun kelebihan dengan menggunakan CSS adalah sebagai berikut :

a. Halaman web menjadi tidak padat, hingga halaman web menjadi SEO friendly

(32)

2.7 MySQL

MySQL adalah satu perangkat lunak sistem pengola basis data (Database Management System). MySQL juga dapat dikategorikan sebagai Relation Database Management System (RDBMS). Karena dalam pembuatan basis data pada MySQL dapat dibedakan dalam berbagai tabel dua dimensi. Setiap tabel pada MySQL terdiri atas lajur horizontal dan lajur vertikal.

MySQL pada saat ini banyak digunakan oleh pemrograman web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan data. Untuk keperluan menampung data dalam server haruslah diperlukan database. MySQL merupakan sebuah program aplikasi untuk membuat database yang umum digunakan pada web server. MySQL banyak digunakan karena kemampuannya dalam menampung data yang cukup besar dan proses yang cepat dalam memanggil data.

2.8 Sistem Informasi

Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan,

berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan

suatu sasaran yang tertentu. Sistem adalah kumpulan dari elemen-elemen yang

berinteraksi untuk mencapai suatu tujuan tertentu.

Informasi merupakan hal yang sangat vital dalam suatu organisasi. Jika informasi tesebut dapat memberikan arti bagi penerimanya, maka informasi itu mempengaruhi suatu keputusan yang telah diambil sebelumnya sehingga dapat memberi suatu nilai tertentu, mengemukakan bahwa informasi adalah data yang telah diolah menjadi bentuk yang lebih berguna bagi penerimanya dan bermanfaat dalam mengambil keputusan baik saat ini atau mendatang.

(33)

Data diolah melalui suatu model yang disebut siklus informasi atau siklus pengolahan. Data yang diolah atau diproses yang akan menghasilkan keluaran berupa informasi, informasi tersebut akan menjadi input bagi proses berikutnya dan seterusnya lagi terus berputar.

Sistem informasi adalah suatu sistem atau tatanan kerja buatan manusia yang secara umum terdiri atas sekumpulan komponen berbasis komputer dan manual yang dibuat untuk menghimpun, menyimpan, dan mengelola data serta menyediakan informasi keluaran kepada para pemakai.

Adapun yang harus diperhatikan dalam membuat sistem informasi adalah sebagai berikut :

1. Kualitas Informasi

a. Akurat berarti informasi harus bebas dari kesalahan dan tidak menyesatkan. Informasi harus akurat dari sumber informasi sampai ke penerima informasi.

b. Tepat pada waktunya, artinya informasi yang datang pada penerima tidak boleh terlambat, informasi yang sudah usang tidak mempunyai nilai lagi dan bila informasi terlambat akan dapat menimbulkan masalah dalam organisasi.

c. Relevan berarti informasi tersebut mempunyai manfaat untuk pemakainya. Relevansinya informasi untuk tiap-tiap orang, satu dengan yang lainnya berbeda.

2. Informasi dalam ruang lingkup sistem informasi memiliki beberapa ciri yaitu sebagai berikut :

a. Benar atau salah, ini dapat berhubungan dengan realita atau tidak. b. Baru, informasi dapat sama sekali baru dan segar bagi penerimanya.

c. Tambahan, informasi dapat mempengaruhi atau memberikan tambahan baru pada informasi yang telah ada.

d. Korektif, informasi dapat menjadi suatu koreksi dan informasi salah atau palsu sebelumnya.

e. Penegas, informasi dapat mempertegas informasi yang telah ada.

(34)

demikian tidak selamanya bahwa pengguna informasi akan mengakibatkan suatu pilihan mutlak.

3. Nilai Informasi

(35)

BAB 3

GABARAN SEKILAS TENTANG

PEMERINTAHAN DESA FIRDAUS KECAMATAN SEI RAMPAH

KABUPATEN SERDANG BEDAGAI

3.1 Latar Belakang Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai

Desa Firdaus ini berada di wilayah Kecamatan Sei Rampah Kabupaten Serdang bedagai yang memiliki luas 578.065 m2. Batas-batas wilayahnya sebelah utara PTNIK Socfindo Matapao, sebelah selatan PT.LONSUM, Sebelah barat PT. LONSUM dan PTPN Tanah Raja, sebelah timur Desa Sei Rejo dan Sei Rampah. Ketinggian tanah dari permukaan laut 62m dengan curah hujan 2000mm/tahun. Jarak dari pusat pemerintahan kecamatan 1km. Jarak dari ibu kota kabupaten 1km. Sesuai dengan nama desanya, Firdaus diharapkan menjadi surga bagi sekalian warga.

3.2 Keadaan Wilayah Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai

(36)

Budha 192 orang. Prinsip Bhineka Tunggal Ika dijunjung tinggi. Meski berbeda-beda, tetapi tetap satu jua.

3.3 Latar Belakang Penduduk, Pendidikan dan Pekerjaan Masyarakat Desa Firdaus Kecamatan Sei Rampah Kebupaten Serdang Bedagai

Penduduk mendiami beberapa kawasan dengan latar belakang profesi yang berbeda. Masyarakat yang tinggal di desa Firdau.s berasal dari Jawa 6.425 orang, Melayu 589 orang, Simalungun 167 orang, Toba 1.106 orang, Mandailing 1.007 orang, Banjar 208 orang, Karo 150 orang, Mminangkabau 191 orang, Nias 30 orang, Pakpak 20 orang, Aceh 66 orang, Cina 462 orang.

(37)

BAB 4

PERANCANGAN SISTEM

4.1 Analisis Sistem

Seiring dengan perkembangan teknologi informasi saat ini serta untuk meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem yang ada saat ini yang masih manual, yang harus diganti dengan sistem yang lebih baik lagi, yaitu dengan membangun sistem yang terkomputerisasi atau online. Untuk memulai membangun suatu program mengenai perancangan website Pemerintahan Desa Firdaus Kecamatan Sei Rampah, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari pengguna yang akan menggunakan website.

4.2 Perancangan Sistem

Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen sistem diaplikasikan. Proses ini menyangkut tujuan sistem tersebut, audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling tepat dan akurat.

Dalam hal ini, sistem yang akan dibuat adalah dengan menggunakan PHP sebagai bahasa pemogramannya dan MySQL sebagai database nya serta Notepad++ sebagai media untuk membuat sistem inforamsi berbasis web ini. Adapun spesifikasi serta target terhadap sistem yang akan dibuat yaitu :

1. Perancangan yang akan dibuat yaitu “Perancangan Sistem Informasi Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai Berbasis Web”. Yang menyediakan informasi-informasi yang berkaitan dengan desa dan pengenalan desa secara luas.

(38)

fleksibel dan diharapkan pula dapat memberikan kemudahan bagi masyarakat luas dalam mencari informasi tentang Desa Firdaus Kecematan Sei Rampah Kabupaten Serdang Bedagai.

4.4 Metode Perancangan

Metode perancangan sistem ini menggunakan metode pendekatan atas-bawah (top and down approach). Perancangan ini dimulai dari bentuk yang luas yaitu diagram konteks, kemudian diturunkan secara bertahap menjadi bentuk yang lebih detail.

4.4.1 Pembuatan Diagram Alir (Flowchart)

Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan navigasi antara halaman tersebut. Secara sederhana flowchart keseluruhan web ini dapat dilihat sebagai berikut :

(39)

Keterangan :

A = Tampilan Home F = Tampilan Contact B = Tampilan Profil G = Tampilan Berita Terkini C = Tampilan Gallery H = Tampilan berita Sebelumnya D = Tampilan Berita I = Tampilan Peta

E = Tampilan Komentar

Tombol Komentar Tombol Contact Tampilan Contact Tampilan Komentar F E Tombol Berita Terkini Stop

Tampilan Berita Terkini

G N N Y N Y Y Tombol Berita Sebelumnya

Tampilan Berita Sebelumnya H

Tombol Peta

Tampilan Peta

I

Y

N

(40)
[image:40.595.131.292.156.639.2]

Gambar 4.1 Flowchart Perancangan Perancangan Website Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai

Gambar 4.2 Flowchart Admin

4.4.2 Diagram Konteks (Contex Diagram)

Login

Login

Logout

Halaman Admin

Input Username dan Pasword

(41)

Data Username dan Password Update Data Tampilan Home Tampilan P fil Tampilan Gallery Tampilan B i Tampilan Komenta Tampilan Contact Tampilan peta

Diagram Kontek (Contex Diagram) adalah diagram level tertinggi dari DFD yang menggambarkan hubungan sistem dengan sistem dengan lingkungan luar web. Data flow Diagram (DFD) merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi untuk menggambarkan arus dari data sistem. Berikut ini adalah gambar DFD level 0 dan DFD level 1 yang merupakan perincian dari diagram konteks.

[image:41.595.161.485.382.664.2]

Disamping itu DFD adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem.

Gambar 4.3 Diagram Konteks Perancangan Website Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai

(42)

Data Berita Data Komentar Update Data Tampilan Home Tampilan P fil Tampilan Gallery Tampilan B i Tampilan Komenta Tampilan Contact Tampilan peta

[image:42.595.95.521.66.526.2]

D1 Berita D2 Gallery D3 Komentar

Gambar 4.4 DFD Level 0

Admin

2

B i

3 Gallery 4 Komentar 4 Halaman Admin Data Komentar Data Gallery

Data Berita Data Gallery

(43)
[image:43.595.87.498.90.407.2]

Hasil Update Update Berita Edit Berita Data Berita Data Username dan password Update Data Hasil Update D1 Berita Update Berita D1 Berita Data Berita Tambah Berita

Gambar 4.5 DFD Level 1 Berita

(44)

Edit Gallery

Data Gallery Hasil Update

Update Gallery

Data Username

dan password

Update

Data

Data Username

dan password

Update

Data

[image:44.595.118.456.83.657.2]

D2 Gallery

Gambar 4.6 DFD Level 1 Gallery

1

Halaman Utama 3.1

Gallery

3.2

Manage Gallery Update

Data Gallery 4

Halaman Admin

(45)

Edit Komentar

Data Komentar Hasil Update

Update Komentar

[image:45.595.119.459.106.658.2]

D3 Komentar

Gambar 4.7 DFD Level 1 Komentar

4.4.3 Entity Relationship Diagram (ERD)

1

Halaman Utama 4.1

Komentar

4.2

Manage Komentar Update

Data Komentar 4

(46)
[image:46.595.102.514.170.737.2]

Entity Relationship Diagram (ERD) adalah suatu model untuk menjelaskan hubungan antar data dalam basis data (database) berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi.

[image:46.595.139.481.184.285.2]

Gambar 4.8 ERD Berita

Gambar 4.9 ERD Gallery

Gambar 4.10 ERD Berita

Gambar 4.11 ERD Admin

4.5 Tabel Database

Berita Tanggal

Isi Berita Id Berita

Nomor Foto

Foto Berita Judul Berita

Admin Gallery

Keterangan Tanggal

Nama Foto

Komentar

Tanggal Id Komentar E-Mail

Isi Komentar Nama Pengunjung

Id Petugas

(47)
[image:47.595.101.532.178.300.2]

Database digunakan untuk tempat penyimpanan data yang di masukkan atau diinput. Kemudian data tersebut akan ditampilkan dalam website. Berikut tabel database Website Pemerintahan Desa Firdaus Kecamatan Sei Rampah.

Tabel 4.1 Tabel Database Berita

Nama Field Tipe Data Ukuran Keterangan

Tanggal Date Date Tanggal Berita

Id_berita Int 5 Id Berita

Judul_berita Varchar 500 Judul Berita Isi_berita Text Text Isi Berita Foto Varchar 1000 Foto Berita

4.2 Tabel Database Gallery

Nama Field Tipe Data Ukuran Keterangan

Nomor_foto Int 5 Nomor Foto

[image:47.595.102.533.355.454.2]

Nama_file_foto Varchar 500 Nama foto Keterangan Varchar 1000 Keterangan Foto Tanggal Date Date Tanggal foto

Tabel 4.3 Tabel Database Komentar

Nama Field Tipe Data Ukuran Keterangan

Nama_pengunjung Varchar 100 Nama Pengunjung email Varchar 200 E-Mail Pengunjung Tanggal Date Date Tanggal Komentar Isi_komentar Text Text Isi Komentar Tampilkan Int 5 Menampilkan

Komentar Id_komentar Int 5 Id Komentar

Tabel 4.4 Tabel Database Admin

[image:47.595.104.533.508.666.2]
(48)
(49)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem merupakan kumpulan dari elemen yang telah didesain kedalam bentuk pemrograman untuk menghasilkan suatu tujuan yang dibuat berdasarkan kebutuhan.

Implementasi sistem mempunyai bebarapa tujuan. Diantaranya :

a. Untuk memastikan mutu dari suatu produk yang dihasilkan telah sesui dengan mutu yang di syaratkan.

b. Menyelesaikan rancangan sistem yang ada dalam dokumen yang telah di setujui. c. Memastikan apakah sistem sudah memenuhi permintaan pemakai.

d. Mempelajari apakah sistem sudah baik dari segi software maupun brainware sebagai sarana informasi.

5.2 Komponen Pada Sistem

Beberapa komponen yang sangat dibutuhkan pada perancangan web ini antara lain :

5.2.1 Hardware

Hardware merupakan komponen yang membantu menunjang terlaksananya sitem yang dirancang. Dalam hal ini penulis merinci komponen hardware yang digunakan dalam perancangan, yaitu :

a. Personal Computer dengan Processor AMD A4-1250 b. Hard Disk 300 GB

c. Monitor AMD Radeon HD 8210 d. Memory 4096 MB RAM

(50)

Software sangat berhubungan dengan Hardware. Tanpa adanya software, Hardware tidak akan berfungsi sesuai dengan yang diharapkan. Adapun software yang digunakan dalam perancangan website ini adalah :

[image:50.595.119.536.187.376.2]

a. Operasi Windows 8

Gambar 5.1 Windows 8

b. Notepad ++

[image:50.595.124.545.462.706.2]

Software ini berfungsi sebagai teks editor dalam pembuatan script perancangan website.

Gambar 5.2 Notepad ++

(51)
[image:51.595.107.530.112.618.2]

XAMPP digunakan sebagai web server, PHP sebagai bahasa pemrograman dan MySQL sebagai databasenya.

[image:51.595.108.530.125.311.2]

Gambar 5.3 XAMPP Control Panel

Gambar 5.4 Localhost XAMPP

(52)

Brainware adalah setiap orang yang terlibat dalam kegiatan pemanfaatan komputer atau sistem pengolahan. Brainware juga dapat diartikan sebagai perangkat intelektual yang mengoperasikan kemampuan dari hardware dan juga software komputer. Brainware yang dibutuhkan adalah administrator dan pengguna (user). Administrator dibutuhkan untuk bekerja pada server dalam pengolahan data website dan mengeri tentang bahas pemrogramannya. Sedangkan pengguna (user) tidak harus memiiki kemampuan khusus, hanya saja mampu menggunakan internet seta browsing.

5.3 Uji Program

[image:52.595.108.527.371.609.2]

Dari hasil uji program yang telah dilakukan, maka dapat dilihat tampilan hasil desain web pada website Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai adalah sebagai berikut :

(53)
[image:53.595.106.527.87.295.2]

Tampilan 5.6 Tampilan Halaman Profil

(54)
[image:54.595.106.527.88.321.2]

Gambar 5.8 Tampilan Halaman Gallery

[image:54.595.109.526.390.633.2]
(55)
[image:55.595.107.527.87.320.2] [image:55.595.105.526.395.619.2]

Gambar 5.10 Tampilan Halaman Contact

(56)

BAB 6

KESIMPULAN DAN SARAN

6.1

Kesimpulan

Berdasarkan pembahasan pada bab-bab sebelumnya, maka pada bab ini yang

merupakan bab terakhir dari tugas akhir , penulis akan mencoba menarik kesimpulan

yakni sebagai berikut :

1.

Aplikasi berbasis

web

dapat menjadi

alternative

pilihan sebagian besar

masyarakat yang ingin mencari barang ataupun informasi yang sebelumnya

menghabiskan waktu, tenaga, dan uang.

2.

Pada perancangan

website

ini merupakan salah satu sarana untuk mendapatkan

informasi

online

yang biasa diakses oleh siapa saja.

3.

Website

ini memberikan informasi yang berkaitan dengan penjualan komputer

dan aksesorisnya sesuai kebutuhan masyarakat dan pasar penjualan sekarang

dan harga yang disarankan.

4.

Penyajian informasi yang baik dapat dilakukan dengan meng-

update

isi dari

situs tersebut secara berkala dan sesuai dengan perkembangan.

5.

Dengan menggunakan

internet

, penyampaian informasi dapat lebih mudah

tersebar diberbagai dan mudah dalam aksesnya.

6.2

Saran

Setelah selesainya penulisan Tugas Akhir ini, penulis menuliskan beberapa saran yaitu

:

1.

Data pada situs website seharusnya selalu di-update oleh admin secara berkala

sesuai dengan perkembangan yang terjadi sekarang ini, sehingga dapat

(57)

2.

Diharapkan komputer yang digunakan sebagai serverwebsite ini adalah

komputer yang mempunyai spesifikasi yang tinggi, sehingga mempermudah

dalam pengaksesan data dan sumber daya komputer kita.

3.

Hendaklah pembuatan berkas cadangan secara berkala untuk mencegah

kemungkinan kehilangan atau kerusakan data yang telah tersimpan.

4.

Adanya pengembangan website agar sistem informasi ini mendapat cakupan

(58)

DAFTAR PUSTAKA

Keuntungan Punya Website

Mardian, M., 2013, Pengertian Website dan Sejarah Website

diakses tanggal 27 Oktober 2014).

Panduan Tatacara Penulisan Skripsi & Tugas Akhir.2008. Dokumen Nomor : Akad/05/2005. Medan : Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Pengertian Komputer, Desember 2014)

Reza, G., Pengertian Sejarah dan Fungsi HTML,

tanggal 14 Desember 2014)

Rusli, R., 2013, Membuat Aplikasi GPS Dan Suara Antrian Dengan PHP, Lokomedia, Yogyakarta.

Gambar

Gambar 4.2 Flowchart Admin
Gambar 4.3 Diagram Konteks Perancangan Website Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai
Gambar 4.4 DFD Level 0
Gambar 4.5 DFD Level 1 Berita
+7

Referensi

Dokumen terkait

Penelitian dilakukan di Desa Sei Bamban, Kecamatan Sei Bamban Kabupaten Serdang Bedagai dengan luas 1862 ha dan ketinggian tempat ± 14 m dari permukaan laut sehingga di peroleh

608310092.Upaya Meningkatkan Hasil Belajar Lompat Jauh Gaya Jongkok Melalui Permainan Tradisional Pada Siswa Kelas VII MTSAl Washliyah 28 Kecamatan Sei Rampah Kabupaten

FAKTOR-FAKTOR YANG MEMPENGARUHI TINGKAT KEBERHASILAN USAHA PERIKANAN RAKYAT (Studi kasus : Desa Sei Bamban, Kec. Sei Bamban, Kab. Serdang

Penelitian ini dilakukan untuk mengetahui penyebaran C-organik tanah pada lahan sawah di Desa Sei Bamban Kecamatan Sei Bamban Kabupaten Serdang Bedagai.. Penelitian ini

Hubungan Karakteristik Petani Anggota Dengan Sikap Petani Terhadap Organisasi P3A Tirta Sari di Desa Sei Buluh Kecamatan Teluk Mengkudu Kabupaten Serdang Bedagai

Berdasarkan hasil penelitian diketahui bahwa kemampuan menemukan gagasan utama dalam wacana argumentasi siswa kelas VII SMP Negeri 1 Sei Rampah Kabupaten Serdang

Tugas Akhir yang berjudul “PERENCANAAN TEBAL LAPIS TAMBAHAN (OVERLAY) DAN PELEBARAN PERKERASAN LENTUR PADA RUAS JALAN SEI RAMPAH – TANJUNG BERINGIN, SERDANG BEDAGAI” ini dimaksudkan

Penelitian ini bertujuan untuk menentukan tingkat kelas kesesuaian lahan tanaman padi sawah ( Oryza sativa L.) di Desa Bakaran Batu Kecamatan Sei Bamban Kabupaten Serdang