123/Ilmu Komputer

LAPORAN AKHIR

PENELITIAN DOSEN

Mandiri

MODEL SISTEM INFORMASI WEBSITE SEBAGAI MEDIA INFORMASI

LAYANAN MASYARKAT CAMAT BANGUNREJO LAMPUNG TENGAH

PENGUSUL

Sudarmaji, M.MKom. NIDN : 0201067402

Anggota Mahasiswa:

1. David Cahya Putra NPM : 16410009

2. Rian Afandi NPM : 16410033

UNIVERSITAS MUHAMMADIYAH METRO

TAHUN AKADEMIK

2016

HALAMAN PENGESAHAN

Judul Penelitian : Model Sistem Informasi Website Sebagai Media Informasi

Layanan Masyarkat Camat Bangunrejo Lampung Tengah

Kode/Nama Rumpun Ilmu : 123/Ilmu Komputer

Ketua Peneliti:

a. Nama Lengkap : Sudarmaji, S.Kom.,M.MKom

b. NIDN : 0201067402

c. NIK/NBM : 1074822

c. Jabatan Fungsional : Lektor

d. Program Studi : Diploma III Manajemen Informatika

Nomor HP : 081379888835

f. Alamat surel (e-mail) : dharmaji_1974@yahoo.com

Anggota Mahasiswa:

1. Nama : David Cahya Putra

2. Nama : Rian Afandi

Biaya Penelitian :

- diusulkan ke DIKTI : Rp. 0

- dana internal PT : Rp. 10.000.000,-

- dana institusi lain : Rp. 0

Kota Metro, September 2016

Mengetahui,

Ketua Program Peneliti,

(Sudarmaji, S.Kom.,M.MKom) (Sudarmaji, S.Kom.,M.MKom)

NBM. 1074822 NBM. 1074822

Menyetujui,

Ketua Lembaga Penelitian

(Prof. Dr. Juhri AM, M.Pd)

NIP. 195303071985011001

DAFTAR ISI

Halaman Sampul ................................................................................................... i

Halaman Pengesahan ............................................................................................ ii

Daftar Isi................................................................................................................ iii

Ringkasan .............................................................................................................. iv

BAB I PENDAHULUAN

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

1.2 Rumusan Penelitian ........................................................................... 1

1.3 Tujuan Penelitian............................................................................... 2

1.4 Batasan Penelitian ............................................................................. 2

BAB II TINJAUAN PUSTAKA

2.1 Definisi Sistem .................................................................................. 3

2.2 Definisi Informasi WEB .................................................................... 6

2.3 Internet .............................................................................................. 9

2.4 Konsep Dasar WEB ........................................................................... 15

2.5 Konsep Basis Data............................................................................. 15

2.6 Perangkat Lunak Yang Digunakan .................................................... 16

2.7 Definisi Adobe Macromedia .............................................................. 16

BAB III METODE PENELITIAN

3.1 Tempat dan Waktu Penelitian ............................................................ 20

3.2 Alat dan Bahan .................................................................................. 20

3.3 Metode Penelitian .............................................................................. 25

3.4 Sistem Yang Berjalan ........................................................................ 26

3.5 Struktur Organisasi ............................................................................ 27

BAB IV HASIL DAN PEMBAHASAN

4.1 Hasil Perancangan ............................................................................. 28

4.2 Halaman Admin ................................................................................ 30

4.3 Permbahasan WEB ............................................................................ 32

Daftar Pustaka

Lampiran

MODEL SISTEM INFORMASI WEBSITE SEBAGAI MEDIA INFORMASI

LAYANAN MASYARKAT CAMAT BANGUNREJO LAMPUNG TENGAH

Ringkasan

Kantor Camat Bangunrejo merupakan salah satu perangkat daerah kabupaten atau kota sebagai pelaksana teknis kewilayahan yang berlokasikan di Jln. Jendral Sudirman No.4 Bangunrejo Kec.

Bangunrejo. Salah satu sarana untuk memberikan pelayan bagi masyarakat di Kantor Camat

Bangunrejo menyangkut dengan data kependudukan. Dalam penyelenggaraannya Kantor Camat Bangunrejo memberikan pelayanan kepada masyarakat. Berdasarkan analisis penleitianyang

dilakukan pada sistem yang sedang berjalan di Kantor Camat Bangunrejo Lampung Tengah, secara

umum penulis mengemukakan bahwa pelayanan informasi yang sedang berjalan di Kantor Camat

Bangunrejo Lampung Tengah masih dilakukan secara manual, yaitu masyarakat harus mendatangi langsung Kantor Camat Bangunrejo Lampung Tengah Sehingga masyarakat kesulitan dalam

mendapatkan informasi karena terbatas pada jam kerja saja dan sering terjadi keterlambatan

penyampaian informasi kepada masyarakat karena dalam proses penyampaian informasi masih menggunakan spanduk dan kendaraan informasi. Untuk mengurangi bahkan mengatasi masalah yang

ada, di perlukan adanya suatu sistem informasi berbasiskan website yang di harapkan dalam

pelayanan dan penyampaian informasi menjadi yang lebih baik, sehingga akan diperoleh kualitas

yang lebih baik, tentunya pemanfaatan dalam persebaran informasi yang dilakukan secara online membutuhkan jaringan yang terkoneksikan dengan internet, sehingga dibutuhkan kemampuan server

yang dapat menampung dan mengkordinir pendataan di dalamnya, bertujuan untuk menghasilkan

informasi yang lebih baik, mengurangi kemungkinan terjadinya kesalahan-kesalahan dalam memasukkan data dalam pembaruan isi website. Dengan sistem informasi berbasiskan website

menggunakan bahasa pemrograman PHP dan database MySql diharapkan akan memperbaiki sistem

yang lama. Sehingga bisa memberikan kinerja yang lebih baik dalam proses pelayanan dan penyampaian informasi dan informasi yang didapat oleh masyarakat akurat dan tepat waktu.

BAB I

PENDAHULUAN

1.1. LATAR BELAKANG

Dengan perkembangan zaman yang semakin maju, sistem informasi di era globalisasi

mengalami perubahan yang semakin pesat, seiring dengan kemajuan dibidang ilmu pengetahuan dan

teknologi yang mampu menghasilkan suatu informasi yang cepat, tepat, dan akurat. Dinamika

masyarakat yang terus-menerus berkembang dari waktu ke waktu, memberikan peluang bagi penataan

berbagai aspek kehidupan. Hal seperti ini telah membuat setiap individu, organisasi, lembaga, dan

instansi terus berusaha dengan berbagai cara agar dapat mengikuti setiap perkembangan teknologi

yang ada.

Kantor Camat Bangunrejo merupakan salah satu perangkat daerah kabupaten atau kota

sebagai pelaksana teknis kewilayahan yang berlokasikan di Jln. Jendral Sudirman No.4 Bangunrejo

Kec. Bangunrejo. Salah satu sarana untuk memberikan pelayan bagi masyarakat di Kantor Camat

Bangunrejo menyangkut dengan data kependudukan. Dalam penyelenggaraannya Kantor Camat

Bangunrejo memberikan pelayanan jasa berupa pelayanan pembayaran pajak bumi, pelayanan

pengambilan surat tentang penduduk yang diperlukan oleh masyarakat.

Kondisi saat ini Kantor Camat Bangunrejo sudah memanfaatkan komputer sebagai media

dalam melaksanakan kegiatannya, namun dalam pelayanan informasi masyarakat harus mendatangi

langsung Kantor Camat Bangunrejo, dan dalam proses penyampaian informasi pihak Kantor Camat

Bangunrejo harus menggunakan kendaraan informasi dan spanduk untuk menyampaikan informasi

kepada masyarakat karena belum adanya sarana informasi melalui media website, sehingga

diperlukan sarana informasi yang mudah di akses oleh masyarakat luas.

1.2 Rumusan Masalah Penelitian

Berdasarkan latar belakang masalah penelitian di atas, maka dapat dirumuskan

permasalahannya, yaitu :

1. Bagaimana studi perkembangan sistem layanan masyarakat berbasis WEB.

2. Bagaimana cara memperoleh informasi perkembangan situasi terkini pada kecematan

Bangunrejo Lampung tengah.

3. Bagaimana perangkat desa dalam menyampaikan informasi kepada masyarakat.

4. Bagaimana peningkatan mutu informasi terkait dengan kegiatan kemasyarakatan yang

ada di kecamatan Bangunrejo Lampung Tengah.

1.3 Tujuan Penelitian

Tujuan dalam penelitian ini, diharapkan mampu memberikan suatu perubahan dan

kemajuan pada akademik :

1. Sistem yang baru diharapkan akan lebih baik dari situasi sebelumnya, sehingga

mampu menyediakan layanan masyarakat berbasis WEB.

2. Memberikan sosialisasi dan pelatihan kepada perangkat desa dan masyarakat dalam

penggunaan layanan sistem informasi ini.

3. Mengenalkan teknologi informasi kepada perangkat desa dan masyarakat.

4. Proses pengolahan data informasi yang baik dan terstruktur, sehingga informasi yang

disampaikan mudah dipahami.

1.4 Batasan Masalah Penelitian

Dalam penelitian Sistem Pengaolahan Data layanan masyarakat pada kecematan

Bangunrejo Lampung Tengah ini, peneliti membatasi pada ruang lingkup pengolahan data

