Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
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) : [email protected]
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 [email protected]
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