Pembuatan Website Pada Kementerian Agama Kabupaten Rejang Lebong Menggunakan Bahasa Pemrograman Php

176
TUGAS AKHIR PEMBUATAN WEBSITE PADA KEMENTERIAN AGAMA KABUPATEN REJANG LEBONG MENGGUNAKAN BAHASA PEMROGRAMAN PHP Diajukan Untuk Memenuhi Syarat-Syarat Guna Memperoleh Gelar Ahli Madya (A.Md) Pada Jurusan Dakwah DISUSUN OLEH: Nama : Ade Kurniawan NIM : 0861041 Program Studi : Komunikasi dan Penyiaran Islam Konsentrasi : Manajemen Informatika Jenjang : Diploma 3 JURUSAN DAKWAH SEKOLAH TINGGI AGAMA ISLAM NEGERI (STAIN) CURUP 2011

description

Laporan Tugas Akhir Komputer

Transcript of Pembuatan Website Pada Kementerian Agama Kabupaten Rejang Lebong Menggunakan Bahasa Pemrograman Php

  • TUGAS AKHIR

    PEMBUATAN WEBSITE PADA KEMENTERIAN AGAMA KABUPATEN REJANG LEBONG MENGGUNAKAN BAHASA PEMROGRAMAN PHP

    Diajukan Untuk Memenuhi Syarat-Syarat Guna

    Memperoleh Gelar Ahli Madya (A.Md) Pada Jurusan Dakwah

    DISUSUN OLEH:

    Nama : Ade Kurniawan NIM : 0861041

    Program Studi : Komunikasi dan Penyiaran Islam Konsentrasi : Manajemen Informatika Jenjang : Diploma 3

    JURUSAN DAKWAH SEKOLAH TINGGI AGAMA ISLAM NEGERI

    (STAIN) CURUP 2011

  • i

    PERSETUJUAN

    Setelah melakukan bimbingan, telaah, arahan dan koreksi terhadap penulisan

    Tugas Akhir Saudara:

    Nama : Ade Kurniwanan

    Nomor Induk Mahasiswa : 0861041

    Program Studi : Manajemen Informatika

    Jenjang : Diploma III

    Yang Berjudul :

    PEMBUATAN WEBSITE PADA KEMENTERIAN AGAMA KABUPATEN

    REJANG LEBONG MENGGUNAKAN BAHASA PEMROGRAMAN PHP

    Pembimbing berpendapat bahwa Tugas Akhir tersebut di atas sudah dapat

    diajukan dalam sidang ujian Tugas Akhir

    Dosen Pembimbing I

    Drs. Saidil Mustar, M.Pd NIP 19620204 200003 1 004

    Curup, Agustus 2011 Dosen Pembimbing II

    Wandi Syahindra, M.Kom NIP 19810711 200501 1 004

  • KEMENTERIAN AGAMA RI SEKOLAH TINGGI AGAMA ISLAM NEGERI

    STAIN CURUP Jalan Dr.AK Ghani No.01 Kotak Pos 108 Telp.(0732)21010-21759 Fax 21010 Curup 39119

    ii

    PENGESAHAN TUGAS AKHIR MAHASISWA No : Sti.06/6/PP.009/ /2011

    Nama : Ade Kurniawan NIM : 0861041 Jurusan : Dakwah Program : Manajemen Informatika Jenjang : Diploma 3 Telah dimunaqasyahkan dalam sidang terbuka Sekolah Tinggi Agama Islam Negeri (STAIN) Curup, pada : Hari/Tanggal : Kamis, 18 Agustus 2011 Pukul : 08.00-09.30 WIB Tempat : Laboratorium Komputer STAIN Curup Dan telah diterima untuk melengkapi sebagian syarat-syarat guna memperoleh gelar Ahli Madya Program Diploma III Manajemen Informatika.

    Curup, September 2011 Ketua STAIN Curup, Dr.Budi Kisworo, M.Ag NIP.19550111 197603 1 002

    TIM PENGUJI

    Ketua, Drs.Kemas Rezi Susanto, M.Pd.I NIP.19690916 199303 1 002 Penguji I, Dra. Ulfa Harun, M.Pd.I NIP. 19540822 198103 2 001

    Sekretaris, Hariya Toni,S.Sos.I.,MA. NIP. 19820510 200912 1 003 Penguji II, Sagiman, M.Kom NIP. 19790501 200901 1 007

  • iii

    MOTTO

    Berbuat jelek baik sekali, berbuat baik jangan sekali.

    Tanah yang digadaikan bisa kembali dalam keadaan lebih berharga, tetapi

    kejujuran yang pernah digadaikan tidak pernah bisa ditebus kembali.

    Harga kebaikan manusia adalah diukur menurut apa yang telah dilaksanakan /

    diperbuatnya.

    PERSEMBAHAN

    Kuperembahkan karya kecilku :

    1. Kepada Ibuku Ponimah dan Ayahku Syamsul Bahri yang telah mendidikku

    dan memberikan doa yang tida henti-hentinya dengan penuh kesabaran.

    2. Kepada Kakak-kakakku Herry Susanto, Henny Susilowati, Hermi Kurniati,

    Hengki Wibowo, Hafid Purnomo dan Hendri Aprianto yang telah memberikan

    dukungan dengan sepenuh hati.

  • iv

    KATA PENGANTAR

    Assalamualaikum Warakhmatullahi Wabarakatuh

    Syukur alhamdulillah penyusun sampaikan kehadirat Allah SWT atas segala

    rahmat dan barokah yang telah dilimpahkan-Nya, sehingga penyusunan Tugas

    akhir untuk menyelesaikan Program Diploma III (DIII) di Sekolah Tinggi Agama

    Islam Negeri (STAIN) Curup Jurusan Dakwah Konsentrasi DIII Manajemen

    Informatika dapat diselesaikan.

    Didalam penyusunan Tugas Akhir dan pembuatan aplikasi ini, penyusun banyak

    mendapat bantuan, bimbingan dan dorongan baik secara langgsung maupun tidak

    langsung dari berbagai pihak. Untuk itu penyusun ingin menyampaikan rasa

    terima kasih yang sebesar-besarnya atas bimbingan Bapak/Ibu Dosen STAIN

    Curup terutama kepada:

    1. Kedua Orang tuaku yang telah membimbingku selama ini.

    2. Bapak Dr. H. Budi Kisworo, M. Ag selaku Ketua STAIN Curup.

    3. Bapak Drs. H. M. Ch. Naseh, M. Ed selaku Kepala Kemeneterian Agama

    Kabupaten Rejang Lebong.

    4. Bapak Nelson, S.Ag, M.Pd.I selaku Ketua Jurusan Dakwah STAIN Curup.

    5. Bapak Sagiman, M.Kom selaku Ketua Konsentrasi DIII manajemen

    Informatika STAIN Curup.

  • v

    6. Bapak Drs. Saidil Mustar, M.Pd, selaku Pembimbing I yang telah

    membimbing penulis sehingga dapat menyelesaikan Tugas Akhir ini

    dengan baik.

    7. Bapak Wandi Syahindra, M.Kom, selaku Pembimbing II yang telah

    banyak memberikan bimbingan dan solusi dalam penulisan Tugas Akhir

    ini.

    8. Kepala perpustakaan STAIN Curup beserta karyawan yang telah banyak

    memberikan bantuan kepada penyusun seperti halnya meminjamkan buku-

    buku sebagai bahan Tugas Akhir sehingga penyusun dapat menyelesaikan

    Tugas Akhir ini.

    9. Bapak-bapak dan ibu-ibu yang selama ini telah membimbing dan

    memberikan nasihat kepada penyusun, mudah-mudahan keikhlasan

    Bapak/ibu akan mendapat amal disisi Allah Amin.

    10. Rekan-rekan mahasiswa yang telah memberikan motivasi kepada

    penyusun khususnya Mahasiswa DIII Manajemen Informatika Lokal B

    Angkatan 2008 STAIN Curup.

    Wassalamualaikum Warakhmatullahi Wabarakatuh

    Curup, Agustus 2011

    Ade Kurniawan NIM 0861041

  • vi

    DAFTAR ISI Halaman Persetujuan...........................................................................................................i Halaman Pengesahan...........................................................................................................ii Halaman Motto dan Persembahan......................................................................................iii Kata Pengantar.....................................................................................................................iv Daftar Isi ..............................................................................................................................vi Daftar Gambar .....................................................................................................................viii Daftar Tabel .........................................................................................................................x Abstrak .................................................................................................................................xi BAB 1 PENDAHULUAN

    1.1 Latar Belakang..................................................................................................1 1.2 Rumusan Masalah.............................................................................................3 1.3 Batasan Masalah ...............................................................................................3 1.4 Tujuan Penelitian ..............................................................................................4 1.5 Manfaat Penelitian............................................................................................4 1.6 Metodologi Penelitian ......................................................................................6 1.7 Sistematika Penyusunan...................................................................................11

    BAB 2 LANDASAN TEORI

    2.1 Beberapa Istilah dan Pengertian Internet ........................................................13 2.1.1 Sejarah Internet........................................................................................13 2.1.2 Tinjauan Umum Website.........................................................................18

    2.2 Tinjauan Umum Perangkat Lunak...................................................................25 2.3 Teknik Pemrograman .......................................................................................28 2.4 Konsep Perancangan Database ........................................................................30

    2.4.1 Konsep Perancangan Terstruktur ...........................................................30 2.4.2 Flowchart (Bagan Alir) ...........................................................................31 2.4.3 Tinjauan Umum PHP..............................................................................33 2.4.4 Tinjauan Umum Macromedia Dreamweaver ........................................41 2.4.6 Tinjauan Umum MySQL Front..............................................................53

    BAB 3 GAMBARAN UMUM OBJEK PENELITIAN

    3.1 Sejarah Berdiri Kementerian Agama Kabupaten Rejang Lebong ................61 3.2 Kondisi Umum..................................................................................................63 3.3 Visi dan Misi Kementerian Agama Kabupaten Rejang Lebong ...................65 3.4 Tugas Pokok dan Fungsi masing-masing Bagian...........................................69 3.5 Struktur Organisasi ...........................................................................................78

  • vii

    BAB 4 IMPLEMENTASI SISTEM 4.1 Analisa Sistem ..................................................................................................80

    4.1.1 Analisa Sistem Berjalan..........................................................................80 4.1.2 Analisa Sistem Baru................................................................................81

    4.2 Desain Sistem....................................................................................................82 4.2.1 Flowchart .................................................................................................82 4.2.2 Site Map (Peta Situs)...............................................................................84 4.2.3 Rancangan Database ...............................................................................85 4.2.4 Rancangan Output ...................................................................................86 4.2.5 Rancangan Antar Muka ..........................................................................86 4.2.6 Rancangan Input......................................................................................90

    4.3 Testing...............................................................................................................90 4.4 Hasil dan Implementasi....................................................................................92

    4.4.1 Halaman Umum.......................................................................................93 4.4.2 Halaman Administrasi.............................................................................98

    BAB 5 PENUTUP

    5.1 Kesimpulan .......................................................................................................102 5.2 Saran ..................................................................................................................102

    DAFTAR PUSTAKA ........................................................................................................104 LAMPIRAN-LAMPIRAN

  • viii

    DAFTAR GAMBAR Gambar 2.1 Logo PHP........................................................................................................33 Gambar 2.2 Cara Kerja Web...............................................................................................34 Gambar 2.3 Logo Macromedia Dreamweaver............................................................................. 41 Gambar 2.4 Area Kerja Macromedia Dreamweaver 8 .......................................................42 Gambar 2.5 Common Insert Bar ........................................................................................43 Gambar 2.6 Layout Insert Bar ............................................................................................44 Gambar 2.7 Form Insert Bar ...............................................................................................45 Gambar 2.8 Text Insert Bar ................................................................................................47 Gambar 2.9 HTML Insert Bar ............................................................................................48 Gambar 2.10 Page Property Inspector ...............................................................................49 Gamabr 2.11 Panel Groups.................................................................................................50 Gambar 2.12 Panel CSS......................................................................................................51 Gambar 2.13 Panel Application..........................................................................................51 Gambar 2.14 Panel Tag Inspector ......................................................................................52 Gambar 2.15 Panel Files .....................................................................................................52 Gambar 2.16 Koneksi Baru Pada MySQL-Front ..............................................................53 Gambar 2.17 Koneksi Berhasil Pada MySQL-Front ........................................................55 Gambar 2.18 Pembuatan Database Baru...........................................................................55 Gambar 2.19 Mengahapus Database .................................................................................56 Gambar 2.20 Membuat Tabel Baru....................................................................................57 Gambar 2.21 Tabel Berhasil Dibuat...................................................................................58 Gambar 2.22 Mengubah Struktur Tabel ............................................................................58 Gambar 2.23 Menambah atau Memasukkan Data ............................................................59 Gambar 2.24 Menghapus Data ...........................................................................................60 Gambar 3.1 Lambang KementerianAgama RI..................................................................66 Gambar 3.2 Struktur Seksi Penyelenggara Haji dan Umrah ............................................79 Gambar 4.1 Flowchart Data Haji........................................................................................82 Gambar 4.2 Flowchart Website Kemenag Rejang Lebong ..............................................83 Gambar 4.3 Site Map Website Kemenag Rejang Lebong ................................................84 Gambar 4.4 Rancangan Output Data Haji .........................................................................86 Gambar 4.5 Rancangan Layar Halaman Utama ................................................................87 Gambar 4.6 Rancangan Layar Halaman Profil..................................................................87 Gambar 4.7 Rancangan Layar Halaman Info Haji ............................................................88 Gambar 4.8 Rancangan Layar Halaman Gallery...............................................................88 Gambar 4.9 Rancangan Layar Halaman Tanya-Jawab.....................................................89 Gambar 4.10 Rancangan Layar Halaman Lain-lain..........................................................89 Gambar 4.11 Rancangan Form Input Data Haji ................................................................90 Gambar 4.12 Halaman Beranda..........................................................................................93 Gambar 4.13 Halaman Profil ..............................................................................................94 Gambar 4.14 Halaman Info Haji ........................................................................................95 Gambar 4.15 Halaman Gallery...........................................................................................96 Gambar 4.16 Halaman Tanya-Jawab .................................................................................97 Gambar 4.17 Halaman Lain-lain ........................................................................................98

  • ix

    Gambar 4.18 Halaman Form Tambah Berita ....................................................................99 Gambar 4.19 Form Input Data Haji....................................................................................100 Gambar 4.20 Output Data Haji...........................................................................................101

  • x

    DAFTAR TABEL

    Tabel 2.1 Simbol Flowchart................................................................................................32 Tabel 2.2 Daftar Escape Character.....................................................................................39 Tabel 2.3 Tipe Data dalam MySQL ...................................................................................41 Tabel 3.1 Nama-nama Pejabat Kementerian Agama Kabupaten Rejang Lebong .........62 Tabel 4.1 Data Jemaah ........................................................................................................86 Tabel 4.2 Tabel Pengujian Website Kemenag Rejang Lebong .......................................91

  • xi

    ABSTRAK

    Penelitian yang dilakukan pada Kementerian Agama Kabupaten Rejang Lebong yaitu guna membuat sebuah website. Dalam penelitian ini dilakukan sebuah perancangan sistem agar dapat diperoleh informasi yang lebih spesifik serta sesuai dengan kebutuhan.

    Adapun metode yang digunakan dalam penelitian ini adalah observasi, wawancara dan dokumentasi. Analisa dan desain dilakukan dengan menggunakan Data Flow Diagram dan Entity Relationship Diagram. Desain sistem tersebut diimplementasikan dengan menggunakan Bahasa Pemrograman PHP serta Basis Data MySQL.

    Diharapkan hasil akhir dari penelitian ini nantinya mampu memberikan informasi kepada masyarakat mengenai berita serta informasi haji (dalam hal ini sebatas nama jemaah yang telah melaksanakan ibadah haji).

  • 1

    BAB I PENDAHULUAN

    1.1 LATAR BELAKANG

    Pemanfaatan teknologi informasi terutama internet saat ini telah membawa

    perubahan yang sangat besar dalam kehidupan masyarakat karena didukung oleh

    kemudahan dalam mencari informasi yang dibutuhkan. Selain itu juga faktor

    biaya yang cukup terjangkau dalam penggunaan akses internet serta luasnya

    cakupan informasi yang tersedia menjadikan internet sebagai salah satu media

    komunikasi yang dapat diandalkan.

    Penggunaan website sebagai salah satu cara dalam memberikan informasi

    kepada pengguna internet, pada saat ini telah menjadi trend yang sangat umum

    diterapkan karena sifat internet yang dapat diakses selama 24 jam non-stop

    dengan wilayah cakupan yang sangat luas.

    Secara terminologi, website adalah kumpulan dari halaman-halaman situs,

    yang biasanya terangkum dalam sebuah domain atau sub-domain, yang

    tempatnya berada di dalam World Wide Web (WWW) di Internet1.

    Kementerian Agama Kabupaten Rejang Lebong sebagai sebuah instansi

    yang mengkhususkan diri pada bidang keagaaman, mengemban tugas penting

    dalam menyebarkan informasi yang berkaitan dalam bidang keagamaan kepada

    masyarakat luas. Penyampaian informasi keagamaan yang pada mulanya

    dilakukan secara konvensional yakni melalui pertemuan langsung, berkat

    kemajuan teknologi informasi memungkinkan penyampaian informasi tadi dapat

    1 Artikel Non-Personal, 07 April 2011, Situs Web, Wikipedia Bahasa Indonesia, http://id.wikipedia.org/wiki/Situs_web, (Diakses 08 April 2011).

  • 2

    disampaikan dengan berbagai cara. Salah satunya melalui website.

    Penggunaan website ini sangat besar manfaatnya apabila diterapkan pada

    Kementerian Agama Kabupaten Rejang Lebong karena dirasa akan memberikan

    solusi yang cukup praktis terhadap permasalahan yang seringkali terjadi.

    Salah satu permasalahan umum yang seringkali terjadi yakni ketika

    seseorang membutuhkan informasi mengenai info haji pada periode tertentu.

    Biasanya seseorang tersebut harus datang ke Kementerian Agama Kabupaten

    Rejang Lebong dan menanyakan pada Bagian Haji dan Umroh untuk

    mengetahaui informasi tersebut. Dibutuhkan waktu yang cukup lama untuk

    mengecek dokumen yang ada satu-persatu para peserta haji pada periode tersebut

    sehingga hal ini dirasakan kurang efektif.

    Dengan adanya website, seseorang yang membutuhkan informasi tersebut

    tidak lagi harus menempuh cara lama, karena dalam hal ini website diharapkan

    dapat memberikan informasi secara langsung kepada seseorang tanpa harus

    terkendala oleh waktu. Cukup dengan menggunakan komputer yang telah

    terhubung dengan internet serta telah terinstal web browser pada komputer

    tersebut (Internet Explorer, Mozila Firefox, Google Chrome, Opera dan lain-lain)

    sebuah website telah dapat diakses. Selain itu sifat website (yang dalam hal ini

    dibuat menggunakan Bahasa Pemrograman PHP dan Basis Data MySQL) dapat

    diakses oleh semua komputer tanpa terkendala oleh perbedaan Sistem Operasi

    Komputer yang digunakan, juga untuk mengakses sebuah website hanya

    menggunakan sedikit resource pada komputer user sehingga dengan semua

    kelebihan yang dimiliki ini, informasi yang akan disampaikan diharapkan bisa

  • 3

    menjangkau seluruh lapisan golongan masyarakat yang membutuhkan informasi

    tersebut.

    Berdasarkan uraian yang telah disampaikan, maka penyusun tertarik untuk

    menganalisa dan merancang sebuah website yang berfungsi memberikan

    informasi seputar Kementerian Agama Kabupaten Rejang Lebong, kemudian

    mengimplementasikannya kedalam sebuah program aplikasi berbasis website

    serta akan dijadikan oleh penyusun sebagai suatu topik dalam penyusunan tugas

    akhir dengan judul, Pembuatan Website Pada Kementerian Agama

    Kabupaten Rejang Lebong Menggunakan Bahasa Pemrograman PHP.

    1.2 RUMUSAN MASALAH

    Berdasarkan Latar Belakang diatas, permasalahan yang akan dibahas

    meliputi hal-hal sebagai berikut:

    a. Bagaimana membuat sebuah website pada Kementerian Agama Kabupaten

    Rejang Lebong?

    b. Informasi apa saja yang akan ditampilkan pada website Kementerian

    Agama Kabupaten Rejang Lebong?

    1.3 BATASAN MASALAH

    Internet sebagai salah satu media komuniksi global mempunyai beragam

    kelebihan dalam optimalisasi pencarian sebuah informasi yang dibutuhkan, maka

    disini penyusun membuat sebuh website yang dapat membantu pengguna internet

    mencari informasi yang berkaitan dengan Kementerian Agama Kabupaten

  • 4

    Rejang Lebong. Namun penyusun membuat beberapa batasan masalah agar

    dalam pembahasan nantinya lebih terarah dan sesuai dengan tujuan yang akan

    dicapai. Adapun batasan masalah tersebut adalah sebagai berikut:

    a. Informasi yang akan ditampilkan pada website Kementerian Agama

    Kabupaten Rejang Lebong berkisar mengenai berita terbaru serta informasi

    haji pada Kementerian Agama Kabupaten Rejang Lebong.

    b. Mengolah data berupa data jemaah haji yang telah melaksanakan ibadah

    haji pada Kementerian Agama Kabupaten Rejang Lebong.

    c. Bahasa pemrograman yang digunakan adalah PHP (Hypertext

    Preprocessor) dengan Basis Data MySQL.

    1.4 TUJUAN PENELITIAN

    a. Penelitian ini bertujuan untuk membuat website pada Kementerian Agama

    Kabupaten Rejang Lebong menggunakan bahasa pemrograman PHP.

    b. Website ini bertujuan untuk menyebarkan informasi dari Kementerian Agama

    Kabupaten Rejang Lebong kepada masyarakat luas mengenai berita terbaru

    serta informasi haji pada Kementerian Agama Kabupaten Rejang Lebong.

    1.5 MANFAAT PENELITIAN

    Manfaat yang diharapkan dari penyusunan Laporan Tugas Akhir ini adalah

    sebagai berikut:

  • 5

    1.5.1 Secara Teoritis

    Dapat menambah ilmu dalam berpikir dan kontribusi ilmiah teknologi

    komputer terutama terhadap segala hal yang berkaitan dengan pembuatan

    website.

    1.5.2 Secara Praktis

    a. Bagi Penyusun

    Dengan adanya penelitian ini akan melatih dan menguji

    kemampuan berpikir kreatif dan analitis untuk memperkaya ilmu

    pengetahuan yang diperoleh selama pendidikan dibangku kuliah

    dengan menerapkan hal tersebut di lapangan.

    b. Bagi Kementerian Agama Kabupaten Rejang Lebong

    Hasil dari pembuatan website ini diharapkan dapat

    membantu Kementerian Agama Kabupaten Rejang Lebong dalam

    menyebarkan informasi kepada masyarakat luas secara lebih

    efektif.

    c. Bagi STAIN Curup

    Menambah khasanah ilmu pengetahuan dibidang teknologi

    komputer, khususnya dalam pembuatan website menggunakan

    bahasa pemrograman PHP sebagai salah satu referensi pustaka

    bagi mahasiswa yang akan menyusun tugas akhir.

  • 6

    1.6 METODOLOGI PENELITIAN

    Metodologi adalah kerangka teoritis yang digunakan oleh penyusun untuk

    menganalisa, mengerjakan atau mengatasi masalah yang dihadapi. Sedangkan

    kerangka teoritis adalah merupakan metode-metode ilmiah yang akan

    diterapkan dalam pelaksanaan tugas. Dalam penyusunan tugas akhir ini

    digunakan beberapa metode penelitian sebagai sarana untuk memahami objek

    masalah. Metode yang digunakan adalah sebagai berikut:

    1.6.1 Metode Penelitian

    Pada penelitian ini sangat diperlukan pengembangan sistem, agar

    user merasa nyaman dalam menjalankan suatu sistem yang akan

    digunakan. Pengembangan sistem informasi berbasis komputer untuk

    menyelesaikan persoalan (problem) organisasi atau memanfaatkan

    kesempatan (opportunities) yang timbul. Oleh karena itu penyusun

    menggunakan metode pembagian sistem, agar website yang dihasilkan

    sesuai dengan yang diharapkan.

    Untuk menghasilkan sistem informasi sesuai dengan apa yang

    diharapkan diperlukan adanya :

    a. System Analysis : Upaya untuk mendapatkan gambaran

    bagaimana sistem bekerja dan masalah-masalah apa saja yang ada

    pada sistem. Oleh karena itu disini penyusun melakukan survei

    ketempat penelitian secara langsung.

  • 7

    b. System Development2 : Langkah-langkah mengembangkan

    sistem yang baru berdasarkan gambaran cara kerja sistem dan

    permasalahan yang ada.

    c. Research and Development3 : Kegiatan penelitian dan

    pengembangan, yang memiliki kepentingan dalam kaitannya

    dengan riset ilmiah dan pengembangan aplikatif di

    bidang teknologi.

    d. Penelitian Laboratorium (Laboratory Research) : Dalam

    penelitian ini dilakukan perancangan program dan mempraktikan

    langsung hasil dari analisa, pengetikan dan menguji kebenaran

    rancangan sistem yang nantinya menghasilkan sistem yang siap

    diterapkan.

    Dalam pengembangan sistem diperlukan adanya beberapa tahap

    yang harus diperhatikan, agar proses pengembangan sistem dapat

    dilakukan dengan baik dan sesuai dengan yang diharapkan, tahap-tahap

    yang perlu diperhatikan yang dimaksud penyusun adalah sebagai

    berikut :

    2 Moko, 27 April 2010, Sistem Development Life Cycle (SDLC) atau Daur Hidup Pengembangan Sistem, http://www.moko-delahoya.co.cc/2010/04/sistem-development-live-cycle-sdlc-atau.html, (Diakses 08 April 2011). 3 Artikel Non-Personal, 29 Oktober 2008, Definisi Research and Development,

    http://fendiaw.wordpress.com/2008/10/29/definisi-research-and-development-r-and-d-atau-rd/, (Diakses 08 April 2011).

    http://id.wikipedia.org/wiki/Risethttp://id.wikipedia.org/wiki/Teknologi

  • 8

    a. Survei, bertujuan untuk mengetahui ruang lingkup pekerjaan.

    b. Analisis, bertujuan untuk memahami sistem yang ada,

    mengindentifikasi masalah dan mencari solusinya.

    c. Desain, bertujuan mendesain sistem baru yang dapat

    menyelesaikan masalah-masalah yang dihadapi.

    d. Pembuatan, membuat sistem baru.

    e. Implementasi, bertujuan untuk mengimplementasikan sistem

    yang baru.

    f. Pemeliharaan, bertujuan agar sistem dapat berjalan secara

    optimal.

    1.6.2 Metode Pengumpulan Data

    1) Studi Lapangan (Field Research) yaitu untuk memperoleh data

    primer. Yang dimaksud data primer adalah data yang diperoleh

    secara langsung dari sumber data dengan cara sebagai berikut :

    a. Pengamatan (Observation)

    Bertujuan untuk memahami suatu masalah dari

    pandangan orang-orang yang ada didalamnya4. yaitu

    dengan mengamati secara langsung sekaligus mencatat

    objek-objek di lapangan guna memperoleh data dan

    keterangan yang akurat, objektif, dan dapat dipercaya dan

    bertujuan untuk mendapat gambaran mengenai objek

    4 Ruslan, Rosadi, 2003, Metodologi Penelitian Public Relations dan Komunikasi, Raja Grafindo Persada Jakarta, Halaman 33.

  • 9

    penelitian, pengamatan dan pencatatan yang sistematis

    terhadap gejala-gejala yang diteliti.

    b. Wawancara (Interview)

    Merupakan salah satu teknik pengumpulan data melalui

    daftar pertanyaan yang di ajukan secara lisan terhadap

    responden (subjek)5. Pengumpulan data dengan

    mengajukan pertanyaan-pertanyaan kepada pihak-pihak

    yang dianggap dapat memberikan informasi yang

    dibutuhkan dalam penelitian.

    c. Studi Kepustakaan (Library Research)

    Yaitu melakukan pengumpulan data dengan

    mempelajari bahan, konsep, buku-buku dan teori yang

    berkaitan dengan proses penyusunan dan pembahasan

    masalah yang diahas oleh penyusun termasuk didalam

    literatur tentang penyusun dan mengenai hal-hal yang

    mendukung pembuatan website. Juga mempelajari dari

    sumber data yang lain seperti dari internet.

    5 Ibid Halaman 22.

  • 10

    d. Studi Dokumentasi

    Dokumen merupakan sumber data yang digunakan

    untuk melengkapi penelitian, baik berupa sumber tertulis,

    film, gambar (foto), dan karya-karya monumental, yang

    semuanya itu memberikan informasi bagi proses penelitian.

    1.6.3 Metode Perancangan Program

    Metode ini ditempuh dengan beberapa tahap antara lain sebagai

    berikut:

    a. Tahap Analisis Sistem

    Tahap pengidentifikasian sebuah masalah secara jelas dan

    kemudian menentukan cara pemecahannya.

    b. Tahap Design

    Digunakan untuk mencapai kebutuhan yang ditentukan

    untuk sistem dan batasan-batasan yang mempengaruhi bagaimana

    desain arsitektural ini diterapkan6. Pada tahap ini programmer

    membuat rencana mekanisme program yang meliputi bentuk

    input dan output yang merupakan gambaran tentang data yang

    diproses dan informasi yang dihasilkan. Agar program yang

    disusun dapat terarah dan menghasilkan informasi yang sesuai

    dengan kebutuhan.

    6 Umi Proboyekti, S.Kom, MLIS, Konsep Desain Software, http://lecturer.ukdw.ac.id/othie/softdesign.pdf (Diakses 08 April 2011)

  • 11

    c. Tahap Coding

    Penyusunan program dilakukan dengan menggunakan

    bahasa pemrograman yang sesuai.

    d. Tahap Debuging

    Tahap melakukan pencarian kesalahan-kesalahan program

    dan memperbaiki kesalahan tersebut sehingga program yang

    dibuat dapat berjalan dengan baik.

    e. Tahap Dokumentasi

    Tahap menuliskan petunjuk mengenai penggunaan program

    agar mudah dijalankan oleh pihak yang berkepentingan

    1.7 SISTEMATIKA PENYUSUNAN

    Adapun dalam penyusunan Laporan Tugas Akhir ini, sistematika

    penyusunannya adalah sebagai berikut:

    BAB I : PENDAHULUAN

    Pada bab ini penyusun merumuskan tentang Latar Belakang

    Masalah, Rumusan Masalah, Tujuan Penelitian, Manfaat

    Penelitian, Metode Penelitian dan Sistematika Penyusunan.

  • 12

    BAB II : LANDASAN TEORI

    Bab ini menguraikan tentang Tinjauan Umum Perangkat

    Lunak, Teknik Pemrograman, Konsep Pernacangan

    Database, Beberapa Istilah dan Pengertian Internet, Tinjauan

    Umum Website, Unsur-unsur Website, Tinjauan Umum PHP

    (Hypertext Preprocessor), Tinjauan Umum Macromedia

    Dreamweaver serta Tinjauan Umum MySQL-Front.

    BAB III : GAMBARAN UMUM OBYEK PENELITIAN

    Bab ini memberikan informasi mengenai Sejarah Berdirinya

    Kantor Kementerian Agama Kabupaten Rejang Lebong,

    Kondisi Umum, Visi dan Misi, Tugas Pokok dan Fungsi

    Masing Masing Bagian pada Kementerian Agama Kabupaten

    Rejang Lebong.

    BAB IV : IMPLEMENTASI SISTEM

    Dalam bab ini akan berisi tentang Analisa Sistem, Desain

    Sistem, Testing, Hasil dan Implementasi.

    BAB V : KESIMPULAN DAN SARAN

    Pada bab terakhir ini penyusun menarik kesimpulan serta

    mengemukakan saran-saran yang sekiranya dapat

    memberikan sumbangan pemikiran yang diperoleh dari hasil

    penelitian.

    DAFTAR PUSTAKA

    LAMPIRAN-LAMPIRAN

  • 13

    BAB II LANDASAN TEORI

    2.1 Beberapa Istilah dan Pengertian Internet

    2.1.1 Sejarah Internet

    Sejarah internet dimulai pada tahun 1960-an ketika Departemen

    Pertahanan Amerika khawatir akan kemungkinan terjadinya perang

    nuklir. Hal ini membuat dimulainya penelitian untuk menghubungkan

    komputer-komputer yang dimiliki Departemen Pertahanan dalam satu

    instansi.7 Komputer tersebut diharapkan dapat saling berkomunikasi

    dan tetap bertahan jika perang benar-benar terjadi. Pada bulan Oktober

    1962 dimulailah program riset komputer di ARPA (Advanced

    Research Projects Agency) dengan Joseph Licklider sebagai ketua

    program pertama.

    Pada tahun 1965 dengan bantuan dana dari ARPA, Larry Robert

    dan Thomas Marill mencoba membuat koneksi Wide Area Network

    yang pertama. Mereka menghubungkan komputer TX-2 di MIT dengan

    komputer Q-32 di Santa Monica melalui jaringan telepon. Dari

    percobaan tersebut disimpulkan bahwa jaringan telepon dapat

    melewatkan data, namun tidak efisien karena menghabiskan bandwidth

    dan mahal. Kleinrock memprediksikan model pengiriman paket data

    merupakan komunikasi antar-dua komputer yang paling

    memungkinkan.

    7 Henry Pandia, Teknologi Informasi dan Komunikasi, PT. Erlangga,2004, hal. 05.

  • 14

    Pada tahun 1966 Bob Taylor dari ARPA menerima bantuan

    dana dari beberapa universitas di Amerika Serikat untuk melakukan

    percobaan membuat jaringan yang menghubungkan komputer-

    komputer dari sejumlah universitas yang mendanai percobaan ini. Tiga

    tahun kemudian jaringan tersebut berhasil dibuat yang disebut sebagai

    ARPANET. Jaringan itu kemudian menjadi cikal bakal lahirnya

    internet.

    Internet, yang ada pada saat itu disebut dengan ARPANET,

    pertama kali online pada tahun 1969. Pada awalnya ARPANET

    menghubungkan komputer-komputer di berbagai universitas di bagian

    barat daya Amerika Serikat, antara lain University of California Los

    Angeles (UCLA), Stanford Research Institute, University of California

    Santa Barbara, dan University of Utah.

    Pada 1970, sudah lebih dari 10 komputer yang berhasil

    dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi

    dan membentuk sebuah jaringan. Dan pada tahun yang sama di bulan

    Juni beberapa universitas dan lembaga lain, seperti MIT, Harvard,

    BBN, dan Systems Development Corp (SDC) di Santa Monica, ikut

    bergabung. Selanjutnya, pada bulan Januari 1971 giliran Stanford,

    Lincoln Labs milik MIT, Carnegei-Mellon, dan Case-Western Reserve

    University ikut bergabung. Beberapa bulan kemudian, lembaga-

    lembaga, seperti NASA/Ames, Mitre, Burroughs, RAND, dan

    University Illinois juga ikut bergabung, setelah itu, semakin banyak

  • 15

    lembaga-lembaga yang terhubung ke internet dan perkembangannya

    masih terbatas pada lembaga-lembaga tertentu saja.

    Pada tahun 1971 The Network Working Group menyelesaikan

    protokol Telnet. Protokol yang digunakan untuk mengakses sebuah

    komputer dari jarak jauh. Selain itu, Network Working Group membuat

    kemajuan pada standar File Transfer Protocol (FTP), protokol yang

    digunakan untuk mengunduh file.

    Tahun 1972, Roy Tomlinson dari BBN berhasil

    menyempurnakan program e-mail yang ia ciptakan setahun yang lalu

    untuk ARPANET. Program e-mail ini begitu mudah sehingga langsung

    menjadi populer. Pada tahun yang sama, icon @ juga diperkenalkan

    sebagai lambang penting yang menunjukkan "at" atau "pada". Tahun

    1973, jaringan komputer ARPANET mulai dikembangkan ke luar

    Amerika Serikat. Komputer University College di London merupakan

    komputer pertama yang ada di luar Amerika yang menjadi anggota

    jaringan ARPANET. Permasalahan yang timbul untuk menghubungkan

    jaringan-jaringan komputer ke dalam ARPANET adalah banyaknya

    jaringan komputer yang berbeda. Maka pada tahun yang sama dimulai

    pengembangan sebuah protokol yang kemudian hari disebut protokol

    TCP/IP oleh sebuah kelompok yang dipimpin oleh dua orang ahli

    komputer yakni Vinton Cerf dan Bob Kahn. Protokol tersebut

    memungkinkan dua jaringan komputer yang berbeda dapat

    berinterkoneksi dan berkomunikasi satu dengan yang lain.

  • 16

    Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika

    Ratu Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar

    Establishment di Malvern. Setahun kemudian, sudah lebih dari 100

    komputer yang bergabung di ARPANET membentuk sebuah jaringan

    atau network. Pada 1979, Tom Truscott, Jim Ellis dan Steve Bellovin,

    menciptakan newsgroups pertama yang diberi nama USENET. Tahun

    1981 France Telecom menciptakan gebrakan dengan meluncurkan

    telpon televisi pertama, dimana orang bisa saling menelpon sambil

    berhubungan dengan video link.

    Karena komputer yang membentuk jaringan semakin hari

    semakin banyak, maka dibutuhkan sebuah protokol resmi yang diakui

    oleh semua jaringan. Pada tahun 1982 dibentuk Transmission Control

    Protocol atau TCP dan Internet Protokol atau IP yang kita kenal semua.

    Sementara itu di Eropa muncul jaringan komputer tandingan yang

    dikenal dengan Eunet, yang menyediakan jasa jaringan komputer di

    negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan Eunet

    menyediakan jasa e-mail dan newsgroup USENET.

    Untuk menyeragamkan alamat di jaringan komputer yang ada,

    maka pada tahun 1984 diperkenalkan sistem nama domain, yang kini

    kita kenal dengan DNS atau Domain Name System. Komputer yang

    tersambung dengan jaringan yang ada sudah melebihi 1000 komputer

    lebih. Pada 1987 jumlah komputer yang tersambung ke jaringan

    melonjak 10 kali lipat menjadi 10.000 lebih.

  • 17

    Tahun 1988, Jarko Oikarinen dari Finland menemukan dan

    sekaligus memperkenalkan IRC atau Internet Relay Chat. Setahun

    kemudian, jumlah komputer yang saling berhubungan kembali

    melonjak 10 kali lipat dalam setahun. Tak kurang dari 100.000

    komputer kini membentuk sebuah jaringan. Tahun 1990 adalah tahun

    yang paling bersejarah, ketika Tim Berners Lee menemukan program

    editor dan browser yang bisa menjelajah antara satu komputer dengan

    komputer yang lainnya, yang membentuk jaringan itu. Program inilah

    yang disebut www, atau World Wide Web.

    Tahun 1992, komputer yang saling tersambung membentuk

    jaringan sudah melampaui sejuta komputer, dan di tahun yang sama

    muncul istilah surfing the internet. Tahun 1994, situs internet telah

    tumbuh menjadi 3000 alamat halaman, dan untuk pertama kalinya

    virtual-shopping atau e-retail muncul di internet. Dunia langsung

    berubah. Di tahun yang sama Yahoo! didirikan, yang juga sekaligus

    kelahiran Netscape Navigator 1.0. Sampai akhirnya, Microsoft

    mengembangkan Microsoft Internet Explorer.

    Selain perkembangan jaringan pengguna, kemajuan internet

    juga disertai dengan perkembangan teknologi. Kecepatan koneksi

    menjadi hal yang penting, mengingat semakin besarnya kebutuhan akan

    sarana pertukaran informasi. Modem dengan kecepatan 56 kbps semula

    dianggap cukup memadai. Namun, saat ini menjadi kurang memadai,

    terutama untuk mengirimkan dan menerima aplikasi-aplikasi

  • 18

    multimedia kualitas tinggi. Karena itu, dikembangkanlah teknologi

    Digital Subscriber Lines (DSL) yang mempunyai kemampuan untuk

    mengirimkan data lebih cepat.

    Penggunaan jaringan nirkabel untuk koneksi ke internet juga

    sudah berkembang dengan baik. Saat ini kita dapat mengakses internet

    melalui jaringan nirkabel WiFi maupun melalui layanan GPRS dan 3G

    yang mempunyai kecepatan akses lebih tinggi dibandingkan dengan

    jaringan kabel.

    Pada tahun 1995 diperkirakan 25 juta orang telah menjadi

    pengguna internet. Data dari lembaga IDC menyebutkan bahwa pada

    tahun 1999 pengguna internet diperkirakan telah mencapai 196 juta

    orang, dan menjadi 502 juta orang pada tahun 2003. Menurut World

    Statistic, saat ini pengguna internet telah mencapai 1.076.203.987 orang

    yang tersebar di seluruh kawasan dunia. Jika penduduk dunia sebanyak

    6.499.697.060 orang berarti 16,56% penduduk dunia telah terhubung

    dengan internet.

    2.1.2 Tinjauan Umum Website

    World Wide Web (WWW) atau biasa disebut dengan website

    merupakan salah satu sumber daya Internet yang berkembang pesat.

    Pertama kali aplikasi website dibangun hanya dengan menggunakan

    bahasa yang disebut HTML (Hypertext Markup Language) dan

  • 19

    protokol yang digunakan dinamakan HTTP (Hypertext Transfer

    Protocol).

    Aplikasi Web atau Aplikasi berbasis Web (Web-based

    application) adalah program yang menggunakan HTTP sebagai

    protokol komunikasi dan menyampaikan informasi berbasis Web

    kepada pemakai dalam bentuk html. 8 Aplikasi Web dibagi menjadi :

    1. Web Statis

    Dibentuk dengan menggunakan HTML saja. Kekurangan

    aplikasi seperti ini terletak pada keharusan untuk memelihara

    program secara terus-menerus untuk mengikuti setiap perubahan

    yang terjadi.

    2. Web Dinamis

    Dengan menggunakan pendekatan Web dinamis

    dimungkinkan untuk membentuk aplikasi berbasis Web yang

    berinteraksi dengan database.

    Beberapa istilah penting yang berkaitan dengan Web yaitu :

    a) Situs Web (web site), menyatakan lokasi pada Web yang berisi

    sekumpulan halaman Web yang saling terkait.

    b) Halaman Web (Web Page), merupakan file text yang berisi tag-

    tag dengan format HTML (Hypertext Markup Language), link ke

    file-file grafik atau halaman web lain. File text ini disimpan pada

    8 Abdul Kadir, Dasar Pemrograman Database Web,PT Andi ,Yogyakarta, 2004, hal. 03.

  • 20

    server. Web Page dapat diumpamakan sebagai sebuah halaman

    khusus buku dari situs tertentu.

    c) Homepage adalah halaman utama pada sebuah situs Web yang

    digunakan sebagai sarana untuk memperkenalkan secara singkat

    tentang apa yang menjadi isi dari keseluruhan situs Web dari

    suatu organisasi atau pribadi.

    d) URL (Uniform Resource Locator) adalah suatu text yang

    menyatakan alamat Internet. Pada penggunaan WWW, penunjuk

    suatu sumber informasi menggunakan metode URL (Uniform

    Resource Locator) yang merupakan konsep penamaan lokasi

    standar dari suatu file, directori, komputer, lokasi komputernya

    dan dan untuk menentukan alamat yang akan kita pakai untuk

    mengakses internet kususnya situs Web. URL mengantarkan

    http://www.yahoo.com/iklan_mini/indeks.htm dimana

    1. http : adalah jenis protocol yang digunakan

    2. www.yahoo.com : adalah alamat host yang digunakan

    3. iklan_mini : adalah directory atau path yang akan

    dituju

    4. indeks.htm : adalah nama file yang akan diakses

    e) HTTP (Hyper Text Transfer Protocol), Protocol ini digunakan

    untuk berkomunikasi antar web browser yang satu dengan web

    http://www.yahoo.com/iklan_mini/indeks.htmhttp://www.yahoo.com/

  • 21

    browser yang lainnya. HTTP ini akan digunakan jika kita ingin

    mengakses suatu informasi pada suatu situs Web tertentu.

    f) Browser, merupakan program aplikasi yang digunakan untuk

    melakukan browsing (pencarian homepage) pada internet.

    g) Hyperlink, link atau penghubung yang dibuat pada dokumen

    untuk menghubungkan dokumen yang sedang aktif atau dibuka

    saat itu dengan dokumen lain.

    h) Chatting adalah suatu fasilitas dalam Internet untuk

    berkomunikasi sesama pemakai Internet yang sedang on-line.

    Komunikasi dapat berupa teks atau suara (chatting voice).

    i) Download adalah transfer data melalui jalur komunikasi digital

    dari sistem yang lebih besar atau pusat (host atau server) ke

    sistem yang lebih kecil (client). kebalikan dari download adalah

    upload.

    j) Spam merujuk kepada praktek pengiriman pesan komersial atau

    iklan kepada sejumlah besar newsgroup atau email yang

    sebetulnya tidak berkeinginan atau tidak tertarik menerima

    pesan tersebut.

    k) E-mail (electronic mail) adalah pesan elektronik yang dikirim

    dari komputer seorang pengguna ke komputer lainnya. E-mail

    dapat dikirimkan melalui Local Area Network (LAN) atau

    Internet. Kalau dahulu, data yang dikirim hanya berupa teks,

  • 22

    sekarang dengan e-mail dapat berisi gambar, suara, dan bahkan

    klip video.

    l) FTP (File Transfer Protocol) adalah protokol Internet yang

    digunakan untuk menyalin file antar komputer.

    m) Web Hosting adalah salah satu bentuk layanan jasa penyewaan

    tempat di Internet atau Penyewaan Server atau Penempatan file-

    file dari websites yang memungkinkan perorangan ataupun

    organisasi untuk menampilkan layanan jasa atau produknya di

    Internet.

    n) Web server merupakan software yang memberikan layanan data

    yang berfungsi menerima permintaan HTTP atau HTTPS dari

    klien yang dikenal dengan browser web dan mengirimkan

    kembali hasilnya dalam bentuk halaman - halaman web yang

    umumnya berbentuk dokumen HTML

    Unsur-Unsur Web Site

    Untuk membangun situs diperlukan beberapa unsur yang harus

    ada agar situs dapat berjalan dengan baik dan sesuai yang diharapkan.

    Unsur-unsur yang harus ada dalam situs antara lain:

    a. Domain Name

    Domain name atau biasa disebut nama domain adalah alamat

    permanen situs di dunia internet yang digunakan untuk

  • 23

    mengidentifikasi sebuah situs atau dengan kata lain domain name

    adalah alamat yang digunakan untuk menemukan situs kita pada

    dunia internet. Istilah yang umum digunakan adalah URL. Contoh

    sebuah URL adalah http://www.yahoo.com--dapat juga tanpa www.

    Ada banyak macam nama domain yang dapat kita pilih sesuai

    dengan keinginan.

    b. Generic Domains. Merupakan domain name yang berakhiran

    dengan .Com .Net .Org .Edu .Mil atau .Gov. Jenis domain ini sering

    juga disebut top level domain dan domain ini tidak berafiliasi

    berdasarkan negara, sehingga siapapun dapat mendaftar.9

    1) com : Merupakan top level domain yang ditujukan

    untuk kebutuhan "commercial".

    2) edu : Merupakan domain yang ditujukan untuk

    kebutuhan dunia pendidikan (education)

    3) gov : Merupakan domain untuk pemerintahan

    (government)

    4) mil : Merupakan domain untuk kebutuhan

    angkatan bersenjata (military)

    5) org : Domain untuk organisasi atau lembaga non-

    profit (Organization).

    9 http://micopardosi.tripod.com/nama_domain.html

  • 24

    c. Country-Specific Domains, merupakan domain yang berkaitan

    dengan dua huruf ekstensi, dan sering juga disebut second level

    domain, seperti .id (Indonesia), .au (Australia), .jp (Jepang) dan lain

    lain. Domain ini dioperasikan dan didaftarkan dimasing negara. Di

    Indonesia, domain-domain ini berakhiran, .co.id, .ac.id, .go.id,

    .mil.id, .or.id, dan pada akhir-akhir ini ditambah dengan war.net.id,

    .mil.id, dan web.id. Penggunaan dari masing-masing akhiran

    tersebut berbeda tergantung pengguna dan pengunaannya, antara

    lain:

    1) co.id : Untuk Badan Usaha yang mempunyai badan hukum sah

    2) ac.id : Untuk Lembaga Pendidikan

    3) go.id : Khusus untuk Lembaga Pemerintahan Republik

    Indonesia

    4) mil.id : Khusus untuk Lembaga Militer Republik Indonesia

    5) or.id : Untuk segala macam organisasi yand tidak termasuk

    dalam kategori "ac.id","co.id","go.id","mil.id" dan lain

    6) war.net.id : untuk industri warung internet di Indonesia

    7) sch.id : khusus untuk Lembaga Pendidikan yang

    menyelenggarakan pendidikan seperti SD, SMP dan atau SMU

    8) web.id : Ditujukan bagi badan usaha, organisasi ataupun

    perseorangan yang melakukan kegiatannya di Worl Wide Web.

  • 25

    2.2 Tinjauan Umum Perangkat Lunak

    Menurut Jogiyanto, perangkat lunak adalah serangkaian intruksi yang

    ditulis oleh manusia untuk mengaktifkan fungsi dari perangkat keras

    komputer.10

    Sedangkan menurut Presmen, perangkat lunak adalah perintah (program

    komputer) yang bila dieksekusi memberikan fungsi dan unjuk kerja seperti

    yang diinginkan.11

    Perangkat lunak dapat diklasifikasikan kedalam dua bagian besar, yaitu

    sebagai berikut :

    1) Perangkat lunak sistem (system software), yaitu perangkat lunak yang

    mengoperasikan sistem komputernya. Perangkat lunak sistem dapat

    dikelompokkan lagi menjadi 4 bagian yaitu sebagai berikut :

    a) Sistem Operasi (Operating System)

    Menurut Jogiyanto, sistem operasi adalah program yang ditulis

    untuk mengendalikan dan mengkoordinasi kegiatan dari sistem

    komputer, yang berfungsi mengendalikan dan mengkoordinasi semua

    kegiatan operasional secara efektif dan efisien.12

    10 Hartono, Op.cit, hal. 360. 11 Presman, Rekayasa Perangkat Lunak pendekatan Praktisi,PT. Andi, Yogyakarta, 2002, hal. 10. 12 Jogiyanto, Op.cit, Hal. 360.

  • 26

    Sedangkan menurut Kadir, sistem operasi adalah program yang

    bertindak sebagai perantara antara pemakai komputer dan perangkat

    keras komputer. Contohnya adalah DOS, Windows, Unix, Linux.13

    b) Bahasa Pemrograman (Language Programming)

    Menurut Kadir, program adalah sekumpulan intruksi yang

    digunakan untuk mengatur perangkat keras komputer agar

    melaksanakan kegiatan tertentu. Sedangkan pemrograman adalah

    kegiatan yang berkaitan dengan penyusunan program.14

    Seperti halnya manusia yang menggunakan bahasa untuk

    berkomunikasi, komputer juga memiliki bahasa sendiri. Agar manusia

    dapat berkomunikasi dengan komputer, programmer harus menuliskan

    program dalam bahasa yang dimengerti oleh komputer. Bahasa inilah

    yang disebut dengan bahasa pemrograman atau bahasa komputer.

    Bahasa pemrograman terdiri atas sekumpulan intruksi yang ditujukan

    agar orang bisa menuangkan perintah yang nantinya akan dijalankan

    oleh komputer.

    1. Bahasa Pemrograman Tingkat Rendah (Low Level Language)

    Bahasa Pemrograman tingkat rendah digunakan untuk

    menyatakan kelompok bahasa pemrograman yang berorientasi

    pada mesin. Ciri dari bahasa ini adalah intruksi dalam bentuk

    deretan biner atau menggunakan kata-kata singkat yang mudah

    13 Kadir, Pengenalan Sistem Informasi,PT. Andi Offset,Yogyakarta, 2003, hal. 214. 14 Ibid., hal. 219.

  • 27

    diingat untuk menggantikan kode biner. Contohnya adalah bahasa

    mesin (Machine Language).

    2. Bahasa Pemrograman Tingkat Tinggi (High Level

    Language)

    Bahasa Pemrograman tingkat tinggi menyatakan bahasa-

    bahasa pemrograman yang berorientasi kepada manusia. Ciri dari

    bahasa ini adalah intruksi-intruksi yang digunakan menggunakan

    kata-kata dalam bahasa inggris (Bahasa Manusia). Contoh dari

    bahasa ini adalah Cobol, Fortran, Basic, Pascal.

    3. Bahasa Pemrograman Berorientasi Objek (Object Oriented

    Programming)

    Bahasa pemrograman berorientasi objek memiliki berbagai

    macam objek yang didalamnya telah terisi dengan fungsi-fungsi

    pemrograman. Untuk melakukan tindakan tertentu, kita tinggal

    mengintruksikan kepada objek-objek tertentu. Contohnya adalah

    Visual Basic, Visual dBase, Delphi dan lain-lain.

    2) Perangkat Lunak Sistem Bantuan

    Operating System (OS) juga menyediakan fasilitas sejumlah

    program bantuan yang disebut dengan operating system service atau

    utility (bantuan). Program-program bantuan ini misalnya adalah text

    editor (di Windows adalah notepad), beberapa bantuan untuk

    menangani disk (misalnya memformat, menyalin, mengecek disk dan

  • 28

    lainnya), menangani file (mengurutkan isi file, mencari file dan

    lainnya), menangani tampilan dan penanganan peralatan lainnya.

    3) Program Aplikasi

    Menurut Kadir program aplikasi adalah program yang dibuat

    oleh pemakai yang ditujukan untuk melakukan keperluan yang sifatnya

    umum.15

    Program aplikasi adalah perangkat lunak yang dibuat oleh

    perusahaan yang digunakan untuk keperluan yang sifatnya umum.

    Contohnya Microsoft Office Word, dan lain-lain.

    2.3 Teknik Pemrograman

    Menurut Iwan Binanto, Ada beberapa cara dan teknik pemrograman

    antara lain :16

    1) Pemrograman Procedural, yaitu suatu instruksi khusus yang di eksekusi

    secara berurutan. Trik dalam pemrograman ini adalah mengingat

    procedure yang sudah dipanggil dan data apa yang yang sudah diubah.

    2) Pemrograman Funcional, pemrograman ini berdasarkan teori fungsi

    matematika.

    3) Pemrograman Terstruktur, merupakan suatu teknik yang memecahkan

    masalah besar menjadi lebih kecil dan lebih mudah dipahami sehingga

    masalah yang besar dapat diselesaikan dengan baik.

    15 Ibid., hal. 204. 16 Iwan Binanto, Konsep Bahasa Pemrograman, 2006 hal. 02.

  • 29

    4) Pemrograman berbasis Modul, pemrograman ini membentuk banyak

    modul, masing-masing modul merupakan suatu grup dari entitas

    variabel, procedure atau fungsi.

    5) Pemrograman Berorientasi Objek, pemrograman komputer menjadi

    lebih interaktif, yaitu ketika muncul suatu kejadian, sehingga program

    harus dapat dengan cepat menanggapi kejadian tersebut. Pemrograman

    berorientasi objek pada dasarnya merupakan perlakuan untuk data dan

    procedure yang memanipulasi perlakuan untuk data dan procedure yang

    memanipulasinya sebagai objek tunggal. C++, JAVA, dan Bahasa

    Pemrograman Visual mendukung pemrograman ini.

    6) Pemrograman Generic, pemrograman ini tidak berdiri sendiri, melainkan

    bergabung dengan pemrograman berorientasi objek, pemrograman

    fungsional atau dengan bahasa-bahasa pemrograman yang mempunyai

    teknik pemrograman lebih dari satu.

    7) Pemrograman Declarative, pemrograman ini mendeskripsikan suatu

    masalah dengan pernyataan (declarative) daripada memecahkan masalah

    dengan implementasi algoritma.

    Dari sekian banyak macam teknik pemrograman tersebut, yang

    penyusun gunakan dalam pembuatan Aplikasi pada Tugas Akhir ini adalah

    Pemrograman Generic, pemrograman ini tidak berdiri sendiri, melainkan

    bergabung dengan pemrograman berorientasi objek, pemrograman fungsional

    atau dengan bahasa-bahasa pemrograman yang mempunyai teknik

    pemrograman lebih dari satu.

  • 30

    Keunggulan dari teknik pemrograman ini antara lain adalah

    kemudahannya dalam membuat tampilan-tampilan dalam bentuk teks, grafis

    dan pengolahan database.

    2.4 Konsep Perancangan Database

    2.4.1 Konsep Perancangan Terstruktur

    Karena banyak terjadi permasalahan-permasalahan

    dipendekatan klasik, maka kebutuhan akan pendekatan pengembangan

    sistem yang lebih baik mulai terasa dibutuhkan. Sayangnya sampai

    sekarang masih banyak orang yang tidak menyadari bahwa hanya

    dengan mengikuti tahapan di life cycle saja tidak akan membuat

    pengembangan sistem informasi menjadi berhasil. Oleh karena itu

    diperlukan suatu pendekatan pengembangan sistem yang baru yang

    dilengkapi dengan beberapa alat dan teknik supaya membuatnya

    berhasil.

    Pendekatan ini yang dimulai dari awal tahun 1970 disebut

    dengan pendekatan terstruktur (structured approach). Pendekatan

    terstruktur dilengkapi dengan alat-alat (tools) dan teknik-teknik

    (techniques) yang dibutuhkan dalam pengembangan sistem, sehingga

    hasil akhir dari sistem yang dikembangkan akan didapatkan sistem

    yang strukturnya didefinisikan dengan baik dan jelas.

    Melalui pendekatan terstruktur, permasalahan-permasalahan

    yang komplek di organisasi dapat dipecahkan dan hasil dari sistem

  • 31

    akan mudah untuk dipelihara, fleksibel, lebih memuaskan

    pemakainya, mempunyai dokumentasi yang baik, tepat pada

    waktunya, sesuai dengan anggaran biaya pengembangannya, dapat

    meningkatkan produktivitas dan kualitasnya akan lebih baik (bebas

    kesalahan).

    2.4.2 Flowchart (Bagan Alir)

    Flowchart menurut ANSI (America National Standart Institute)

    merupakan bagan aliran yang menunjukkan arus program secara

    keseluruhan dari sistem.

    Bagan alir sistem (systems flowchart) merupakan bagan yang

    menunjukkan arus pekerjaan secara keseluruhan dari sistem. Bagan ini

    menjelaskan urut-urutan dari prosedur-prosedur yang ada di dalam

    sistem. Bagan alir sistem menunjukkan apa yang dikerjakan di sistem.

    Bagan alir sistem digambar dengan menggunakan simbol-simbol yaitu

    sebagai berikut :

  • 32

    Tabel. 2.1. Simbol Flowchart

    SIMBOL KETERANGAN

    Terminal Point Symbol. digunakan untuk menunjukkan

    Preparation Symbol. Simbol Persiapan digunakan untuk

    memberi nilai awal suatu besaran atau variabel (harga

    awal).

    Process Symbol. Simbol Proses atau Pengolahan

    digunakan untuk mewakili suatu proses, seperti

    pengolahan aritmatika atau pemindahan data.

    Predefined Process Symbol. Simbol Proses Terdefenisi

    digunakan untuk menunjukkan suatu operasi yang

    rinciannya ditunjukkan di tempat lain atau untuk proses

    yang detilnya dijelaskan terpisah, misalnya berbentuk

    subroutine.

    Decision Symbol. Simbol Keputusan digunakan untuk

    mewakili operasi perbandingan logika atau suatu

    penyeleksian kondisi di dalam program.

    Input/Output Symbol. Simbol Input/Output digunakan

    untuk menyatakan dan mewakili data masukan atau

    keluaran.

    Connector Symbol. Simbol Penghubung digunakan

    untuk menunjukkan sambungan dari bagan alir yang

    terputus di halaman yang masih sama.

    Off-page Connector. Simbol Penghubung Halaman lain

    digunakan untuk menunjukkan hubungan arus proses yang

    terputus dengan sambungannya ada di halaman yang lain.

  • 33

    Flow Lines Symbol. Simbol Garis Alir digunakan untuk

    menunjukkan aliran atau arus dari proses.

    Display. Symbol ini digunakan untuk menunjukkan hasil

    dari suatu proses

    2.4.3 Tinjauan Umum PHP (Hypertext Preprocessor) dan MySQL

    Gambar 2.1 Logo PHP (Hypertext Preprocessor)

    PHP singkatan dari Hypertext Preprocessor yang digunakan

    sebagai bahasa script server-side dalam pengembangan website yang

    disisipkan pada dokumen HTML.17 Pengunaan PHP memungkinkan

    website dapat dibuat dinamis sehingga maintenance situs tersebut

    menjadi lebih mudah dan efisien.

    Halaman website biasanya disusun dari kode-kode HTML yang

    disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan

    oleh server (atau file) ke browser, kemudian browser menterjemahkan

    kode-kode tersebut sehingga menghasilkan suatu tampilan yang indah.

    Lain halnya dengan program PHP, program ini harus diterjemahkan

    17 Peranginangin, Op. Cit., hal. 02.

  • 34

    oleh web-server sehingga menghasilkan kode HTML yang dikirim ke

    browser agar dapat ditampilkan.

    Gambar 2.2 Cara Kerja Web

    Program ini dapat berdiri sendiri ataupun disisipkan di antara

    kode-kode HTML sehingga dapat langsung ditampilkan bersama

    dengan kode-kode HTML tersebut. Program PHP dapat ditambahkan

    dengan mengapit program tersebut di antara tanda . Tanda-

    tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari kode

    HTML. File HTML yang telah dibubuhi program PHP harus diganti

    ekstensi-nya menjadi .php.

    1) Sejarah singkat PHP

    PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun

    1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk

    mengetahui siapa saja pengunjung pada homepagenya.18 Rasmus

    Lerdorf adalah salah seorang pendukung open source. Oleh karena

    itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara

    gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurkan

    PHP 2.0.

    18 Peranginangin,Op.cit., hal. 02.

  • 35

    Pada tahun 1996, PHP telah banyak digunakan dalam website

    di dunia. Sebuah kelompok pengembang software yang terdiri dari

    Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo,

    dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0.

    akhirnya, pada tahun 2000 dikeluarkan PHP 4.0. Tidak berhenti

    sampai disitu, kemampuan PHP terus ditambah dari tahun ke tahun.

    2) Tag Dalam Php

    Banyak cara untuk menyisipkan PHP dalam script HTML, ada

    berbagai macam bentuk tag yang dapat digunakan, antara lain :

    a) Cara I

    menandai akhir tag

    b) Cara II

    menandai akhir tag

    c) Cara III

    menandai akhir tag

  • 36

    Cara ini sama dengan tag pada ASP. Opsi ini bisa dilakukan jika

    nilai asp_tags pada php.ini bernilai on.

    d) Cara IV

    menandai awal script

    ...

    menandai akhir script

    Banyaknya kode program atau variabel dalam program, perlu

    menandai atau memberi komentar pada program. Komentar pada

    program merupakan tulisan pada program yang tidak dieksekusi.

    Pada PHP, ada 3 macam cara penyusunannya yaitu :

    a) /* komentar */

    Tulisan apapun yang berada di antara /* dan */ akan

    dianggap sebagai komentar. Cara seperti ini sangat berguna dan

    efisien untuk pemberian komentar yang memakan banyak baris.

    b) // komentar

    Tulisan di baris yang sama setelah // akan dianggap sebagai

    komentar. Cara ini berguna untuk pemberian komentar singkat

    yang tak lebih dari 1 baris saja.

    c) # komentar

    Sama seperti //, tulisan di baris yang sama setelah # akan

    dianggap sebagai komentar. Cara ini berguna untuk pemberian

    komentar singkat yang tak lebih dari 1 baris saja.

  • 37

    3) Variabel

    Dalam PHP, penyusunan variabel diawali dengan karakter $,

    kemudian diikuti dengan huruf sebagai karakter pertama. Setelah itu,

    dapat dilajutkan dengan kombinasi huruf dan angka. Variabel tidak

    boleh mengandung spasi maupun tanda baca di dalamnya, kecuali

    underscore (_).

    Variabel pada PHP bersifat case sensitive, yang berarti harus

    memperhatikan penyusunan huruf besar dan huruf kecil. Variabel

    $jumlah berbeda dengan $Jumlah.

    Contoh penamaan variabel yang benar :

    $nama_pemakai

    $kota_3

    $user1

    Contoh penamaan variabel yang salah :

    $nama pemakai

    $3kota

    $us\er1

    4) Tipe Data

    Tipe data yang dapat diolah menggunakan PHP, antara lain :

  • 38

    a) Boolean

    Nilai boolean menyatakan nilai kebenaran. Suatu variabel boolean

    dikatakan salah (FALSE) jika :

    1) Variabel boolean bernilai FALSE

    2) Variabel integer 0 (nol)

    3) Variabel float 0.0 (nol)

    4) Varaibel string kosong atau string 0

    5) Variabel array dengan nol elemen

    6) Variabel objek dengan nol anggota

    7) Dan tipe spesial yaitu NULL

    Selain hal-hal tersebut di atas, maka nilai boolean dianggap

    TRUE.

    b) Integer

    5

    -9

    1500

    0123 octal

    0xfb hexadecimal

    c) Floating Point

    0.8998

    23e2

  • 39

    d) String

    Pada tipe data string, terdapat escape character, yaitu

    karakter khusus yang digunakan mewakili karakter ASCII dengan

    fungsi khusus. Untuk mendefinisikan karakter yang akan

    ditampilkan jika karakter tersebut merupakan escape character

    yaitu dengan mengawali karakter tersebut dengan tanda atau

    (backslash).

    Tabel 2.4. Daftar escape character

    \n linefeed (LF or 0x0A (10) in ASCII)

    \r carriage return (CR or 0x0D (13) in

    ASCII)

    \t horizontal tab (HT or 0x09 (9) in

    ASCII)

    \\ backslash

    \$ dollar sign

    \" double-quote

    \[0-7]{1,3}

    the sequence of characters matching

    the regular expression is a character in

    octal notation

    \x[0-9A-Fa-

    f]{1,2}

    the sequence of characters matching

    the regular expression is a character in

    hexadecimal notation

  • 40

    e) Object

    Ini merupakan pengembangan PHP berorientasi objek. Tipe data

    objek merupakan tipe data yang didalamnya mempunyai data dan

    method. Data tersebut didefinisikan sebagai class terlebih dahulu.

    MySQL adalah sebuah server database SQL multiuser dan multi-

    threaded. SQL sendiri adalah salah satu database yang paling populer

    di dunia19. Implementasi program server database ini adalah program

    daemon 'mysqld' dan beberapa program lain serta beberapa pustaka.

    MySQL dibuat oleh TcX dan telah dipercaya mengelola sistem

    dengan 40 buah database berisi 10,000 tabel dan 500 di antaranya

    memiliki 7 juta baris (kira-kira 100 gigabyte data). Database ini dibuat

    untuk keperluan sistem database yang cepat, handal dan mudah

    digunakan. Walaupun memiliki kemampuan yang cukup baik, MySQL

    untuk sistem operasi Unix bersifat freeware, dan terdapat versi

    shareware untuk sistem operasi windows. Menurut pembuatnya,

    MySQL disebut seperti "my-ess-que-ell" dan bukan my-sequel !

    Dalam bahasa SQL pada umumnya informasi tersimpan dalam

    tabel-tabel yang secara logik merupakan struktur dua dimensi terdiri

    dari baris (row atau record) dan kolom (column atau field). Sedangkan

    dalam sebuah database dapat terdiri dari beberapa table. Beberapa tipe

    data dalam MySQL yang sering dipakai:

    19 http://balibisnis.wordpress.com/2009/08/20/pengertian-mysql-dan-php/

  • 41

    Tabel 2.2. Tipe Data dalam MySQL

    2.4.5. Tinjauan Umum Macromedia Dreamweaver

    Gambar 2.3 Logo Macromedia Dreamweaver

    Versi terbaru Macromedia Dreamweaver ditahun 2005 adalah

    Macromedia Dreamweaver 8 yang merupakan penyempurnaan dari

    versi yang sebelumnya dan tentu saja semakin mudah dalam

    penggunaannya. Fasilitas terbaru Macromedia Dreamweaver 8 adalah

    Zoom Tool dan Guides, Panel CSS yang baru, Code collapse, Coding

  • 42

    Toolbar dan Insert Flash Video.20 Tidak jauh beda dengan kemampuan

    versi sebelumnya, Macromedia Dreamweaver 8 mendukung

    pemrograman Client Side yang terkenal, yaitu JavaScript dengan

    penggunaan yang sangat mudah. Macromedia Dreamwearver 8 juga

    mendukung pemrograman Script Server Side, seperti Personal Home

    Page (PHP), Active Server Pages (ASP), AST.NET, ColdFusion dan

    Java Server Page (JSP).

    Gambar 2.4 Area Kerja Macromedia Dreamweaver 8

    1) Common Insert Bar

    Pada kelompok Common, terdapat tool yang sering digunakan

    untuk mendesain seperti hyperlink, gambar dan lain-lain.

    20 Wahana Komputer, Membuat Website Interaktif Dengan Macromedia Dreamweaver 8, PT. Andi, 2006, hal 03.

  • 43

    Gambar 2.5 Common Insert Bar

    Berikut keterangan fungsi tool pada Common Insert Bar21

    Hyperlink, berfungsi untuk menambahkan hyperlink.

    Email Link, berfungsi untuk memberikan link ke email.

    Named Anchor, berfungsi untuk memberikan nama link

    pada suatu tempat.

    Table, berfungsi untuk membuat tabel.

    Insert Div Tag, berfungsi untuk menambahkan Tag Div.

    Images, berfungsi untuk menyisipkan gambar.

    Media, berfungsi untukmenyisipkan media, seperti Flash,

    Flash Movie, Flash Button, dan lain-lain.

    Date, berfungsi untuk menyisipkan tanggal.

    Server-Side Include, berfungsi untuk menyisipkan file

    dokumen Server-Side

    Comment, berfungsi untuk memberikan komentar pada script.

    Templates, berfungsi untuk membuat template

    Tag Chooser, berfungsi untuk memasukkan tag seperti tag-ta

    HTML, PHP, ASP.NET, WML, JSP.

    21 Wahana Komputer, Tutorial 5 Hari : Membuat Website Interaktif dengan Macromedia Dreamweaver 8, ANDI, Yogyakarta, 2006, hal. 13

  • 44

    2) Layout Insert Bar

    Pada kelompok Layout, terdapat tool yang sangat membantu

    dalam pembentukan sebuah halaman dokumen web. Di antara tool

    tersebut, ada yang berfungsi untuk pembuatan table, layer maupun

    frame.

    Gambar 2.6 Layout Insert Bar

    Berikut keterangan fungsi tool pada Layout Insert Bar22:

    Table, berfungsi untuk membuat tabel.

    Insert Div Tag, berfungsi untuk menyisipkan Tag Div.

    Draw Layer, berfungsi untuk membuat layer.

    Layout Table, berfungsi untuk membuat layout tabel pada

    halaman website.

    Draw Layout Cell, berfungsi untuk membuat cell ke dalam

    layout tabel.

    Insert Row Above, berfungsi untuk menyisipkan baris pada

    atasnya.

    Insert Row Below, berfungsi untuk menyisipkan baris pada

    bawahnya.

    22 Ibid., hal. 14

  • 45

    Insert Column to the left, berfungsi untuk menyisipkan

    kolom pada kirinya.

    Insert Column to the right, berfungsi untuk menyisipkan

    kolom pada kanannya.

    Frames, berfungsi untuk membuat frame pada dokumen

    web.

    Tabular Data, berfungsi untuk memasukkan data.

    3) Form Insert Bar

    Form adalah suatu aplikasi dimana user memberikan input

    kepada sistem. Anda dapat menggunakan tool pada kelompok form ini

    untuk membuat aplikasi website lebih interaktif.

    Gambar 2.7 Forms Insert Bar

    Berikut keterangan fungsi tool pada forms Insert Bar23 :

    Form, berfungsi untuk memulai membuat form.

    Text field, berfungsi untuk memasukkan Text Field pada

    form.

    23 Ibid., hal. 15

  • 46

    Hidden Field, berfungsi untuk memasukkan hidden field

    pada form.

    Text Area, berfungsi untuk memasukkan Textarea pada

    form.

    Checkbox, berfungsi untuk Checkbox pada form.

    Radio Button, berfungsi untuk memasukkan radio button

    pada form.

    Radio Group, berfungsi untuk memasukkan radio button

    secara group pada form.

    List Menu, berfungsi untuk membuat daftar atau menu pada

    form.

    Jump Menu, berfungsi untuk jump menu dalam form.

    Image Field, berfungsi untuk membuat pencarian file pada

    form.

    File Field, berfungsi untuk pencarian file pada form.

    Button, berfungsi untuk membuat tombol submit atau reset

    pada form.

    Label, berfungsi untuk label pada form.

    Fieldset, berfungsi untuk fieldset pada form.

  • 47

    4) Text Insert Bar

    Format teks, paragraph maupun karakter teks lain dapat diatur

    pada Text Insert Bar.

    Gambar 2.8 Text Insert Bar

    Berikut keterangan fungsi tool pada Text Insert Bar24 :

    Font Tag Editor, untuk memunculkan jendela Font Tag

    Editor.

    Bold, untuk membuat teks menjadi tebal (bold).

    Italic, untuk membuat teks menjadi miring (italic).

    Strong, untuk membuat teks menjadi tebal (strong).

    Emphasis, untuk membuat teks menjadi miring (emphasis).

    Paragraph, untuk mengatur paragraf.

    Block Quote, untuk membuat teks seperti catatan penting.

    Preformatted, untuk membentuk paragraf seperti adanya

    pada script.

    Heading 1, untuk membentuk teks dalam Heading 1.

    Heading 2, untuk membentuk teks dalam Heading 2.

    24 Ibid., hal. 16

  • 48

    Heading 3, untuk membentuk teks dalam Heading 3.

    Undordered List, format membuat daftar dalam bentuk

    simbol.

    Ordered, format membuat daftar dalam bentuk nomor atau

    abjad.

    List Item, untuk memasukkan daftar.

    Definition List, untuk mendefinisikan sesuatu.

    Definition Term, untuk memasukkan Definition Term.

    Definition Description, untuk memberikan penjelasan.

    Abbreviation, untuk memberi penjelasan mengenai

    singkatan pada teks yang ditunjuk.

    Acronim, untuk memberikan akronim.

    Line Break, karakter yang berfungsi untuk mengganti baris.

    5) HTML Insert Bar

    Kelompok HTML Insert Bar memuat tool yang memudahkan

    untuk memasukkan tag-tag HTML, antara lain untuk membuat garis

    horizontal, Head, Tabel, Frame dan JavaScript.

    Gambar 2.9 HTML Insert Bar

  • 49

    Berikut keterangan fungsi tool pada HTML Insert Bar25 :

    Horizontal Rules, untuk menyisipkan Tag .

    Head, untuk menyisipkan Tag yang ada pada Head, misal

    Meta, Keyword, dan lain-lain.

    Tables, untuk menyisipkan Tag pembuatan tabel seperti

    , , .

    Frames, untuk menyisipkan Tag pembuatan frame seperti

    dan .

    Script, untuk memasukkan JavaScript ke dalam HTML.

    6) Page Property Inspector

    Setiap kali membuka aplikasi Dreamweaver, hal yang

    muncul pertama kali adalah properti halaman untuk mengelola teks,

    paragraf maupun style (CSS).26

    Gambar 2.10 Page Property Inspector

    25 Ibid., hal. 17 26 Ibid., hal. 25

  • 50

    a) Format, digunakan untuk format teks berupa Paragraph,

    Heading1 sampai dengan Heading6 dan Preformatted.

    b) Font, digunakan untuk format font (bentuk huruf) dengan berbagai

    campuran.

    c) Style / CSS, digunakan untuk memberikan style CSS yang dibuat

    sebelumnya atau style text yang diformat sebelumnya.

    d) Style, digunakan untuk memberikan ukuran font berdasarkan

    satuan yang dipilih.

    e) Color, bagian dari properties yang berfungsi untuk mewarnai.

    7) Panel Groups

    Panel pada Macromedia Dreamweaver 8 merupakan suatu

    media yang berfungsi sebagai falisitator. Kumpulan berbagai panel

    disebut Panel Groups, terletak pada sebelah kanan layar dan terdiri

    dari CSS, Application, Tag Inspector, dan Files.27

    Gambar 2.11 Panel Groups

    27 Ibid., hal. 21

  • 51

    8) CSS Panel

    CSS Panel merupakan fasilitas Macromedia Dreamweaver 8

    untuk mempercantik tampilan dengan menggunakan style CSS.

    Gambar 2.12 Panel CSS

    9) Application Panel

    Application Panel dapat digunakan untuk membuat

    dokumen web yang dinamis, karena penggunaan Application Panel

    mengacu pada server dan database.28

    Gambar 2.13 Panel Application

    28 Ibid., hal. 22

  • 52

    10) Tag Inspector Panel

    Terdapat dua bagian dalam Panel Tag Inspector, yaitu

    Attributes dan Behaviors. Pada tag Attributes terdapat berbagai atribut

    suatu tag yang diseleksi, sedangkan tag Behaviors merupakan

    kumpulan yang mengaplikasikan perintah menggunakan JavaScript.

    Gambar 2.14 Panel Tag Inspector

    11) Files Panel

    Files Panel merupakan fasilitas yang memudahkan dalam

    mengelola file dokumen web. Pada Files Panel terdapat tiga tab, yaitu

    Files, Asset, dan Snippets.

    Gambar 2.15 Panel Files

  • 53

    2.4.6 Tinjauan Umum MySQL-Front

    a) Menjalankan MySQL-Front dan Koneksi ke MySQL

    Sebelum menjalankan MySQL-Front pastikan terlebih dahulu

    database server MySQL telah aktif/on, periksalah pada icon

    seperti gambar traffic light, pada kanan bawah berwarna hijau.

    Untuk dapat koneksi ke server MySQL harus mempunyai

    account terlebih dahulu. Apabila belum mempunyai account

    buatlah terlebih dahulu. Sekarang jalankan MySQL-Front, dan

    akan ditampilkan kotak dialog untuk koneksi. Masukan account

    yang dibutuhkan.

    Gambar 2.16 Koneksi Baru Pada MySQL-Front

  • 54

    Keterangan:

    Description : Diisi dengan nama koneksi atau penjelasan

    tentang koneksi tersebut

    Hostname/IP : Diisi dengan nama host atau alamat IP,

    database MySQL server yang akan

    dikoneksikan. Misalnya uty.ac.id atau

    192.168.0.1. untuk koneksi local gunakan

    localhost atau IP address 127.0.0.1.

    User : Nama user yang telah dibuat pada database

    MySQL

    Password : Password yang telah dibuat pada database

    MySQL

    Port : Port yang digunakan oleh MySQ server,

    defaultnya 3306

    Database(s) : Nama database yang ingin kita koneksikan,

    bila tidak diisi atau kosong maka semua

    database yang ada di MySQL dapat diakses.

  • 55

    Apabila koneksi sukses maka akan tampil seperti gambar berikut:

    Gambar 2.17 Koneksi Berhasil Pada MySQL-Front

    b) Manajemen Database dan Tabel

    Pada MySQL-Front terdapat fungsi Create dan Drop yang

    dipakai untuk membuat dan menghapus database dan table.

    1) Membuat Database

    a. Pastikan anda telah koneksi ke Database MySQL Server

    b. Klik menu Tools -> Create new Database sehingga

    muncul tampilan berikut :

    Gambar 2.18 Pembuatan Database Baru

  • 56

    c. Tuliskan nama database yang akan kita buat (misalkan

    website), dan klik tombol OK

    d. Sekarang telah dibuat database dengan nama website

    (lihat pada database list, pada sisi kiri)

    2) Menghapus Database

    Untuk menghapus database yang tidak dipakai:

    a. Aktifkan nama database yang akan dihapus dengan klik

    nama database pada daftar database.

    Gambar 2.19 Mengahapus Database

    b. Klik menu Tools -> drop database dan akan

    ditanyakan kepastian penghapusan database, bila yakin

    klik OK

  • 57

    3) Membuat Tabel:

    a. Klik menu tools -> create table

    Gambar 2.20 Membuat Tabel Baru

    b. Sekarang tuliskan nama table yang akan dibuat (misalkan

    berita)

    c. Lalu pilihlah nama database yang digunakan untuk

    menyimpan table tersebut (in database) dalam hal ini pilih

    website

    d. Tuliskan komentar tentang table tersebut bila perlu.

    e. Sekarang tuliskan nama kolom/field, dan pada field

    properties tuliskan tipe data dan lebarnya.

  • 58

    Gambar 2.21 Tabel Berhasil Dibuat

    4) Mengubah Struktur tabel :

    a. Pastikan nama table yang akan diubah (klik berita), lalu

    klik tombol icon add field/index, sehingga akan tampil :

    Gambar 2.22 Mengubah Struktur Tabel

    b. Pastikan letak/urutan field yang akan ditambahkan (Pada

    Position)

  • 59

    c. Lalu tuliskan nama filed, type dan lebar field.

    d. Bila telah selesai akhiri dengan klik tombol Add Field.

    5) Menghapus Kolom/Field

    Apabila akan menghapus field/kolom yang sudah tidak

    diperlukan, caranya adalah dengan mengaktifkan nama table-

    nya lalu klik kanan pada nama field/kolom yang akan dihapus.

    6) Menambahkan atau Memasukan Data ke Tabel

    a. Pilihlah nama table yang akan digunakan, klik icon insert

    record

    Gambar 2.23 Menambah atau Memasukkan Data

    b. Tuliskan data yang ada sesuai dengan field/kolom yang

    tersedia.

    c. Klik tombol refresh data.

  • 60

    7) Mengubah atau Edit Data

    Untuk mengubah data yang telah kita masukan ke dalam

    tabel, klik tombol icon view data, edit record kemudian

    tuliskan atau ganti data yang anda maksud. Setelah selesai klik

    tombol Post Edit atau refresh data dan kalau membatalkan

    pengeditan data klik Cancel Edit.

    8) Menghapus Data

    Untuk penghapusan data pada MySQL-Front berilah tanda

    cek pada kotak cek disamping record, lalu klik icon delete

    record.

    Gambar 2.24 Menghapus Data

  • 61

    BAB III GAMBARAN UMUM OBJEK PENELITIAN

    3.1 SEJARAH BERDIRINYA KANTOR KEMENTERIAN AGAMA

    KABUPATEN REJANG LEBONG

    Kementerian Agama Kantor Kabupaten Rejang Lebong, berdasarkan

    surat Keputusan Menteri Agama RI Nomor : 1 Tahun 2010. Perubahan

    penyebutan Departemen Agama menjadi Kementerian Agama.

    Berdasarkan Dokumen yang ada bahwa keberadaan Kementerian

    Agama Kantor Kabupaten Rejang Lebong ada sejak tahun 1950 yang

    menjabat Kepala yang pertama adalah Bapak Abdul Hamid Pangeran Guru

    Alam, beliau menjabat dari tahun 1950 sampai dengan tahun 1961.

    Kementerian Agama Kantor Kabupaten Rejang Lebong pada awal

    ditetapkannya beralamat di Jalan Imam Zam Pasar Baru, Kelurahan Pasar

    Baru, Kecamatan Curup. Tempat ini merupakan rumah kediaman Bapak

    Abdul Hamid Pangeran Guru Alam.

    Pada tahun 1961 berpindah alamat ke Jalan Merdeka Curup (depan

    Masjid Jamik Curup) berkantor di rumah Bapak H. Zaini Kemaja (Alm) dan

    yang menjabat sebagai Kepala Kantor adalah bapak H. Ahmad Rusly, BA

    (Alm) dari tahun 1961 sampai dengan 1966, dan pada tahun 1967 sampai

    dengan 1981 Kepala Kantor Kementerian Agama Kabupaten Rejang Lebong

    dijabat oleh Bapak Moh. Amli, BA (Alm)

    Tahun 1981 Alamat Kantor Kementerian Agama Kabupaten Rejang

    Lebong pindah ke Jalan. S. Sukowati Curup hingga sekarang. Karena pada

  • 62

    tahun yang sama telah dibangun gedung Kantor dan rumah dinas yang

    permanen, melalui Anggaran Tahun 1980/1981, dengan Pimbagpro bapak

    Parjono dan diresmikian langsung oleh Kepala Kantor Wilayah Kementerian

    Agama Propinsi Bengkulu (Bapak Hardani Baki) pada tanggal 21 Maret

    1981.

    Tabel 3.1 Nama-nama Pejabat Kepala Kantor Kementerian Agama

    Kabupaten Rejang Lebong

    Tahun Menjabat

    No Nama Mulai Berakhir

    Alamat Kantor

    1 Abdul Hamid Pangeran Guru Alam

    1950 1961 Jalan. Imam Zam,

    Pasar Baru Kel. Pasar Baru Curup

    2 H, Rusli Ishak, BA 1961 1966 Jl. Merdeka Curup

    3 M. Amli, BA 1967 1981 Jl. Merdeka Curup

    4 Drs. H. Amir Hamzah 1981 1987 Jl. S. Sukowati Curup 5 Drs. Ahmadi 1988 1989 Jl. S. Sukowati Curup 6 Drs. H. Mukhtaridi Baijuri 1989 1994 Jl. S. Sukowati Curup 7 Drs. H. M. Thobari Muad 1994 1997 Jl. S. Sukowati Curup 8 Drs. H. Sutan Bahari 1997 2001 Jl. S. Sukowati Curup

    9 Drs. H. Sukiman, AS 2001 2004 Jl. S. Sukowati Curup 10 Drs. H. Iswandi, D 2004 2011 Jl. S. Sukowati Curup 11 Drs. H. M. Ch. Naseh, M, Ed 2011 Sekarang Jl. S. Sukowati Curup

    Kabupaten / Kota : Kantor Kementerian Agama Kab. Rejang Lebong Alamat : Jl. S. Sukowati No. 62 Curup Tengah Propinsi : Bengkulu Telepon : 0732 21041 Fax : 0732 - 21851

  • 63

    3.2 Kondisi Umum

    a. Kedudukan Organisasi

    Berdasarkan Pasal 81 KMA Nomor 373 tahun 2002 Kantor

    Kementerian Agama Kabupaten Rejang Lebong berkedudukan sebagai

    Instansi vertikal Kementerian Agama yang berada dibawah dan

    bertanggung jawab langsung kepada Kepala Kantor Wilayah Kementerian

    Agama Propinsi Bengkulu.

    Kementerian Agama adalah salah satu komponen Instansi Pemerintah

    penyelenggara Negara, menyelenggarakan sebagian tugas umum

    pemerintahan dan pembangunan di bidang Agama. Kantor Kementerian

    Agama Kabupaten Rejang Lebong adalah di bawah Kantor Wilayah

    Kementerian Agama Provinsi Bengkulu berada dalam Daerah Kabupaten

    Rejang Lebong, berkedudukan di Curup dengan typologi I b sesuai

    dengan Keputusan Menteri Agama RI Nomor 373 tahun 2003.

    b. Tugas Pokok Dan Fungsi

    Menurut Pasal 82 Keputusan Menteri Agama RI Nomor 373 tahun

    2002 Kantor Kementerian Agama Kabupaten Rejang Lebong memiliki

    tugas pokok melaksanakan tugas pokok dan fungsi Kementerian Agama

    dalam wilayah Kabupaten Rejang Lebong berdasarkan kebijakan Kepala

    Kantor Wilayah Kementerian Agama Propinsi Bengkulu dan Peraturan

    undang-undang yang berlaku.

  • 64

    Untuk melaksanakan tugas ini, maka dalam pasal 83 Keputusan

    Menteri Agama RI Nomor 373 tahun 2002 di tetapkan 6 (enam) fungsi

    yang harus dilaksanakan Kantor Kementerian Agama Kabupaten Rejang

    Lebong, sebagai berikut :

    1. Perumusan Visi, Misi dan Kebijakan teknis dibidang pelayanan dan

    bimbingan kehidupan beragama pada masyarakat di Kabupaten

    Rejang Lebong.

    2. Pembinaan, Pelayanan, dan bimbingan masyarakat Islam, Pelayanan

    Haji dan Umroh, pengembangan Zakat dan Wakaf, Pendidikan Agama

    dan Keagamaan, pondok Pesantren, Pendidikan Agama Islam pada

    Masyarakat dan Pemberdayaan Masjid, serta Urusan Agama Islam,

    Pendidikan Agama, Bimbingan Masyarakat Kristen sesuai peraturan

    perundang-undangan.

    3. Pelaksanaan Kebijakan Teknis di bidang pengelolaan administrasi dan

    informasi keagamaan.

    4. Pelayanan dan bimbingan dibidang kerukunan ummat beragama.

    5. Pengkoordinasian, perencanaan, pengendalian dan pengawasan

    program.

    6. Pelaksanaan hubungan dengan pemerintah daerah, instansi terkait, dan

    lembaga masyarakat dalam rangka pelaksanaan tugas Kementerian

    Agama di Kabupaten Rejang Lebong. ( pasal 83 KMA No. 373 th.

    2002 )

  • 65

    3.3 Visi Dan Misi Kantor Kementerian Agama Kabupaten Rejang Lebong

    a. Visi

    Adapun yang menjadi visi Kantor Kementerian Agama Kabupaten

    Rejang Lebong adalah :

    Terwujudnya Masyarakat Kabupaten Rejang Lebong Taat Beragama

    Rukun, Cerdas, Mandiri, Sejahtera Lahir Batin

    b. Misi

    Untuk mewujudkan visi tersebut diatas maka ditetapkan Misi sebagai

    berikut :

    1. Meningkatkan Kualitas Kehidupan Beragama

    2. Meningkatkan Kualitas Kerukunan Umat beragama

    3. Meningkatkan Kualitas Raudhatul Athfal, Madrasah, Pendidikan

    Agama dan Pendidikan Keagamaan

    4. Meningkatkan Kualitas Penyelenggaraan Haji dan Umroh

    5. Meningkatkan tata kelola kepemerintahan yang bersih dan berwibawa

    c. Tujuan

    Adapun Tujuan yang ingin dicapai adalah agar dapat