informasi yang berhubungan dengan informasi kegiatan dan layanan masyarakat kecamatan

Bangunrejo Lampung Tengah.

BAB II

TINJAUAN PUSTAKA

2.1 Definisi Sistem

Menurut Ema Utami dan Anggit Dwi Hartanto (2012:4) mengemukakan bahwa:

“Sistem adalah sebuah tatanan yang terdiri atas sejumlah komponen fungsional (dengan tugas

khusus) yang saling berhubungan dan secara bersama-sama bertujuan untuk memenuhi suatu

proses atau pekerjaan tertentu”.

Menurut Johnson, dkk. (1967:113) dalam buku Pengembangan Sistem Informasi di

Perguruan Tinggi H. Moch. Idochi Anwar, S.E., M.Pd. (2009:6) mengemukakan bahwa:

sistem adalah bagian-bagian yang terhimpun atau terorganisasi atau

terkombinasi yang membentuk suatu kesatuan yang akan membantu menentukan sistem

yang lebih tepat sebagai suatu kesatuan dari komponen-komponen yang di desain untuk

memenuhi tujuan tertentu yang telah direncanakan.

Dari pengertian diatas, dapat penulis simpulkan bahwa sistem adalah sekumpulan

elemen atau komponen yang saling berkaitan atau terpadu dan berinteraksi untuk mencapai

tujuan tertentu.

Menurut Tata Sutabri (2012: 20-21) model umum sebuah sistem adalah input, proses,

dan output. Hal ini merupakan karakteristik sebuah sitem yang sangat sederhan sebab sebuah

sistem mempunyai karakteristik atau sifat tertentu yang mencirikan bahwa hal tersebut bias

dikatakan sebagai suatu sistem. Maka karakteristik yang dimaksud adalah sebagai berikut:

1. Komponen Sistem (components)

Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, artinya saling

sama membentuk satu kesatuan. Komponen-komponen sistem tersebut dapat suatu

bentuk subsistem. Setiap subsistem memiliki sifat dari sistem yang mempunyai

suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. Suatu

sistem dapat mempunyai sistem yang lebih besar atau sering disebut “supra sistem”.

2. Batasan Sistem (boundary)

Ruang lingkup sistem merupakan daerah yang membatasi antara yang lain atau

sistem dengan lingkungan luarnya. Batasan sistem ini memungkinkan sistem

dipandang sebagai satu kesatuan yang tidak dapat dipisahkan.

3. Lingkungan luar sistem (environment)

Bentuk apapun yang ada diluar ruang lingkup atau batasan system yang menjadi

operasi system tersebut disebut lingkungan luar sistem. Lingkungan luar sistem

bersifat menguntungkan dan dapat juga bersifat merugikan sistem tersebut

demikian, lingkungan luar tersebut harus tetap digaja dan dipelihara. Lingkungan

merugikan harus di kendalikan. Kalau tidak, maka akan mengganggu kelangsungan

sistem tersebut.

4. Penghubung sistem (interface)

Media yang menghubungkan sistem dengan subsistem lain disebut penghubung

sistem atau interface. Penghubung ini memungkinkansumber-sumber daya mengalir

dari satu subsistem ke subsistem lain.Bentuk keluaran dari satu subsistem akan

menjadi masukan untu subsistem lain melalui penghubung tersebut. Dengan

demikian, dapat terjadi suatu integrasi sistem yang membentuk satu kesatuan.

5. Masukan sistem (input)

Energi yang dimasukkan ke dalam sistem disebut masukan sistem, yang dapat

berupa pemeliharaan (maintenance input) dan sinyal (signal input). Contoh, d

idalam suatu unit sistem komputer, “program” adalah maintanance input yang

digunakan untuk mengoperasikan komputernya dan “data” adalah signal input

untuk diolah menjadi informasi.

6. Keluaran sistem (Output)

Hasil energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna.

Keluaran ini merupakan masukan bagi subsistem yang lain seperti sistem

informasi. Keluaran yang dihasilkan adalah informasi. Informasi ini dapat

digunakan sebagai masukan untuk pengambilan keputusan atau hal-hal lain yang

menjadi input bagi subsistem lain.

7. Pengolah sistem (Process)

Suatu sistem dapat mempunyai suatu proses yang akan mengubah masukan

menjadi keluaran, contohnya adalah sistem akuntansi. Sistem ini akan mengolah

data transaksi menjadi laporan-laporan yang dibutuhkan oleh pihak manajemen.

8. Sasaran sistem (Objective)

Suatu sistem memiliki tujuan dan sasaran yang pasti dan bersifat

deterministic. Kalau suatu sistem idak memiliki sasaran maka operasi

sistem tidak ada gunanya, suatu sistem dikatakan berhasil bila

mengenai sasaran atau tujuan yang telah direncanakan.

Menurut Tata Sutabri (2012:22-24) menyatakan sistem dapat diklasifikasikan dari

beberapa sudut pandang di antaranya:

1. Sistem Abstrak dan Sistem Fisik

Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak

tampak secara fisik, misalnya system teologia, yaitu sistem yang berupa pemikiran

hubungan antara manusia dengan tuhan, sedangkan sistem fisik merupakan sistem

yang ada secara fisik, misalnya sistem komputer, sistem produksi, sistem

penjualan, sistem administrasi personalia dan lain sebagainya.

2. Sistem Alamiah dan Sistem Buatan Manusia

Sistem alamiah adalah sistem yang terjadi melalui prose salami, tidak dibuat oleh

manusia misalnya sistem perputaran bumi, terjadinya siang malam, pergantian

musim. Sedangkan sistem buatan manusia merupakan sistem yang melibatkan

interaksi manusia dengan mesin yang disebut human machine sistem. Sistem

informasi berbasis computer merupakan contoh human machine sistem karena

menyangkut penggunaan komputer yang berinteraksi dengan manusia.

3. Sistem Determinasi dan Sistem Probabilistik

Sistem yang beroperasi dengan tingkah laku yang dapat diprediksi disebut sistem

deterministic. Sistem computer adalah contoh dari sistem yang tingkah lakunya

dapat dipastikan berdasarkan program-program computer yang dijalankan.

Sedangkan sistem yang bersifat probabilistic adalah sistem yang kondisi masa

depannya tidak dapat diprediksi karena mengandung unsur probabilistic.

4. Sistem terbuka dan system tertutup

Sistem tertutup merupakan system yang tidak berhubungan dan tidak terpengaruh

oleh lingkungan luarnya. System ini bekerja secara otomatis tanpa campur tangan

pihak luar. Sedangkan system terbuka adalah system yang berhubungan dan

dipengaruhi oleh lingkungan luarnya. Sistem ini menerima masukan dn

menghasilkan keluaran untuk subsistem lainnya.

2.1 Definisi Informasi

Menurut Hoffer, dkk. (2005) dalam buku Dasar Perancangan dan Implementasi

Abdul Kadir (2009:3) mendefiniskan informasi adalah “data yang telah diproses sedemikian

rupa sehingga meningkatkan pengetahuan seseorang yang menggunakannya”.

Menurut Adi Nugroho (2011:6) mendefinisikan informasi adalah “data yang telah

diolah sedemikian rupa sehingga memiliki makna tertentu bagi pengguna”.

Dari beberapa pengertian di atas, penulis menyimpulkan bahwa informasi adalah data

yang telah diolah sedemikian rupa ke dalam suatu bentuk yang lebih berarti bagi

penerimanya yang menggambarkan suatu kejadian-kejadian yang nyata, sehingga bermanfaat

dan dapat digunakan dalam proses pengambilan keputusan saat ini dan saat mendatang.

Fungsi utama informasi adalah menambah pengetahuan atau mengurangi

ketidakpastian pemakai informasi. Nilai dari informasi ditentukan dari 2 (dua) hal, yaitu

manfaat dan biaya untuk mendapatkannya. Menurut Tata Sutabri dalam bukunya “Sistem

Informasi Manajemen” (2005: 35-36) mengemukakan bahwa kualitas dari suatu informasi

tergantung dari 3 (tiga) hal, yaitu:

1. Informasi harus akurat (accurate)

Informasi harus bebas dari kesalahan dan tidak bisa atau menyesatkan. Akurat juga

berarti bahwa informasi harus jelas mencerminkan maksudnya

2. Tepat waktu (timelines)

Informasiyang sampai pada si penerima tidak boleh terlambat informasi yang

sudah using tidak akan mempunyai nilai lagi. Karena informasi merupakan

landasan di dalam pengambilan keputusan.

3. Relevan (relevance)

Informasi tersebut mempunyai manfaat untuk pemakainya Relevan untuk semua

orang,satu dengan yang lainnya adalah berbeda.

2.2.1 Definisi Sistem Informasi

Menurut Alter (1992) dalam buku Pengenalan Sistem Informasi Abdul Kadir (2003:7)

mengemukakan bahwa: “sistem informasi adalah kombinasi antar prosedur kerja, informasi,

orang dan teknologi informasi yang diorganisasikan untuk mencapai tujuan dalam sebuah

organisasi”.

Menurut Hall (2001) dalam buku Pengenalan Sistem Informasi Abdul Kadir (2003:11)

mendefinisikan sistem informasi adalah “sebuah rangkaian prosedur formal di mana data

dikelompokan, diproses, menjadi informasi, dan di distribusikan kepada pemakai”.

Berdasarkan pengertian diatas, dapatdisimpulkan bahwa sistem informasi adalah suatu

sistem di dalam organisasi yang diciptakan oleh para analisis dan manajer guna

melaksanakan tugas khusus tertentu yang sangat esensial bagi berfungsinya organisasi dan

menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan untuk

mendukung operasi dari suatu organisasi.

2.2.2 Definisi Website

Menurut Dian Pranita (2009:15) mengemukakan bahwa:

website atau situs juga dapat diartikan sebagai kumpulan halaman yang

menampilkan informasi data teks, data gambar atau gerak, data animasi suara, vidio

atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang

membentuk suatu rangkaian bangunan yang saling terkait dimana masing-masing

dihubungkan dengan jaringan-jaringan halaman.

Menurut Anni Ahira dalam bukunya “pengenalan pemrograman web “ (2008:9)

mengemukakan bahwa:

website adalah sebuah sistem yang saling terkait dalam sebuh dokumen berformat

hypertext yang berisi beragam informasi, baik tulisan, gambar, suara, vidio dan informasi

multimedia lainnya dan dapat diakses melalui suatu perangkat yang disebut web browser.

Berdasarkan pengertian diatas dapat disimpulkan bahwa website adalah sebuah situs

web yang disebut sekelompok halaman web (web page) yang berada di internet guna untuk

mencari informasi.

2.2.3 Definisi Web Statis

Menurut M. Rudiyanto Arief (2011:8) mengemukakan bahwa: “Web statis

adalah web yang isinya atau content tidak berubah-ubah”.

Maksudnya isi dari dokumen web tersebut tidak dapat diubah secara

cepat dan mudah. Ini karena teknologi yang digunakan untuk membuat dokumen web

ini tidak memungkinkan dilakukan perubahan isi/data. Teknologi yang digunakna

dalam web statis adalah jenis client side scripting seperti HTML, Cascading Style Sheet

(CSS). Perubahan isi data pada halaman web statis hanya dapat dilakukan dengan cara

mengubah langsung isinya pada file mentah web tersebut. Seperti di tunjukan pada

gambar 2.1 di bawah ini:

Gambar 2.1 Contoh Gambar Web Statis

Sumber:http//irenkdesign.com/web-development/basic-statis/

2.2.4 Definisi Web Dinamis

Menurut M. Rudiyanto Arief bukunya (2011:9) mengemukakan bahwa: “Web

dinamis adalah web yang isinya/ content dapat berubah-ubah setiap saat”.

Contoh situs web dinamis di antaranya situs web berita, situs web e-commerce,

situs web e-banking. Seperti di tunjukan pada gambar 2.2 di bawah ini:

Pada web dinamis ini untuk melakukan perubahan data, user cukup mengubahnya

langsung secara online di internet melalui halaman control panel/ administrasi yang biasanya

telah digunakan untuk user administrator selama user tersebut memiliki hak akses yang

sensual. Fitur yang disediakan untuk melakukan pengelolaan terhadap content atau isi,

halaman web dinamis biasanya dibuat semudah mungkin, kareana user yang akan melakukan

perubahn data dihalaman web tersebut kemungkinan bukanlah user yang menguasai detail

teknis bahasa pemrograman dan database atau dapat diistilahkan user biasa. Untuk membuat

web dinamis diperlukan komponen yaitu client side scripting (HTML), JavaScript,

Cascading Style Sheet (CSS), server side scripting seperti PHP, program basis data seperti

MysQL untuk menyimpan data-datanya.

2.3 Internet

Menurut Alexander F.K. Sibero (2013:10) mengemukakan bahwa “Internet

(interconnected network) adalah jaringan computer yang menghubungkan antar jaringan

secara global, internet dapat juga disebut jaringan dalam suatu jaringan yang luas”.

Seperti halnya jaringan computer local maupun jaringan computer area, internet juga

menggunakan protocol komunikasi yang sama yaitu TCP/IP (Transmission Control Protocol

/ Internet Protocol).

2.3.1 Hosting

“Hosting adalah layanan di internet yang menyediakan ruang data untuk di akses

secara mudah melalui jaringan komputer”.

(dikutip dari:http//www.zainalhakim.web.id/definisi-hosting.html pada hari minggu

18/05/2014 pukul 15.31WIB)

2.3.2 Domain

“Domain adalah nama unik yang mewakili suatu alamat website sebagai identitas

alamat website tersebut”.

2.3.3 Database Manajement System (DBMS)

Menurut Ema Utami dan Anggit Dwi Hartanto (2012:5) mengemukakan bahwa:

“DBMS adalah perangkat lunak yang dirancang untuk dapat melakukan utilitas dan

pengelola koleksi data dalam jumlah yang besar”.

2.2.4 MySQL

Menurut Alexander F.K. Sibero (2013:97) mengemukakan bahwa: “MySQL adalah

suatu RDBMS (Relational Database Management System) yaitu aplikasi sistem yang

menjalankan fungsi pengolahan data”. PhpMyAdmin merupakan alat bantu secara visual dari

MySql Seperti di tunjukan pada gambar 2.3 di bawah ini:

Gambar 2.3 phpMyAdmin

2.2.4. Adobe Dreamweaver CS6

Menurut Cristianus Sigit Sulistyo (2013:1) menyatakan bahwa: “Dreamweaver

merupakan softwere utama yang digunakan oleh desainer web dan programmer web untuk

mengembangkan suatu situs web”.

Dreamweaver memilki ruang kerja, fasilitas dan kemampuan yang mampu

meningkatkan produktifitas, dan kemampuan yang mampu meningkatkan produktivitas dan

efektivitas, baik dalam desain maupun pembuatan situs web. Seperti di tunjukan pada gambar

2.4 di bawah ini:

Gambar 2.4 Adobe Dreamweaver CS6

Sumber: aplikasi macromedia dreamweaver

2.2.5 Hypertext Markup Language (HTML)

Menurut Alexander F.K. Sibero (2013:97) mengemukakan bahwa “Hypertext

Markup Language atau HTML adalah bahasa yang digunakan pada dokumen web sebagai

bahasa untuk pertukaran dokumen web”.

2.2.5 Cascading Style Sheet (CSS)

Menurut Alexander F.K. Sibero (2013:112) mengemukakan bahwa:

“Cascading Style Sheet memiliki arti Gaya Menata Halaman Bertingkat, yang

berarti setiap satu elemen yang telah diformat dan memiliki anak dan telah diformat,

maka anak dari elemen tersebut secara otomatis mengikuti format elemen induknya”.

Bentuk penulisan CSS terdiri dari selector, properti dan nilai. Seperti halnya HTML.

2.2.6 XAMPP

Menurut I Putu Agus Eka Pratama (2012:440) menyatakan bahwa: “XAMPP adalah

aplikasi web server bersifat instan (siap saji) yang dapat digunakan baik di sistem operasi

Linux maupun di sistem operasi Windows”. Seperti di tunjukan pada gambar 2.5 di bawah

ini:

Gambar 2.5 XAMPP

Sumber:aplikasi XAMPP

Fungsi dari XAMPP tersebut adalah sebagai server yang bediri sendiri (localhost),

yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa

yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan

dari X (empat system operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia

dalam GNU General Public License dan bebas, merupakan web server yang mudah

digunakan yang dapat melayani tampilan halaman web yang dinamis.

Didalam aplikasi XAMPP terdapat bebarapa alat bantu/tools yaitu:

2.2.7 Apache

“Apache merupakan sebuah aplikasi web server yang bertugas untuk menghasilkan

halaman web (menerjemahkan) kode PHP dan MySQL yang ditulis oleh web programmer”.

2.2.8 MySQL

“MySQL adalah sebuah aplikasi database server, sedangkan SQL (Structured Query

Language) merupakan sebuah bahasa pemrograman terstruktur yang digunakan untuk

mengolah database.

2.2.9 FileZilla

“FileZilla merupakan aplikasi untuk server FTP (File Transfer Protocol) yang

memungkinkan kita berbagi file secara lebih aman, terstruktur, dan tanpa pembatasan

jumlah sesi koneksi”.

2.2.10 CorelDRAW X5

“CorelDRAW X5 adalah sebuah aplikasi computer yang melakukan

editing pada garis vector dan mengolah sebuah gambar.

(dikutip dari:http://belajar-komputer-mu.com/ pada hari minggu 18/05/2014/ pukul 13.53

WIB). Seperti ditunjukan pada gambar 2.6 dibawah ini:

Gambar 2.6 CorelDRAW X5

Sumber: Aplikasi CorelDRAW X5

2.2.11 Adobe Photoshop

“Adobe photoshop adalah perangkat lunak editor citra buatan adobe sIstem yang

dikhususkan untuk pengeditan foto atau gambar dan pembuatan efek”. (dikutip dari:

http://id.m.wikipedia.org/wiki/adobe_photoshop pada hari sabtu 17/05/2014/ pukul 15.03

WIB). Seperti ditunjukan pada gambar 2.7 di bawah ini:

Gambar 2.7 Adobe Photoshop

Sumber:aplikasi adobe photoshop

perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan

sehingga dianggap sebagai pemimpin besar untuk perangkat lunak pengolah gambar atau

foto.

2.2.12 Web Browser

Menurut Alexander F.K. Sibero (2013:12) mengemukakan bahwa: “web browser

adalah aplikasi perangkat lunak yang digunakan untuk mengambil dan menyajikan sumber

informasi web”.

Sumber informasi web diidentifikasi dengan Uniform Resource Identifier (URI) yang

dapat terdiri dari halaman web, video, gambar, ataupun konten lainnya. Sejarah web browser

dimulai pada tahun 1991 saat Tim Berners-Lee membuat aplikasi web browser pertama pada

computer NeXT dengan nama World Wide Web Browser, kemudian di tahun 1993 NCSA

(National Center Supercomputing Application) mengembangkan web browser grafis bernama

NCSA Mosaic, yang kemudian dilanjutkan pada tahun 1994 merilis Netscape Navigator dan

tahun 1998 berubah menjadi Mozilla Firefox. Microsoft corp. ikut meramaikan

perkembangan web browser dengan merilis Internet Explorer pada tahun 1995, dan diikuti

oleh Opera di tahun 1996. Tidak ketinggalan Apple Inc. juga ikut meramaikan pasar web

browser dengan merilis Safari pada tahun 2003. Dan di tahun 2008 google Inc. merilis web

browser dengan nama Google Chrome.

2.3. Data Flow Diagram (DFD)

Menurut Prof. Dr. Jogiyanto HM,MBA,Akt (2005:700) mengemukakan bahwa:

DFD merupakan alat yang digunakan pada metodologi penelitianpengembangan system tang

terstruktur (Structured Analysis and Design) . DFD merupakan alat yang cukup populer

sekarang ini, karena dapat menggambarkan arus data didalam system dengan terstruktur dan

jelas. Lebih lanjut DFD juga merupakan dokomentasi dari system yang baik.

Beberapa simbol digunakan di DFD untuk maksud mewakili:

1. External entity (kesatuan luar) atau boundary (batas sistem)

2. Data flow (arus data)

3. Process (proses)

4. Data store (simpanan data)

2.3.1 Basis Data

Menurut Ema Utami dan Anggit Dwi Hartanto (2012:66) mengemukakan bahwa:

Basis data merupakan sekumpulan data yang disusun secara logis dan

dikendalikan secara sentral. Basis data memiliki bagian-bagian penting, misalnya tabel

yang digunakan untuk menyimpan data, sedangkan tabel itu sendiri memiliki bagian

field atau kolom dan record atau data perbaris.

2.3.2 Kamus Data

Kamus data berfungsi membantu pelaku sistem untuk mengartikan aplikasi

secara detail dan mengorganisasi semua elemen data yang digunakan dalam sistem

secara persis sehingga pemakai dan penganalisis sistem mempunyai dasar pengertian

yang sama tentang masukan, keluaran, penyimpanan dan proses. Kamus data dibuat

berdasarkan arus data dari DFD, arus data di DFD sifatnya adalah global hanya

ditunjukan nama arus datanya saja.

2.3.3 Entity Relasionship (ERD)

Menurut Ema Utami dan Anggit Dwi Hartanto (2012:18) mengemukakan bawha

ERD adalah suatu diagram untuk mengambarkan desain konseptual dari model

konseptual suatu basis data relasional. EDR merupakan gambaran yang

menghubungkan antara objek satu dengan objek yang lain dalam dunia nyata. Bisa

dikatakan bahwa bahan yang akan digunakan untuk membuat ERD adalah dari objek di

dunia nyata.

2.4 Konsep Dasar Web

Web pada dasarnya adalah database dari jaringan komputer di dunia, yang

menggunakan sebuah arsistektur pengambilan informasi yang umum dan berisi tentang

kumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam

jaringan internet.

2.4.1 Komponen Web

Untuk membangun website diperlukan beberapa unsur yang harus agar website dapat

berjalan dengan baik dan sesuai yang diharapkan. Unsur-unsur yang harus ada dalam web

antara lain :

1. Domain Web

Merupakan alamat permanen web di internet yang digunakan untuk mengidentifikasi

sebuah web atau dengan kata lain doamain name adalah alamat yang digunakan untuk

menemukan web kita di internet.

2. Hosting

Jika anda mengakses website melalui browser akan terlihat tampilan berupa gambar,

tulisan, video dan link-link menuju alamat website yang lain. Jika ingin file web anda

terlihat di internet, anda harus menyimpan file-file tersebut pada web server.

2.5 Konsep Basis Data

2.5.1 Definisi Basis Data

Basis data adalah kumpulan data yang saling berelasi. Data sendiri merupakan fakta

mengenai objek, orang lain, dan lain-lain.

2.5.2 Entity Relationship Diagram (ERD)

Perancangan basis data dengan menggunakan model entity relationship adalah dengan

menggunakan ERD (Entity Relationship Diagram).

2.5.3 Bahasa Basis Data (SQL)

SQL (Structured Query Language) adalah bahasa yang bersifat request oriented dan

bersifat non-prosedural sehingga lebih mudah untuk dipelajari karena sintaksis yang

digunakan hampir menyerupai bahasa yang digunakan oleh manusia untuk berkomunikasi.

2.6 Perangkat Lunak Yang Digunakan

Berikut ini adalah perangkat lunak (Software) yang digunakan dan juga bahasa

pemrograman yang digunakan dalam perancangan website.

2.6.1 Bahasa Pemrograman

Bahasa pemrograman yang digunakan dalam pembuatan website sebagai berikut :

1. Hypertext Markup Language (HTML) HTML merupakan salah satu format yang

digunakan dalam dokumen dan aplikasi yang berjalan di web browser.

2. Hypertext Preprocessor (PHP) PHP adalah bahasa server-side scripting yang

menyatu dengan HTML untuk membuat halaman web yang dinamis.

3. Cascanding Style Sheets (CSS) CSS adalah salah satu bahasa pemrograman desain

web (style sheet language) yang mengontrol format tampilan sebuah halaman web

yang ditulis dengan menggunakan bahasa penanda (markup language).

4. Java Script (JS) Java script adalah bahasa scripting yang popular di internet dan

dapat bekerja disebagian besar browser popular seperti Internet Explorer, Mozilla

Firefox, Google Chrome, dan Opera.

2.7 Definisi Adobe Macromedia Dreamweaver 8

Macromedia Adobe Dreamweaver 8 merupakan web editing yang paling banyak dipakai

oleh para pembuat web. Hal ini terbukti dengan kemampuanya mendukung pemrograman

server site seperti ASP (Aktive Server Page), ASP.Net, JSP (Java Server Page), PHP, dan

Coldfusion. Mendukung pemrograman client side seperti java Script, VB Script dan lainnya.

(Ferry Herlambang : 3).

2.7.1 Definisi Web Server ( Apache )

Web server juga sering dikenal dengan istilah HTTPD (Hipertext Transfer Protokol

Dokumen). HTTP server adalah server yang bekerja untuk melayani permintaan dari HTTP

client (Web Browser) ke komputer server. Salah satu Web server yang terkenal dan sudah

terbukti ketangguhannya serta konektifitasnya dengan Php dan Mysql adalah Apache.

Seperti halnya Php dan Mysql, Apache juga di kembangkan oleh komunitas open source

di internet. Saat ini Apache merupakan web server yang populer.

Gambar 2.2. Tampilan Start Apache

Gambar Apache, Php dan Mysql

Apache, Php dan Mysql adalah tiga rangkaian yang bekerja di komputer server yang bekerja

untuk melayani permintaan dari komputer client melalui jalur HTTP .

2.7.2 Definisi PHP ( PHP Hypertext Preprocessor)

PHP merupakan bahasa pemrograman web terpopuler dan paling banyak digunakan saat

ini karena kehandalannya dalam menangani berbagai kasus aplikasi web. (Lukmanul Hakim,

Uus Musalini : V). PHP diciptakan oleh Rasmus Lerford pada tahun 1994 saat Rasmus

membuat sejumlah script Perl, script ini selanjutnya dikemas menjadi tool yang disebut

”Personal Home Page”. Pada tahun 1995 Rasmus menciptakan PHP/F1 versi 2.

Pada versi inilah pemrogram dapat menempelkan kode terstruktur didalam tag HTML

dan dapat juga berkomunikasi dengan database. PHP juga banyak digunakan untuk

membangun website yang dinamis. Adapun kelebihan–kelebihan PHP yaitu :

1. Mudah di buat dan akses kecepatan tinggi.

2. Dapat berjalan dalam web server yang berada dalam sistem operasi yang berbeda

pula. PHP dapat berjalan disistem oprasi linux, Windows 98, Windows NT dan

Machionthosh.

3. Diterbitkan secara gratis dan Open source.

4. Juga dapat berjalan pada web server Microsoft Personal Web server, Apache, IIS,

Xitami dan sebagainya.

5. Termasuk bahasa yang embedded (bisa di temple atau di letakan dalam tag html).

6. Termasuk server side scripting.

Sistem database yang didukung oleh php adalah oracle, Sybase, msql, solid, dan

generic ODBC. Perangkat yang diperlukan memulai membuat program php adalah :

1. Text editor (Notepad, PhPed, vi, elmac, UltraEdit, dan lain-lainya)

2. Browser (IE 4,0 atau lebih, Netscafe Navigator dan lainnya)

3. Web server yang mendukung php.

Fungsi – fungsi yang ada di PHP tidak Case sensitive (membedakan huruf besar dan

kecil). Kode php diawali dengan tanda lebih kecil (<) dan di akhiri dengan tanda lebih besar

(>).

2.7.3 Definisi MySQL

Mysql merupakan database yang menghubungkan script php menggunakan perintah

query dan escape character yang sama dengan php. PHP memang mendukung banyak

database, tetapi untuk membuat sebuah web yang dinamis dan selalu up to date. Mysql

merupakan pilihan database tercepat saat ini. Keunggulan program MySQL di banding

dengan program lain :

1. MySQL merupakan program yang multi-traede, sehingga dapat di pasangkan pada

server yang multi-CPU.

2. Didukung program-program umum seperti C, C++, Java, Perl, PHP, dan Python.

3. Bekerja pada berbagai flatfrom (tersedia untuk berbagai versi untuk berbagai

sistem operasi).

4. Memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi

sistem database.

5. Memiliki sistem keamanan yang cukup baik dengan verifikasi host.

Keuntungan yang berlaku dalam memberikan perintah dalam MySQL :

1. Setiap perintah harus diakhiri dengan tanda ; (titik koma) atau memberi perintah \g.

2. Setiap perintah akan di sampaikan dengan buffer (memory sederhana yang di

gunakan oleh MySQL) untuk memyimpan hystori perintah – perintah yang pernah

di berikan.

3. Perintah dapat berupa SQL atau perintah kamus MySQL.

4. Perintah yang bukan menggunaka SQL dapat di perpendek dengan mengunakan \

dan huruf depan perintah.

5. Perintah help digunakan untuk menampilkan daftar dan aturan memberi perintah

dilingkungan MySQL.

Gambar 2.3. Promt DOS MySql

PHP terdiri atas rangkaian fungsi-fungsi interface (antar muka) pada database MySQL,

hanya dengan fungsi interface sederhana. Sebelum bekerja dengan database MySQL

terlebih dahulu harus melakukan koneksi dengan server database tersebut. Untuk

melakukan dengan database MySQL, PHP menggunakan fungsi mysql_connect. Untuk

mengolah database mysql, ada beberapa cara yaitu melakukan promt DOS (Tool

Command Line), dan dapat juga menggunakan Utillity Php MyAdmin, Mysql GUI,

Mysql Manager Java Based, Mysql Administator windows. Dalam pembuatan website

ini, digunakan PhpMyAdmin untuk membuat database Mysql.

Gambar 2.4. Tampilan PhpMyAdmin

BAB III

METODE PENELITIAN

3.1. Tempat dan Waktu Penelitian

Penelitian ini dilakukan di kecamatan Bangunrejo Lampung Tengah, jadwal kegiatan

terlampir.

3.2. Alat dan Bahan yang Digunakan

3.2.1 Alat (Perangkat Keras)

Adapun perangkat keras (hardware) yang digunakan menunjang dan mendukung

perancangan sistem informasiini adalah sebagai berikut.

a. RAM (Random Accsess Memory)

RAM yang merupakan singkatan dari Random Access Memory ditemukan oleh

Robert Dennard dan diproduksi secara besar - besaran oleh Intel pada tahun 1968,

jauh sebelum PC ditemukan oleh IBM pada tahun 1981. Dari sini lah perkembangan

RAM bermula. Pada awal diciptakannya, RAM membutuhkan tegangan 5.0 volt

untuk dapat berjalan pada frekuensi 4,77MHz, dengan waktu akses memori (access

time) sekitar 200ns (1ns = 10-9 detik). Jika dicermati, perkembangan memori

mengarah pada peningkatan kemampuan memori dalam mengalirkan data baik dari

dan ke prosessor maupun perangkat lain. Baik itu peningkatan access time maupun

lebar bandwidth memori. Selain itu, peningkatan kapasitas memori juga

berkembang. Jika dulu, dengan sistem 8088, memori 1MB dalam satu keping

memori sudah sangat mencukupi, kini bahkan Visipro membuat kapasitas memori

sebesar 512MB dalam satu kepingnya. Yang tidak kalah berkembang adalah adanya

kecenderungan penurunan tegangan

b. Hardisk Bagi kebanyakan pengguna Komputer (PC) kadang kurang atau tidak begitu

memperhatikan masalah pengaturan/penggunaan Hard disk. Biasanya diserahkan ke

orang lain, mulai dari pembelian sampai installasi berbagai program lainnya, dan

setelah itu tinggal memakai, tidak pernah memperhatikan masalah Hard disk. Berikut

mengatur pembagian Hard disk sehingga bisa lebih baik dan memudahkan. Dengan

semakin murahnya perangkat yang satu ini dan kapasitas yang semakin bertambah,

maka penggunaannya pun harus diperhatikan. Maskipun bisa saja kita membagi

Hardisk 500 GB Menjadi 1 atau 2 partisi ( drive C: dan drive D:), tetapi hal itu menurut

saya merupakan cara yang kurang baik. Berikut tips saya yang sebagian merupakan

hasil pengalaman pribadi. Pembagian hardisk memang tidak ada standard khusus,

biasanya hal ini berdasarkan pengalaman atau keperluan. Cara terbaik adalah dengan

menentukan terlebih dahulu kategori yang akan digunakan. Misalnya Untuk Sistem

Operasi, Data, Master Program, Audio/video dan lainnya.

Gambar 3.1 Hardisk

Perlu diingat bahwa HDD 80 GB (GigaByte) tidak sepenuhnya dapat menyimpan data

sebesar 80 GB, demikian juga ketika terbaca di komputer. Untuk HDD 80 GB, biasanya

hanya mampu menyimpan data atau akan terbaca maksimal 74 GB. Untuk 40 GB menjadi 37

GB, 160 GB = 149 GB, 250=232 GB, 320 = 298 GB, 500 GB = 465 GB, 640 = 596 GB, 1

TB (TeraByte) = 931 GB dan seterusnya. Sehingga kita tidak bisa membagi HDD 80 GB

menjadi 4 drive dengan masing-masing berukuran sama dan terbaca 20 GB semua. Berikut

contoh pembagian HDD 160 GB (terbaca sekitar 149 GB), dengan sistem operasi Windows

XP.

Drive C : 20 GB (Label “winXP”, untuk menginstall sistem operasi windows XP dan

program lainnya)

Drive D : 40 GB (Label “Master”, untuk menyimpan berbagai master program

sebelum di install)

Drive E : 40 GB (Label “Data”, untuk menyimpan Data atau Dokumen)

Drive F : 49 GB atau sisanya (Label “Media”, untuk menyimpan berbagai file audio

dan Video)

Mengapa drive C hanya berukuran 20 GB ? Bagi kebanyakan orang, drive C sebagai lokasi

installasi sistem operasi tidak memerlukan banyak tempat. Untuk Windows XP paling hanya

2 GB, Office sekitar 1 GB dan sisanya berupa program-program lainnya dan biasanya masih

mencukupi. Sehingga dengan ukuran yang kecil akan lebih mudah dalam merawatnya, seperti

ketika scan virus, spyware, defragment hardisk lebih cepat dan lainnya, Dalam mem-format

HDD, biasanya ukuran yang dimasukkan dalam MB (Mega Byte). Kemudian Agar HDD

terbaca sebesar 20 GB, maka ukuran yang kita masukkan dalam MB harus lebih besar dari

20.000. Misal kita tentukan ukurannya 21.500 MB, maka ukuran ini akan terbaca sekitar 20

GB. Atau bisa ditambah sedikit misalnya 22.000 MB (terbaca 20.5 GB). Demikian juga

ketika menentukan ukuran 40 GB ( diisi sekitar 43.000 MB). Untuk lebih mudahnya bisa

melihat Konversi GigaByte.

c. D-Link

Gambar 3.2 D-Link

d. LAN Card

Merupakan penghubung internet yang terdapat pada susunan komponen slot pada

mathorboard computer, perangkat keras ini memiliki kapasitas yang sangat penting

dalam membantu proses akses internet dan komunikasi data dalam pengoperasiaan

web.

e. Koneksi Internet

Internet merupakan jaringan global komputer dunia, besar dan sangat luas sekali

dimana setiap komputer saling terhubung satu sama lainnya dari negara ke negara

lainnya di seluruh dunia dan berisi berbagai macam informasi, mulai dari text,

gambar, audio, video, dan lainnya. Internet itu sendiri berasal dari kata

Interconnection Networking, yang berarti hubungan dari banyak jaringan komputer

dengan berbagai tipe dan jenis, dengan menggunakan tipe komunikasi seperti

telepon, salelit, dan lainnya (www.sejarah-internet.com). Jaringan internet juga

didefinisikan sebagai jaringan komputer yang mampu menghubungkan komputer di

seluruh dunia sehingga berbagai jenis dan bentuk informasi dapat dikomunikasikan

antar belahan dunia secara instan dan global. Selain kedua pengertian di atas, internet

juga disebut sebagai sekumpulan jaringan komputer yang menghubungkan situs

akademik, pemerintahan, komersial, organisasi, maupun perorangan. Internet

menyediakan akses untuk layanan telekomunikasi dari sumber daya informasi untuk

jutaan pemakainya yang tersebar di seluruh dunia. Layanan internet meliputi

komunikasi langsung (e-mail, chat), diskusi (usenet news, milis, bulletin board),

sumber daya informasi yang terdistribusi (World Wide Web, Ghoper), remote login

dan lalu lintas file (Telnet, FTP), serta berbagai layanan lainnya. Sejalan dengan

perkembangan internet, telah banyak aktivitas yang dilakukan dengan memanfaatkan

jaringan internet, seperti e-Commerce, e-Banking, e-Government, e-Learning dan

lainnya. Salah satu aktivitas yang berkaitan dengan proses pembelajaran adalah e-

Learning. E-Learning adalah wujud penerapan teknologi informasi di bidang

pendidikan dalam bentuk sekolah maya. E-Learning merupakan usaha untuk

membuat sebuah transformasi proses belajar mengajar di sekolah dalam bentuk

digital yang dijembatani oleh teknologi internet.

3.2.2. Perangkat Lunak (Software)

Linux diperkenalkan pertama kali pada Agustus 1991 oleh Linus Torvalds. Linux

merupakan versi berbeda dari UNIX yang menyerupai UNIX. Linux merupakan sistem

operasi multi-user dan multi-tasking. Artinya lebih dari satu orang dapat masuk ke komputer

Linux yang sama dan pada waktu yang sama. User yang sama dapat masuk ke account dari

dua atau lebih terminal pada waktu yang sama, multi-tasking, artinya user dapat

mengeksekusi lebih dari satu proses (program) pada waktu yang sama. Linux Red Hat

mendukung perangkat keras PC yang kompatibel untuk x86. Sebelumnya, perangkat keras

yang dapat didukung terbatas, tetapi sekarang, Linux menjadi salah satu tujuan dari vendor

perangkat keras. Untuk mengakses sistem membutuhkan authentication. Metode yang biasa

digunakan untuk authentication user adalah proses login dengan memasukkan nama user dan

password. Untuk memasuki system console dapat menggunakan login berbasis teks atau

grafis. Setiap pemakai Linux harus mempunyai nama login (user account) yang sebelumnya

harus didaftarkan pada administrator system. Nama login umumnya dibatasi maksimum 8

karakter dan umumnya dalam huruf kecil. Prompt dari shell bash pada LINUX menggunakan

tanda “$”. Sebagai contoh :

localhost login: bob

Password:

Last login: Thu Dec 7 10:30:52 on :0

[bob@localhost bob]$

Sistem booting akan memasuki X Window System, tergantung display manager yang

digunakan. Default tampilan untuk Linux Red Hat adalah gdm (GNOME Display Manager).

Pada Linux terdapat virtual console yang memungkinkan user masuk ke beberapa login

apabila tidak menggunakan X Window System. Virtual console berupa full screen dan sistem

non GUI. Terdapat 6 virtual console yang tersedia melalui Ctrl-Alt-F[1-6]. Virtual console

juga tersedia melalui Ctrl-Alt-F7 pada X Window system bila X dijalankan. Sistem X.Org

adalah dasar untuk graphical user interface (GUI) dari Red Hat Linux. Sistem ini mempunyai

arsitektur jaringan client/server yang lengkap dan transparan. Pada aplikasi client/server, X11

menggunakan UNIX-domain atau jaringan TCP/IP untuk operasinya, dimana satu server

menyediakan untuk beberapa client berupa perangkat keras (host dan display) dan perangkat

lunak (aplikasi) melaluiprotocol untuk melewatkan data. Terdapat 2 layer yaitu layer

perangkat keras independen dan layer perangkat lunak independen. Layer perangkat keras

mengatur koordinasi mouse dan keyboard (input) dan video card dan display (output).

Perangkat lunak menyediakan API sebagai dasar karakeristik visual yang seragam dan

menelusuri platform yang berbeda. GNOME (GNU Network Object Model Environment)

merupakan lingkungan dekstop yang user friendly yang memungkinkan user untuk

melakukan konfigurasi dan penggunaan komputer dengan lebih mudah. Pada GNOME

terdapat panel sepanjang layar bawah untuk menampilkan aplikasi dan menampilkan

informasi. Pada GNOME juga terdapat seperangkat aplikasi dan dekstop tool. GNOME

merupakan standarisasi bagi aplikasi untuk berkomunikasi dan saling konsisten. Dekstop user

friendly lainnya adalah KDE yang disediakan oleh Linux Red Hat. Untuk melakukan

konfigurasi baik GNOME maupun KDE pada workstation Linux Red Hat sangat mudah dan

dapat berpindah antar dua dekstop tersebut tergantung pilihan user. Untuk memulai X.org

tidak perlu dilakukan jika sistem booting pada mode grafis. Bila sistem booting pada virtual

console (mode teks) maka X.org dapat dimulai dengan menjalankan peintah startx.

3.2 Metode Penelitian

Metode Pengumpulan Data Untuk pengambilan data dalam penelitian ini dengan

menggunakan beberapa metode yaitu :

1. Metode Pengumpulan Data

Merupakan cara pengumpulan data dengan jalan tanya jawab sepihak yang dikerjakan

dengan sistematik dan berlandaskan kepada tinjauan penelitian.

2. Metode Observasi

Observasi merupakan pengamatan langsung terhadap objek yang akan diteliti.

3. Dokumentasi

Dokumentasi merupakan mencari data mengenai hal-hal atau variabel yang berupa

catatan, transkip buku, surat kabar, majalah, notulen, agenda dan sebagainya.

4. Studi Pustaka

Studi pustaka merupakan metode pengumpulan data dari buku-buku referensi,

literatur atau bahan teori-teori lainnya yang diperlukan yang berkaitan dengan

penyusunan laporan.

Setelah melaksanakan penelitian terhadap sistem informasi yang sedang berjalan pada

Kantor Camat Bangunrejo, penulis menemukan kendala yang ada pada kantor camat tersebut

yaitu: web ini tidak menampilkan informasi-informasi yang berhubungan dengan biaya

karena bersifat rahasia dan menjadi kebijakan di Kantor Camat Bangunrejo, seperti: biaya

PBB.

3.3 Sistem yang sedang berjalan

Masyarakat Bag. Umum Sekertariat

T

Y

Gambar 3.1 Flowchart Sistem yang berjalan

Pertanyaan

pertanyaan

Informasi

Mengajukan

Pertanyan

Informasi

mengerti

Pertanyaan

Mengajukan

Pertanyan

Informasi

Selesai

Mulai

3.3. Struktur Organisasi

Gambar 3.2 Struktur organisasai Camat Bangunrejo

C A M A T

SEKRETARIS

CAMAT

KASUB BAG

UMUM &

KEPEGAWAIAN

KASUB BAG

KEUANGAN

KASUB BAG

PERENCANAAN

& PELAPORAN

KASI

KESEJAHTERAAN

RAKYAT

KELOMPOK JABATAN

FUNGSIONAL

KASI TATA

PEMERINTAHAN

KASI

PEMBANGUNAN

DAN

PEMBERDAYAAN

MASYARAKAT

KASI

PEREKONOMIAN

DAN

PEMBANGUNAN

KASI

KETENTRAMAN

DAN

KETERTIBAN

UMUM

K E L U R A H A N

KAMPUNG

BANGUNREJO

KAMPUNG

SIDOREJO

KAMPUNG

SIDOLUHUR

KAMPUNG

SIDOMULYO

KAMPUNG

SIDODADI

KAMPUNG

PURWODADI

KAMPUNG TIMBUL

REJO

KAMPUNG

SUKAWARINGIN

KAMPUNG

SUKANEGARA

KAMPUNG SRI

PENDOWO

KAMPUNG MEKAR

JAYA

KAMPUNG

TANJUNG JAYA

KAMPUNG

SINAR LUAS

KAMPUNG SINAR

SEPUTIH

KAMPUNG

CIMARIAS

KAMPUNG TANJUNG

PANDAN

BAB IV

HASIL DAN PEMBAHASAN

4.1 Hasil Perancangan

Berikut ini adalah sistem informasi yang diusulkan berdasarkan dari data yang diolah yang

dikembangkan menjadi sistem informasi berbasiskan website.

4.1.1 Aliran Informasi

Masyarakat yang membutuhkan informasi melakuakan pencarian informasi yakni dengan

mengunjungi atau membuka website kecamatan bangunrejo, setelah itu proses pencarian informasi

diwebsite kecamatan bangunrejo tersebut dilakukan dengan cara melihat informasi yang sudah tertera

pada website kecamatan bangunrejo.Admin melakukan pembaruan isi website pada saat ada informasi

baru yang harus di unggah dan ada masyarakat yang memberikan kritik dan saran.Informasi yang

telah ditemukan kemudian di simpan oleh masyarakat yang membutuhkan.

4.1.2 Perancangan Antarmuka Sistem

Antarmuka pemakai (user interface ) dalam sistem ini ada dua sisi, yaitu sisi pengunjung

website dan sisi administrator website. Antarmuka untuk pengunjung website hanya menampilkan

data tau informasi yang memang diijinkan untuk dapat dilihat oleh pengunjung, karena memang tidak

semua data atau informasi ditampilkan di halaman website.Sedangkan antarmuka untuk administrator

(halaman admin) hanya dapat di akses oleh administrator resmi website Kecamatan Bangunrejo.

4.1.3 Pembahasan Struktur Tabel Database

Dari perancangan database yang telah dibuat, maka dapat dilihat hasil dari pembuatan tabel

seperti berikut:

1. Tabel Admin

Perancangan struktur data tabel user menghasilkan tabel admin seperti di tunjukan pada gambar

dibawah ini:

Gambar 4.1:Pembahasan Struktur Data Tabel Admin

2. Tabel Berita

Perancangan struktur data tabel berita menghasilkan tabel berita seperti di tunjukan pada

gambar dibawah ini:

Gambar 4.2:PembahasanStruktur Data Tabel Berita

3. Tabel Komentar

Perancangan struktur data tabel komentar menghasilkan tabel profil seperti di tunjukan pada

gambar dibawah ini:

Gambar 4.3:Pembahasan struktur data tabel komentar

4. Tabel Profil

Perancangan struktur data tabel profil menghasilkan tabel profil seperti di tunjukan pada

gambar dibawah ini:

Gambar 4.4:Pembahasan struktur data tabel profil

4. Tabel Sejarah

Perancangan struktur data tabel sejarah menghasilkan tabel sejarah seperti di tunjukan pada

gambar dibawah ini:

Gambar 4.5:Pembahasan struktur data tabel sejarah

5. Tabel Struktur Organisasi

Perancangan struktur data tabel strukturorganisasi menghasilkan tabel strukturorganisasi seperti

di tunjukan pada gambar 4dibawah ini:

Gambar 4.6:Pembahasan struktur data tabel strukturorgsnisasi

4.2 PembahasanHalaman Admin

Halaman admindigunakan untuk proses manajemen data (tambah, edit, dan hapus data)

yang akan ditampilkan pada website. Setiap admin harus melalui proses login untuk masuk ke

halaman user dengan cara memasukkan user name dan password. Apabila user akan keluar dari

halaman user harus melalui proses logout dengan cara mengklik link logout(keluar).

4.2.1 Tampilan Halaman Login

Halaman login digunakan oleh admin untuk masuk, admin tidak bisa mengakses halaman

admin jika tidak melakukanproses login terlebih dahulu. Seperti di tunjukan pada gambar dibawah

ini:

Gambar 4.7:Pembahasan Tampilan Halaman Login

4.2.2 Tampilan Halaman Utama Admin

Halaman utama admin merupakan suatu halaman yang memiliki link kesemua halaman

admin.Seperti di tunjukan pada gambar di bawah ini:

Gambar 4.8 Pembahasan Tampilan Halaman Admin

4.2.3 Tampilan Halaman Admin Home

Tampilan halaman home merupakan suatu halaman yang digunakan untuk memanipulasi

berita terkiniyang terdiri dari input. Seperti di tunjukan pada gambar 4.51 di bawah ini:

Gambar 4.8: Pembahasan Tampilan Halaman Admin Home

4.2.4 Tampilan Halaman Admin Pelayanan

Tampilan halaman pelayanan merupakan suatu halaman yang digunakan untuk memanipulasi

data-data Pelayanan yang terdiri dari input. Seperti di tunjukan pada gambar di bawah ini:

Gambar 4.9 Pembahasan Tampilan Halaman Admin Pelayanan

4.3 Pembahasan Website

Halaman Home merupakan tampilan utama halaman situs web di mana para pengunjung

dapat mengetahui informasi atau berita terbaru di kecamatan bangunrejo Bangunrejo. Seperti

ditunjukan pada gambar di bawah ini:

Gambar 4.10:Desain File Home

4.3.1 Analisa Keuntungan dan Kelemahan

Berdasarkan Website yang di buat maka kelebihan yang dapat di peroleh

adalah sebagai berikut :

1. Pemanfaatan informasi berbasis teknologi lebih maksimal dalam hal persebaran

informasi, sehingga lebih luas cakupan dan wilayah persebarannya.

2. Dengan menggunakan Sistem Informasi berbasis web Pada Kantor Camat Bangunrejo,

maka penyampaiam informasi tidak lagi terbatas pada jam kerja, masyarakat dapat

mendapatkan informasi setiap saat.

Disamping kelebihan yang diberikan website yang di buat terdapat

kekurangan yang di akibatkan kurangnya SDM dan fasilitas yang di miliki Kantor Camat Bangunrejo,

kekurangan tersebut antara lain :

1. Pemanfaatan informasi dalam persebaran informasi yang dilakukan secara online

membutuhkan jaringan yang terkoneksi dengan internet, sehingga di butuhkan kemampuan

server yang dapat menampung dan mengkordinir pendataan di dalamnya

2. Software yang di gunakan dalam pembuatan website bervariasi sehingga memerlukan

perangkat komputer yang mampu mengoprasikan software-software tersebut secara optimal

dan sumber daya manusia yang mampu mengoprasikan software-software tersebut agar

dalam pengoprasian web tersebut dapat berjalan maksimal terutama pengolahan data.

Berdasarkan analisis dan pembahasan masalah yang ada dalam proses penyampaian informasi

pada Kantor Camat Bangunrejo, maka penulis dapat mengambil kesimpulan sebagai berikut:

1. Dengan menggunakan Sistem Informasi Website Dinamis Sebagai Media Informasi Pada

Kantor Camat Bangunrejo, maka penyampaian informasi dari pihak Kecamatan Bangunrejo

kepada masyarakat akan lebih cepat tersampaikan.

2. Dengan menggunakan Sistem Informasi Website Dinamis Sebagai Media Informasi Pada

Kantor Camat Bangunrejo, maka penyampaiam informasi tidak lagi terbatas pada jam kerja,

masyarakat dapat mendapatkan informasi setiap saat.

Untuk mendapatkan manfaat dari Sistem Informasi Website Dinamis Sebagai Media Informasi

Pada Kantor Camat Bangunrejo ini secara optimal, maka penulis memberikan beberapa saran antara

lain:

1. Pada Kantor Camat Bangunrejo diharapkan dapat segera terkoneksi jaringan internet,

supaya memudahkan pengontrolan dan proses manajemen data.

2. Perlunya tenaga khusus (administrator) untuk menangani pengolahan data, agar informasi

yang disajikan selalu update.

3. Perlu disosialisasikan kepada masyarakat agar sistem yang telah dibangun bermanfaat

sesuai dengan tujuan dibuatnya sistem ini.

4. Sistem Informasi ini hanya sebagai media penyampai informasi dan masih dapat

dikembangkan lagi menjadi Sistem Informasi berbasis pelayanan seperti layanan

pembuatan KTP, KK. Sehingga Kantor Camat Bangunrejo dapat lebih meningkatkan mutu

pelayanannya tidak hanya terbatas pada penyampaian informasi saja.

Daftar Pustaka

Agus Mulyanto. 2009. Sistem Informasi Konsep dan Aplikasi. Pustaka Pelajar.

Adhi Prasetio. 2012. Buku Pintar Pemrograman WEB. Media Kita - Trans Media. Jakarta

Al-Bahra Bin Ladjamudin. 2013. Analisis dan Desain Sistem Informasi. Graha Ilmu. Yogyakarta.

Anisyah. 2000. Analisa dan desain sistem informasi. PT. Andi offset. Yogyakarta.

Budi Sutedjo dharma Oetomo. Perencanaan & Pembangunan Sistem Informasi, Andi,

Yogyakarta. 2002

Buyens, Jim. 2001. Web database development. Elex media komputindo. Jakarta.

Dhanta, risky. 2009. Kamus istilah komputer grafis dan internet. Indah. Surabaya.

Kenneth C. Laudon dan Jane P. Laidon. 2005. Sistem Informasi Manajemen Mengelola Perusahaan Digital. Penerbit Andi. Yogyakarta

M. Rudyanto Arief. 2006. Pemrograman Basis Data Menggunakan Transact – SQL dengan Microsof SQL Server 2000. Penerbit Andi.Yogyakarta

Octavian, Diar Puji. 2010. Menjadi programmer jempolan menggunakan PHP. Yogyakarta. Mediakom.

Prof. Jogiyanto HM, Ph.D., MBA,Akt. 2011. Sistem Tata Kelola Teknologi Informasi. Penerbit

Andi. Yogyakarta.

Prof. Dr. Emzir, M.Pd, 2010. Analisis Data. Yogyakarta. Andi Offset.

Sutabri, Tata.2005.Sistem Informasi Manajemen. Yogyakarta: C.V Andi Offset.

Sutabri ,Tata.2012. Konsep Sistem Informasi.Yogyakarta: C.V Andi Offset.

1. Anggaran Biaya

Tabel Lampiran 1 anggaran yang telah dipergunakan dalam Penelitian

No. Uraian Kegiatan Volume Biaya Satuan (Rp) Jumalah (Rp)

1. Biaya Komponen :

a. D-Link

c. LAN Card

d. Harddisk internal

e. Harddisk eksternal

f. Mouse Bluetooth

g. RAM

1

1

1 paket

1.000.000,-

500.000,-

1.500.000

1.000.000,-

500.000,-

1.500.000,-

2. Biaya Pengeluaran dan Lain

a. Biaya Peneliti

b. Biaya Adm/ATK

c. Pelaporan

-

1 set

-

3.000.000,-

300.000,-

50.000,-

2.000.000,-

300.000,-

50.000,-

3. Biaya housting dan

Bandwith

1 4.650.000,- 4.650.000,-

Jumlah 10.000.000,-

2. Jadwal Penelitian

Tabel lampiran 2 Jadwal Kegiatan Penelitian

NO Kegiatan

Oktober November Desember

1. Proses Penelitian

2. Persiapan Penelitian:

a. Alat & Bahan

b. Literatur

c. Ijin Penelitian

3. Pelakasanaan:

a. Survey Lokasi

b. Setting Lokasi

c. Data

d. Proses

e. Output

f. Analisis

4. Pelaporan:

a. Pembuatan Laporan Hasil

b. Seminar Hasil

c. Revisi

Lampiran 3. Susunan organisasi tim peneliti dan pembagian tugas

No Nama / NIDN Instansi

Asal

Bidang

Ilmu

Alokasi

Waktu

(jam/minggu)

Uraian Tugas

1 Sudarmaji,S.Kom., M.MKom UM-

Metro

Komputer 18

jam/minggu

- Melakukan

Survei

Lapangan

- Menandatanga

ni kontrak

penelitian

- Sebagai

penyaji

seminar

- Melakukan

Pengujian

- Pembuatan

laporan

2. Anggota/Mahasiswa D-III

M.I

Komputer 12

jam/minggu

Membantu

kegiatan

dalam

penelitian

selama

kegiatan

perkuliahan

tidak ada.

Lampiran 4 Biodata Ketua / Anggota Peneliti

Biodata Ketua Peneliti

A. Identitas Diri

B. Riwayat Pendidikan

S-1 S-2 S-3

Nama Perguruan Tinggi Tunas Bangsa Mitra Jogjakarta

Bidang Ilmu Komputer Manajemen Komputer

Tahun Lulus 2004 2007

C. Pengalaman Penelitian Dalam 5 tahun terakhir

No. Tahun Judul Penelitian Pendanaan

Sumber * Jml (Juta RP)

1 2013 Pemanfaatan Biomassa Limbah

Jamur Tiram Sebagai Bahan Bakar

Alternatif Untuk Proses Sterilisasi

Jamur Tiram

Dikti Rp.15.000.000

1 Nama Lengkap (dengan

gelar)

Sudarmaji, M.MKom

2 Jenis Kelamin Laki-laki

3 Jabatan Fungsional Asisten Ahli

4 NIP/NIK/Identitas lainnya -

5 NIDN 0101067402

6 Tempat dan Tanggal Lahir Prabumulih, 01 Juni 1974

7 E-mail dharmaji_1974@yahoo.com

9 Nomor Telepon/HP 081379888835

10 Alamat Kantor Jln. KH. Dewantara N0. 116 Metro Lampung

11 Nomor Telepon/Faks (0725) 45932-42445

12 Lulusan yang Telah

Dihasilkan

D3= 50

13. Mata Kuliah yg Diampu

1. Komunikasi Data & Jaringan

2. Pemrograman 1

3. Sistem Operasi

2. 2014 Studi Pengembangan Teknologi

Informasi Pengolahan Data Nilai

Akhir Mahasiswa Berbasis Web

Sebagai Sarana Informasi Akhir

pada Program Diploma 3

Manajeme Informatika Universitas

Muhammadiyah Metro

Universitas (OPR) Rp. 5.000.000

3. 2014 Manfaat Pengolahan Data Sistem

Informasi Manajemen Sebagai

Sarana Sosialisasi Pasar Tradisional

Secara Online Kepada Masyarakat

Kota Metro

Dikti Rp. 11.000.000

a. Pengalaman Pengabdian Kepada Masyarakat 5 Tahun Terakhir

No. Tahun Judul Pengabdian Kepada

Masyarakat

Pendanaan

Sumber * Jml (Juta RP)

1. 2009 Memberikan materi pelatihan

komputer kepada guru dan staff MA

Ma’arif Tanjungkarang

Mandiri Rp. 3.000.000

2. 2011 Mengawas Ujian Nasional SLTA

Lampung Tengah

UNILA Rp. 1.000.000

3. 2012 Mengawas Ujian Nasional SLTA

Lampung Tengah

UNILA Rp. 1.200.000

4. 2013 Mengawas Ujian Kompetensi

Lembaga Lampung Tengah

Itech Rp. 2.000.000

5. 2014 Mengawas Ujian Nasional SLTA

Lampung Tengah

UNILA Rp. 1.400.000

Dst.

b. Publikasi Artikel Ilmiah Dalam Jurnal Dalam 5 Tahun Terakhir

No. Judul Artikrl Ilmiah Nama Jurnal Volume/Nomor Tahun

1. Manfaat Sistem Informasi Akademik

Berbasis Web Pada

Program Diploma 3 Manajemen Informatika

Universitas Muhammadiyah Metro Lampung

Mikrotik (Junal

Program D-III MI

UM Metro)

Volume 1 Nomor 1 2013

2. Sistem Pengecekan Kerusakan Pada

Harddisk yang Mengalami Bad Sector Akibat

Perubahan Arus Tegangan Listrik dan Virus

Majalah Ilmiah

UM Metro

Vol. 14 No. 1 terbitan

bulan April 2010, ISSN

0853-8506

3. Manfaat Sistem Informasi Jaringan Lan

(Local Area Network) Dan Wan (Wide Area

Network) Dalam Lingkungan Kampus

Majalah Ilmiah

UM Metro

Vol. 14 No. 2 terbitan

bulan November 2010,

ISSN 0853-8506

4. Perancangan obotic menggunakan program

sederhana (pascal) berbasis IBM PC

Majalah Ilmiah

UM Metro

Vol. 13 No. 1 terbitan

bulan April 2009, ISSN

0853-8506

5. Sistem Kerja Pengendali Otomatis Lampu

Traffic Light Pada Persimpanagan 4 (empat)

Jalan Raya Menggunakan Programmable

Logic Controller (PLC)

Turbo Jurnal

Fakultas Teknik

Mesin UM Metro

Vol. 2 No. 1, Juni 2013

ISSN : 2301-6663

6. Sistem Kerja Pengontrol Menggunakan PPI

8255 Berbasis Personal Computer (PC)

sebagai Alat Bantu Pengusir Serangga

Turbo Jurnal

Fakultas Teknik

Mesin UM Metro

Vol. 2 No. 2, Desember

2013

ISSN : 2301-6663

7. Perancangan Sistem Informasi Akademik

Berbasis WEB Pada Program Diploma III

Manajemen Informatika UM Metro

Jurnal

Informatika IBI

Darmajaya

Lampung

Vol. 12 No. 2 Desember

2012

ISSN : 1693-3877

c. Pemakalah Seminar Ilmiah (Oral Presentasion) dalam 5 Tahun Terakhir

No. Nama Pertemuan Judul Seminar Waktu dan

Tempat

1. Seminar Nasional Cyber Web Hacking and Sacurity dengan

tema Cyber

Aula Gedung B

UM Metro

2. Seminar Shift Happen Perubahan besar sudah, sedang, dan

akan terjadi (Teknologi Informasi

dan Komuniksi)

Aula Gedung E

UM Metro

d. Karya Buku Dalam 5 Tahun Terakhir

No. Judul Buku Tahun Jumlah

Halaman Penerbit

1

2

Dst.

e. Perolehan HKI dalam 5-10 Tahun Terakhir

No. Judul / Tema HKI Tahun Jenis Nomor P/ID

1

2

3

Dst.

f. Pengalaman Merumuskan Kebijakan Publik/Rekayasa Sosial dalam % Tahun

Terakhir

No. Judul/Tema/Jenis Rekayasa sosial

lainnya yang diterapkan Tahun

Tempat

Penerapan

Respon

Masyarakat

1

2

3

Dst.

g. Penghargaan dalam 10 Tahun Terakhir (dari Pemerintah, Asosiasi atau Institusi

lainnya)

No. Jenis Penghargaan Institusi pemberi Tahun

1

2

3

Dst.

Semua data yang saya isikan dan tercantum dalam biodata ini adalah benar dan dapat

dipertanggungjawabkan secara hokum.Apabila dikemudian hari teryata di jumpai

ketidaksesuaian dengan kenyataan, saya sanggup menerima sanksi.

Demikian biodata ini saya buat dengan sebenarnya untuk memenuhi salah satu persyaratan

dalam pengajuan Penelitian Dosen Pemula

Metro, September 2016

Pengusul,

Sudarmaji, M.MKom

NIDN. 0201067402

SURAT PERNYATAAN KETUA PENELITI/PELAKSANA

Yang bertanda tangan di bawah ini:

Nama : Sudarmaji,S.Kom., M.MKom

NIDN : 0201067402

Pangkat / Golongan : III/b

Jabatan Fungsional : Lektor

Dengan ini menyatakan bahwa proposal penelitian saya dengan judul: “MODEL SISTEM

INFORMASI WEBSITE SEBAGAI MEDIA INFORMASI LAYANAN MASYARKAT

CAMAT BANGUNREJO LAMPUNG TENGAH”

” untuk tahun anggaran 2016 bersifat original dan belum pernah dibiayai oleh lembaga/sumber

dana lain . Bilamana di kemudian hari ditemukan ketidaksesuaian dengan pernyataan ini, maka saya

bersedia dituntut dan diproses sesuai dengan ketentuan yang berlaku dan mengembalikan seluruh biaya

penelitian yang sudah diterima ke kas Universitas.

Demikian pernyataan ini dibuat dengan sesungguhnya dan dengan sebenar-benarnya.

Metro, 06 September 2016

Ketua Lembaga Penelitian, Mengetahui,Yang menyatakan,

Prof. DR. H. Juhri AM, M.Pd. Sudarmaji, M.MKom

NIP. 195303071985011001 NIDN. 0201067402

UNIVERSITAS MUHAMMADIYAH METRO

Alamat: Jl. Ki Hajar Dewantara No. 116 Iringmulyo Kota Metro

Telp/Fax (0725) 42445-42454