TA : Rancang Bangun Aplikasi Informasi Kegiatan Masjid Berbasis Web Pada Masjid Tanwir Surabaya.

RANCANG BANGUN APLIKASI

INFORMASI KEGIATAN MASJID BERBASIS WEB

PADA MASJID TANWIR SURABAYA

TUGAS AKHIR

Program Studi S1 Sistem Informasi

Oleh:

Candra Setya Buana 08410100455

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2016

x DAFTAR ISI

Halaman

ABSTRAK ... vii

KATA PENGANTAR ... viii

DAFTAR ISI ... x

DAFTAR TABEL ... xiii

DAFTAR GAMBAR ... xvii

DAFTAR LAMPIRAN ... xxi

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Perumusan Masalah ... 3

1.3 Pembatasan Masalah ... 3

1.4 Tujuan ... 4

1.5 Manfaat ... 4

1.6 Sistematika Penulisan ... 4

BAB II LANDASAN TEORI ... 6

2.1 Aplikasi ... 6

2.2 Interaksi Manusia Komputer ... 6

2.3 Data ... 10

2.4 Informasi ... 11

2.5 Manajemen Masjid ... 13

2.6 Kegiatan ... 14

2.7 Pengajian ... 14

xi

Halaman

2.8 Taman Pendidikan Al-Quran ... 16

2.9 Analisis dan Perancangan Sistem ... 16

2.10 Sms Gateway ... 17

2.11 System Development Life Cycle ... 18

2.12 HTML ... 21

2.13 Website ... 21

2.14 Testing Program Black Box ... 27

BAB III ANALISIS DAN PERANCANGAN SISTEM ... 29

3.1 Analisis Sistem ... 29

3.1.1 Identifikasi Permasalahan ... 29

3.1.2 Analisis Kebutuhan Sistem ... 30

3.1.3 Studi Literatur ... 31

3.1.4 Gambaran Umum Sistem ... 32

3.2 Perancangan Sistem ... 34

3.2.1 System Flow ... 35

3.2.2 Diagram Jenjang ... 41

3.2.3 Data Flow Diagram ... 42

3.2.4 Entity Relation Diagram ... 47

3.2.5 Struktur Tabel ... 49

3.3 Desain Interface ... 52

3.4 Rancangan Pengujian Aplikasi ... 66

BAB IV IMPLEMENTASI DAN EVALUASI ... 71

xii

4.1.2 Kebutuhan Perangkat Lunak ... 72

4.1.3 Implementasi Sistem ... 72

4.1.4 Uji Coba Sistem ... 78

4.2 Evaluasi Sistem ... 84

BAB V PENUTUP ... 86

5.1 Kesimpulan ... 86

5.2 Saran ... 86

DAFTAR PUSTAKA ... 88

LAMPIRAN ... 90

1 BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Masjid merupakan tempat ibadah bagi umat Islam di seluruh dunia, serta

menjadi simbol kebesaran umat Islam. Pada zaman Rasulullah masjid disamping

berfungsi sebagai tempat ibadah, masjid juga berfungsi sebagai pusat pengajaran

ilmu agama Islam. Pada saat ini, masjid juga mempunyai beberapa fungsi,

diantaranya yaitu sebagai sarana melakukan pemberdayaan umat, penyebaran

dakwah Islam, serta merupakan sarana untuk meningkatkan kualitas ibadah bagi

umat.

Masjid Tanwir adalah salah satu Masjid yang berdiri sejak tahun 1962, yang

beralamat di jalan Masjid nomor 37A Kotamadya Surabaya. Masjid dengan luas

kurang lebih 1.125 m2ini dapat menampung sekitar 2.500 jama’ah di lantai bawah dan 500 jamaah di lantai atas. Masjid yang telah diputuskan menjadi Masjid Jami

tingkat Kelurahan dan menjadi pusat kegiatan keagamaan tingkat Kecamatan

berdasarkan Surat Keputusan Ketua Badan Kesejahteraan Masjid Kecamatan

Tandes No km.11.05/02.02/BA.032/320/1992 ini memiliki kurang lebih sebanyak

150 jamaah.

Pada Masjid Tanwir Surabaya terdapat beberapa kegiatan rutin yang

dilaksanakan meliputi kegiatan sholat berjamaah, sholat jumat, pengajian remaja,

pengajian ibu-ibu, pengajian umum, pengajian tafsir Al-Quran, pengajian Hadist,

Pada pelaksanaan beberapa kegiatan yang telah dijelaskan di atas, dalam

proses pemberian informasi kegiatan kepada jamaah masih dilakukan secara

manual, khususnya pada kegiatan-kegiatan yang sifatnya, yaitu dengan

memberikan informasi melalui papan pengumuman yang ada di Masjid, dan

melalui pengumuman pada saat kegiatan sebelumnya sehingga pada saat

pelaksanaannya, kehadiran jamaah pada forum pengajian kurang maksimal, selain

itu dalam pencatatan keuangan masjid dan pencatatan kehadiran peserta dalam

setiap kegiatan khususnya pengajian masih dilakukan secara manual sehingga

pengurus mengalami kesulitan dalam melakukan evaluasi.

Melihat permasalahan yang dihadapi pengurus masjid di atas, maka

diperlukan Aplikasi Informasi Kegiatan Masjid Berbasis Web. Aplikasi informasi

kegiatan masjid diharapkan mampu membantu pengurus masjid dalam mengelola

kegiatan pada Masjid Tanwir Surabaya. Aplikasi ini dibuat berbasis web dengan

menggunakan bahasa pemrograman PHP. Selain bersifat Open Source, PHP

memiliki keunggulan dalam hal waktu eksekusi yang lebih cepat dibandingkan

dengan bahasa pemrograman web lainnya yang berorientasi server side (Priyanto,

2013).

Dengan adanya aplikasi informasi kegiatan masjid ini, dapat membantu

pengurus dalam mengelola kegiatan masjid, meliputi dapat memberikan informasi

seluruh kegiatan secara tepat kepada jamaah dan pengisi dengan menggunakan

sms gateway, dapat memberikan laporan kehadiran peserta, dan laporan keuangan kepada pengurus untuk melakukan evaluasi secara berkala.

1.2 Perumusan Masalah

Berdasarkan latar belakang masalah maka dapat dirumuskan permasalahan

yang sedang dihadapi pengurus Masjid Tanwir Surabaya saat ini, yaitu:

Bagaimana merancang dan membangun aplikasi informasi kegiatan pada Masjid

Tanwir Surabaya.

1.3 Pembatasan Masalah

Dalam pembuatan Tugas Akhir ini, batasan masalah dari permasalahan di

atas adalah:

1. Aplikasi ini hanya memberikan informasi mengenai kegiatan jadwal Imam

sholat berjamaah, jadwal khotib sholat jumat, pengajian remaja, pengajian

ibu-ibu, pengajian umum, pengajian tafsir Al-Quran, pengajian Hadist,

musyawarah pengurus masjid dan TPA (Taman Pendidikan Al Qur’an).

2. Proses pemberian informasi meliputi nama kegiatan, waktu kegiatan, pengisi

kegiatan dan peserta kegiatan selain kegiatan sholat.

3. Aplikasi ini tidak membahas sistem penjadwalan, namun hanya dapat

memberikan input data jadwal kegiatan, peserta kegiatan pengajian dan

pengisi kegiatan.

4. Pembahasan mengenai maintenance hanya terdapat pada proses pengelolaan

1.4 Tujuan

Berdasarkan perumusan masalah tersebut di atas, maka tujuan dalam tugas

akhir ini yang akan dicapai adalah menghasilkan sebuah aplikasi informasi

kegiatan di Masjid Tanwir Surabaya.

1.5 Manfaat

Adapun manfaat dari aplikasi yang akan dibangun adalah membantu pihak

Pengurus Masjid Tanwir Surabaya dalam mengelola kegiatan, dapat memberikan

informasi kegiatan kepada seluruh jamaah dan pengisi kegiatan sehingga

kehadiran dalam pelaksanaan kegiatan masjid lebih maksimal, serta dapat

menghasilkan laporan yang berhubungan dengan setiap kegiatan Masjid, yaitu

laporan kehadiran peserta kegiatan serta dapat memberikan laporan keuangan

kepada pengurus masjid secara berkala.

Aplikasi informasi kegiatan masjid ini juga sangat bermanfaat bagi jamaah,

yaitu jamaah dapat mengetahui informasi kegiatan yang diadakan di Masjid

Tanwir Surabaya, dan jamaah juga dapat mengetahui keadaan keuangan Masjid

Tanwir Surabaya.

1.6 Sistematika Penulisan

Sistematika yang digunakan dalam penyusunan laporan ini adalah :

BAB I : PENDAHULUAN

Bab ini menjelaskan latar belakang, perumusan masalah,

aplikasi informasi kegiatan masjid pada Masjid Tanwir

Surabaya.

BAB II : LANDASAN TEORI

Bab ini menjelaskan mengenai teori yang digunakan untuk

mendukung pembuatan aplikasi informasi kegiatan masjid, yaitu

aplikasi, data, informasi, kegiatan, analisis perancangan sistem,

sms gateway, system development life cycle, HTML, website, serta testing program black box.

BAB III : ANALISIS DAN PERANCANGAN SISTEM

Bab ini menjelaskan mengenai langkah-langkah yang dilakukan

dalam perancangan sistem, yaitu metodologi penelitian, analisis

sistem dan perancangan sistem meliputi perancangan system

flow, context diagram, data flow diagram, entity relation diagram, struktur tabel, design interface aplikasi, serta

rancangan pengujian aplikasi.

BAB IV : IMPLEMENTASI DAN EVALUASI

Bab ini menjelaskan tentang aplikasi yang dibuat secara

keseluruhan beserta penjelasan dari rancangan input dan output,

dan melakukan pengujian terhadap aplikasi yang telah dibuat

untuk mengetahui apakah aplikasi tersebut telah dapat

menyelesaikan masalah yang dihadapi sesuai yang diharapkan.

BAB V : PENUTUP

Bab ini berisi kesimpulan setelah program aplikasi selesai dibuat

29 BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem

Analisis sistem bertujuan untuk menganalisis sistem yang berjalan pada

Masjid Tanwir Surabaya saat ini. Hal tersebut untuk memperoleh gambaran

proses yang ada pada Masjid Tanwir Surabaya dan kelemahan-kelemahan atau

kendala-kendala yang ada. Dalam analisis sistem ini langkah-langkahnya adalah

melakukan identifikasi masalah dengan mnganalisis permasalahan yang ada,

analisis kebutuhan sistem yang selanjutnya akan dilakukan perancangan sistem

sebagai solusi permasalahan tersebut.

3.1.1 Identifikasi Permasalahan

Berikut ini adalah langkah-langkah yang dilakukan sebelum melakukan

identifikasi masalah tersebut, yaitu sebagai berikut:

1. Observasi

Observasi dilakukan dengan cara melakukan pengamatan atau peninjauan

langsung terhadap obyek penelitian yang dalam hal ini dilakukan pada

pengurus Masjid Tanwir Surabaya.

2. Wawancara

Wawancara ini cara yang dilakukan untuk mengumpulkan data dengan cara

mengajukan pertanyaan langsung kepada pengurus masjid. Dalam hal ini,

Proses pengelolaan kegiatan yang ada pada Masjid Tanwir Surabaya masih

dilakukan secara manual, meliputi pencatatan data jamaah, kegiatan, pengisi

kegiatan, dan keuangan. Semua pencatatan tersebut masih dilakukan dengan cara

pencatatan ke dalam buku dan pada papan pengumuman masjid sehingga

pengurus mengalami kesulitan dalam pencarian data dan memperoleh informasi

maupun laporan-laporan yang diperlukan oleh pengurus masjid.

Berdasarkan permasalahan tersebut, akan dibuat aplikasi yang dapat

digunakan sebagai solusi untuk mengatasi permasalahan tersebut di atas, yaitu

berupa aplikasi informasi kegiatan masjid, yang dapat melakukan pencatatan

jamaah, kegiatan, pengisi kegiatan, keuangan, pemberian informasi kegiatan.

Aplikasi informasi kegiatan masjid ini diharapkan dapat membantu pengurus

masjid dalam mengelola kegiatan, meliputi Sholat lima waktu, sholat jumat,

pengajian remaja, pengajian ibu-ibu, pengajian tafsir Al-Quran, pengajian hadist,

pengajian umum, serta Taman Pendidikan AL-Quran, aplikasi informasi kegiatan

masjid ini juga diharapkan dapat menghasilkan laporan-laporan yang

berhubungan dengan pengelolaan kegiatan masjid yaitu laporan kehadiran jamaah

dalam setiap kegiatan khusus, dan laporan keuangan masjid.

3.1.2 Analisis Kebutuhan Sistem

Berdasarkan uraian identifikasi permasalahan di atas, maka diperlukan

suatu aplikasi informasi kegiatan masjid untuk mengatasi kendala yang terjadi

pada proses pengelolaan kegiatan Masjid Tanwir Surabaya, agar mempermudah

Analisis kebutuhan sistem yang akan dibangun akan dijelaskan pada

tabel kebutuhan fungsional yang dapat dilihat pada tabel 3.1

Tabel 3.1 Kebutuhan Fungsional

User Fungsional

Sekretaris  Input data jamaah

 Input data pengurus

 Input data kegiatan

 Input data peserta kegiatan  Input data pengisi kegiatan

 Mengirim pesan informasi kegiatan masjid

Bendahara  Input keuangan masjid

Ketua Takmir  Laporan kegiatan

 Laporan kehadiran peserta kegiatan

 Laporan keuangan masjid

3.1.3 Studi Literatur

Studi Literatur dilakukan pada saat penelitian berlangsung dengan cara

mengumpulkan informasi-informasi yang berkaitan dengan topik penelitian, baik

di perpustakaan maupun dengan mengakses via web. Sumber informasi yang

berupa jurnal, karya ilmiah dan buku. Hal ini dilakukan untuk memperoleh data

dan pengetahuan yang lebih mengenai aplikasi yang akan dibuat yaitu Aplikasi

Informasi Kegiatan Masjid. Adapun informasi yang diperoleh meliputi:

1. Aplikasi

2. Desain antar muka

3. Manajemen Masjid

4. Website

3.1.4 Gambaran Umum Sistem

Aplikasi yang dibutuhkan oleh Pengurus Masjid Tanwir diharapkan

mampu memberikan informasi kegiatan kepada jamaah, serta pengisi kegiatan,

dan aplikasi ini juga diharapkan dapat menghasilkan laporan yang berhubungan

dengan proses pelaksanaan kegiatan sesuai dengan kebutuhan pengurus masjid,

meliputi laporan tentang kehadiran peserta dalam setiap kegiatan, laporan

keuangan sehingga dapat membantu takmir masjid dalam melakukan evaluasi

kehadiran peserta dan mengontrol kauangan masjid secara berkala.

Berdasarkan analisis permasalahan tersebut maka dibuatlah blok diagram

untuk mengetahui masukan yang dibutuhkan oleh sistem, proses yang dilakukan

oleh sistem, dan laporan yang dihasilkan oleh sistem. Proses yang akan dilakukan

oleh sistem untuk menangani masalah yang ada dapat dilihat pada blok diagram

yang ditunjukan pada Gambar 3.1.

Blok Diagram Aplikasi Informasi Kegiatan Masjid Tanwir Surabaya

Input Proses Output

Data Jamaah Data Pengurus Data Kegiatan Data Pengisi Data Pengeluaran & Pemasukan Data Peserta Kegiatan Mengelola Pengurus Mengelola Kegiatan Mengelola Peserta Kegiatan Mengelola Pengisi Kegiatan Mengelola Keuangan Kegiatan Pelaporan Kehadiran Peserta Informasi Jadwal Kegiatan Laporan Pengeluaran & Pemasukan Laporan Kehadiran Peserta

Berdasarkan Gambar 3.1 dapat dijelaskan input, proses, dan output

aplikasi informasi kegiatan masjid seperti penjelasan berikut:

1. Input

a. Data pengurus adalah data pengurus dari jamaah Masjid Tanwir

Surabaya.

b. Data kegiatan adalah data yang berisi informasi mengenai seluruh

kegiatan yang dilaksanakan.

c. Data jamaah adalah data anggota tetap Masjid Tanwir Surabaya.

d. Data pengisi adalah data yang berisi informasi mengenai pengisi

kegiatan masjid.

e. Data pemasukan dan pengeluaran adalah data laporan keuangan disetiap

kegiatan.

f. Data kehadiran peserta adalah data yang berisi informasi mengenai

jumlah kehadiran peserta dalam setiap kegiatan.

2. Proses

a. Mengelola pengurus adalah proses menentukan pengurus sesuai dengan

hak akses dalam menjalankan aplikasi.

b. Mengelola kegiatan adalah suatu proses dalam menetapkan kegiatan

masjid sesuai dengan hasil musyawarah takmir masjid.

c. Mengelola peserta kegiatan adalah proses menentukan peserta sesuai

dengan kegiatannya.

d. Mengelola pengisi kegiatan adalah proses menetapkan pengisi kegiatan

e. Mengupload keuangan kegiatan adalah proses upload laporan keuangan

kegiatan masjid secara rutin disetiap kegiatannya.

f. Pelaporan kehadiran peserta adalah proses untuk membuat laporan

kegiatan atau berita acara khususnya mengenai laporan rekap absensi

kehadiran peserta.

3. Output

a. Informasi jadwal kegiatan adalah data informasi jadwal kegiatan masjid

secara detail, yaitu mengenai kegiatan itu sendiri, peserta, maupun

pengisi kegiatan.

b. Laporan pengeluaran dan pemasukan kegiatan adalah dokumen laporan

keuangan yang telah diupload pada setiap kegiatan yang sangat

bermanfaat bagi takmir untuk mengontrol keuangan Masjid.

c. Laporan kehadiran peserta adalah laporan yang berisi rekap kehadiran

peserta pada setiap kegiatan yang bermanfaat untuk menjadi evaluasi

bagi takmir masjid.

3.2 Perancangan Sistem

Sebelum mengerjakan Aplikasi Informasi Kegiatan Masjid pada Masjid

Tanwir Surabaya, maka yang harus dikerjakan yaitu membuat perancangan sistem

terlebih dahulu, yaitu dengan menggunakan tools Microshoft Office Visio 2007

dan Power Designer 6.0. Tahap ini digunakan untuk memodelkan perancangan

yang telah ditetapkan berdasarkan analisis yang terdapat pada Masjid Tanwir

Aplikasi ini dirancang dengan menggunakan model terstruktur. Tahap

perancangan sistem digambarkan dengan membuat System Flowchart untuk

mengetahui alur dan kebutuhan dalam membangun sistem ini. Selanjutnya

berdasarkan System Flowchart yang telah dibuat, akan dibuat Context Diagram

yang kemudian dilakukan decompose untuk membuat DFD (Data Flow

Diagram). Dalam DFD disebutkan pula kebutuhan-kebutuhan akan tabel-tabel yang mendukung sistem informasi tersebut, sehingga selanjutnya akan dilakukan

perancangan terhadap kebutuhan database yang sesuai dengan DFD. Database

tersebut dirancang menjadi CDM (Conceptual Data Model) yang kemudian

dirubah ke dalam PDM (Physical Data Model).

3.2.1 System Flow

System flow aplikasi informasi kegiatan pada Masjid Tanwir Surabaya adalah sebagai berikut :

1. System Flow Mengelola Data Pengurus

System Flow Mengelola Pengurus merupakan alur melakukan pengelolaan data pengurus masjid. Pada proses ini dilakukan oleh pengurus. Berikut ini

Mengelola Data Pengurus

Sekretaris Sistem

Mulai

Selesai

Daftar Pengurus Simpan Data

Pengurus Pengurus

Pengurus

Input Data Pengurus

Pengurus sudah ada? tidak

ya

Gambar 3.2 System Flow Mengelola Pengurus

2. System Flow Mengelola Data Jamaah

System Flow Mengelola Data Jama’ah merupakan alur melakukan

pengelolaan data jamaah masjid, dan data jamaah ini akan digunakan sistem untuk

mengelola data pengurus dan peserta kegiatan masjid. Pada proses ini dilakukan

oleh pengurus. Berikut ini adalah gambaran system flow tersebut yang terlihat

Mengelola Data Jamaah

Sekretaris Sistem

Mulai

Selesai Daftar Jamaah Simpan Data

Jamaah Jamaah

Input Data Jamaah Data Jamaah

Sudah terdaftar? tidak

ya

Gambar 3.3 System Flow Mengelola Data Jamaah

3. System Flow Mengelola Kegiatan

System Flow Mengelola Kegiatan merupakan alur melakukan pengelolaan jadwal kegiatan. Pada proses ini dilakukan oleh pengurus. Berikut ini adalah

Mengelola Kegiatan

Sekretaris Sistem Jamaah & Pengisi

Kegiatan

Mulai

Selesai

Kegiatan

Input Data Kegiatan

Upload Laporan Keuangan Kegiatan

Pengisi

Informasi Jadwal Kegiatan Jamaah

Keuangan Memberikan informasi kegiatan Waktu & Lokasi

sama?

Simpan data kegiatan

Simpan file keuangan kegiatan

tidak ya

Gambar 3.4 System Flow Mengelola Kegiatan

4. System Flow Mengelola Peserta Kegiatan

System Flow Mengelola Peserta Kegiatan merupakan alur melakukan pengelolaan data peserta kegiatan masjid. Pada proses ini dilakukan oleh

bagian pengurus. Berikut ini adalah gambaran system flow tersebut yang

Mengelola Data Peserta Kegiatan

Sekretaris Sistem Takmir

Mulai

Selesai

Peserta Kegiatan

Mengelola Peserta kegiatan

Jamaah

Peserta Simpan data

peserta kegiatan Kegiatan

Membuat Laporan Kehadiran

Laporan Kehadiran

Gambar 3.5 System Flow Mengelola Peserta Kegiatan

5. System Flow Mengelola Pengisi Kegiatan

System Flow Mengelola Pengisi Kegiatan merupakan alur melakukan pengelolaan data pengisi kegiatan. Pada proses ini dilakukan oleh pengurus.

Mengelola Data Pengisi Kegiatan

Sekretaris Sistem

Mulai

Simpan Data

Pengisi Pengisi

Input Data Pengisi

Daftar Pengisi

Selesai

Gambar 3.6 System Flow Mengelola Pengisi Kegiatan

6. System Flow Mengelola Keuangan Masjid

System Flow Mengelola Keuangan Masjid merupakan alur melakukan pengelolaan data pengeluaran dan pemasukan ekuangan masjid. Pada proses ini

dilakukan oleh bagian pengurus. Berikut ini adalah gambaran system flow tersebut

Mengelola Keuangan Masjid

Bendahara Sistem Takmir

Mulai

Selesai Keuangan

Input Data Pengeluaran dan

Pemasukan

Simpan data pengeluaran dan

pemasukan Data Pengeluaran

dan Pemasukan

Membuat Laporan Keuangan

Laporan Keuangan

Gambar 3.7 System Flow Mengelola Keuangan Masjid

3.2.2 Diagram Jenjang

Dari system flow yang telah dibuat maka akan menghasilkan diagram

jenjang, diagram jenjang dari Aplikasi Informasi Kegiatan Masjid dapat

dijabarkan menjadi enam proses yaitu proses mengelola pengurus, mengelola

jamaah, mengelola kegiatan, mengelola data peserta, mengelola pengisi kegiatan,

dan mengelola keuangan masjid. Dari proses tersebut memiliki sub proses, untuk

0

Rancang Bangun Aplikasi Informasi Kegiatan Masjid Berbasis Web Pada Masjid Tanwir

Surabaya 2 Mengelola Pengurus 3 Mengelola Kegiatan 1 Mengelola Jamaah 4 Mengelola Peserta Kegiatan 3.1 Mengelola Jadwal Kegiatan 5 Mengelola Pengisi Kegiatan 5 Mengelola Keuangan Masjid 3.2 Mengelola Keuangan Kegiatan

Gambar 3.8 Diagram Jenjang Aplikasi Informasi Kegiatan Masjid Tanwir

3.2.3 Data Flow Diagram

DFD (Data Flow Diagram) merupakan perangkat yang digunakan pada

pengembangan sistem yang terstruktur. DFD dapat menggambarkan seluruh

kegiatan yang terdapat pada sistem dengan jelas. Selain itu DFD juga mampu

menggambarkan komponen dan aliran data antar komponen yang terdapat pada

sistem yang akan dikembangkan. Untuk membuat DFD digunakan perangkat

lunak Power Designer Process Analyst.

A. Context Diagram

Context diagram merupakan gambaran dari entitas-entitas yang ada hubungannya dengan sistem. Terlihat pada desain dibawah ini terdapat tiga

pengguna yang akan berinteraksi dengan sistem yaitu pengurus, peserta dan

takmir masjid. Masing-masing dari bagian ini memiliki hak akses yang berbeda

sesuai dengan username dan password pengguna. Adapun gambar context

Data Peng eluaran dan Pemas ukan Informas i Jadwal Keg iatan

Data Peserta Keg iatan Laporan Peng eluaran dan Pemasukan

Informas i Peserta Keg iatan Laporan Peng urus

Data Kehadiran Laporan Peng is i

Data Ang gota Laporan Kegiatan

Laporan Kehadiran

Data Peng urus

Data Peng isi Data peng urus Laporan Angg ota

0

Aplikasi Informasi Keg iatan

+

Ketua Takmir

Sekretaris Jamaah

Bendahara

Gambar 3.9 Context Diagram Aplikasi Informasi Kegiatan Masjid

Setiap entitas memberikan input sesuai tugas masing-masing dan

kemudian sistem mengolah input tersebut yang nantinya akan menghasilkan

output berupa informasi dan laporan yang dibutuhkan oleh takmir masjid.

B. DFD Level 0

Setelah context diagram aplikasi informasi kegiatan didekomposisikan

maka akan didapat DFD level 0 yang terdiri dari 5 sub proses, antara lain:

1. Sub sistem mengelola data anggota. Sub sistem ini digunakan untuk insert dan

edit data master anggota. Sub sistem ini dapat dilihat pada Gambar 3.10.

2. Sub sistem mengelola pengisi kegiatan. Sub sistem ini digunakan untuk insert

dan edit data master pengisi kegiatan. Sub system ini dapat dilihat pada

3. Sub sistem mengelola kegiatan. Sub sistem ini digunakan untuk pencatatan

kegiatan masjid yang meliputi, jadwal kegiatan, penentuan pengisi kegiatan,

penentuan peserta kegiatan serta mengupload pengeluaran dan pemasukan

keuangan dalam setiap kegiatan. Sub sistem ini dapat didekomposisi lagi

seperti yang terlihat pada Gambar 3.11.

4. Sub sistem mengelola pengurus. Sub sistem ini digunakan untuk melakukan

insert dan update data master pengurus. Sub sistem ini dapat dilihat pada

Gambar 3.10.

5. Sub sistem mengelola peserta kegiatan. Sub sistem ini digunakan untuk

melakukan update data peserta pada setiap kegiatan. Sub sistem ini dapat

didekomposisi lagi seperti yang terlihat pada Gambar 3.12.

Pada Level 0 akan digambarkan lebih detil interaksi antara pengguna

dengan sistem nantinya. Penjelasan singkat untuk Level 0 ini adalah sistem

dimulai dari pengurus yang melakukan proses maintenance. dengan menghasilkan

informasi jadwal kegiatan. Setelah itu pengurus mencatat daftar kehadiran peserta

kegiatan, serta mengupload laporan pengeluaran dan pemasukan dalam setiap

kegiatan. Kemudian laporan kehadiran peserta dan keuangan tersebut diberikan

Data Peng eluaran dan Pemasukan

jenis keg iatan daftar keg iatan jama' ah

Informasi Jadwal Keg iatan

Laporan Peng eluaran dan Pemasukan data peng isi

data peng isi kegiatan

Data Peserta Keg iatan

Laporan Peng urus

Data Kehadiran

Laporan Kehadiran

data peserta Informasi Peserta Keg iatan

data jama'ah data kegiatan

Laporan Kegiatan

daftar jama' ah

data peng urus Data Peng urus

Laporan Peng isi Laporan Angg ota

daftar keg iatan Data peng urus

daftar peng isi Data Peng isi

daftar jama' ah Data Ang gota

Ketua Takmir Sekretaris 1 Meng elola Jama' ah 2 Meng elola Peng isi 3 Meng elola Keg iatan +

1 Jama' ah

2 Peng isi

4 Meng elola

Peng urus

3 Keg iatan

4 Peng urus

5

Meng elola Kehadiran Peserta Keg iatan

+

6 Peserta

5 Peng isi_Keg iatan Jamaah

6

Meng elola Jenis Kegiatan

8 Janis Kegiatan Bendahara

Gambar 3.10 Data Flow Diagram Level 0

C. DFD Level 1 Sub Sistem Mengelola Kegiatan

Pada DFD Level 1 sub sistem mengelola kegiatan terdapat 3 proses terlihat

pada Gambar 3.11, antara lain:

1. Proses mengelola jadwal kegiatan: Digunakan untuk melakukan maintenance

data kegiatan, berupa insert dan edit.

2. Proses mengelola pengisi kegiatan: Digunakan untuk melakukan maintenance

3. Proses mengelola keuangan kegiatan: Digunakan untuk mengupload laporan

pengeluaran dan pemasukan keuangan pada setiap kegiatan.

Gambar 3.11 DFD Level 1 – Sub Sistem Mengelola Kegiatan

Proses pada level 1 ini dimulai dari proses melakukan input data yang

dibutuhkan dalam fungsional selanjutnya. Data master yang dimasukkan adalah

data anggota, pengisi dan kegiatan. Setelah dilakukan input data, proses

selanjutnya adalah proses penyimpanan data ke dalam database. Proses pada level

1 ini dianggap telah selesai jika semua data yang dibutuhkan oleh sistem semua

sudah terkumpul dan tersimpan ke dalam database.

D. DFD Level 1 Sub Sistem Mengelola Peserta

Pada DFD level 1 sub sistem mengelola Peserta terdapat 2 proses terlihat

1. Proses daftar kehadiran, merupakan proses untuk mencatat data peserta yang

mengikuti kegiatan.

2. Proses membuat laporan kehadiran, merupakan proses untuk membuat laporan

kehadiran peserta dalam setiap kegiatan masjid.

Gambar 3.12 DFD Level 1 – Sub Sistem Mengelola Peserta

Proses pada level 1 ini dimulai dari pengurus melakukan pencatatan

peserta kegiatan sesuai dengan data anggota dan kegiatan. Kemudian membuat

laporan kehadiran peserta kegiatan. Output yang dihasilkan dari proses tersebut,

yaitu berupa laporan kehadiran peserta dalam setiap kegiatan.

3.2.4Entity Relational Diagram

Entity Relationship Diagram (ERD) menggambarkan basis data-basis data yang ada pada database. Adapun ERD yang dibangun sebagai berikut:

A. Conceptual Data Model (CDM)

Sebuah Conceptual Data Model (CDM) merupakan gambaran dari

satu dengan tabel yang lain. Relasi tersebut antara lain: one to one, one to many,

many to one dan many to many. Jika CDM digenerate, maka akan menghasilkan Physical Data Model (PDM). Adapun CDM dapat lihat pada gambar di bawah ini. mengisi kegiatan menjadi menjadi mengikuti menjadi termasuk jenis Pengurus Id_Pengurus Pass word Hak_Akses Kegiatan Id_Kegiatan Nama_Kegiatan Tanggal_Kegiatan Waktu_Kegiatan Lokasi_Kegiatan Keuangan Jenis_Kegiatan Id_J enis_Kegiatan Nama_Jenis _Kegiatan Anggota Id_Anggota Nama_Anggota Alamat No_Telepon Jenis_Kelamin Tanggal_Lahir No_HP Peserta Id_Pes erta Hadir Pengis i Id_Pengisi Nama_Pengisi No_Telepon Catatan

Pengis i Kegiatan ID_Pengisi_Kegiatan

Gambar 3.13 CDM Aplikasi Informasi Kegiatan

B. Physical Data Model (PDM)

Physical Data Model (PDM) merupakan hasil dari generate conceptual

datamodel. PDM merupakan representasi fisik dari database. Adapun PDM dapat

ID_KEGIAT AN = ID_KEGIATAN ID_PENGISI = ID_PENGISI

ID_ANGGOTA = ID_ANGGOTA

ID_KEGIAT AN = ID_KEGIATAN ID_ANGGOTA = ID_ANGGOTA

ID_JENIS_KEGIAT AN = ID_JENIS_KEGIATAN

PENGURUS ID_PENGUR US varchar(50) ID_ANGGOTA varchar(10) PASSWORD varchar(50) HAK_AKSES varchar(30) KEGIATAN ID_KEGIATAN varchar(10) ID_JENIS_KEGIATAN varchar(10) NAMA_KEG IATAN varchar(50) TANGGAL_KEGIATAN date WAKTU_KEGIATAN varchar(50) LOKASI_KEGIATAN varchar(100) KEUANGAN varchar(300) JENIS_KEGIATAN ID_JENIS_KEGIATAN varchar(10) NAMA_JENIS_KEGIATAN varchar(50) ANGGOTA ID_ANGGOTA varchar(10) NAMA_ANGGOTA varchar(50) ALAMAT varchar(100) NO_TELEPO N varchar(50) JENIS_KELAM IN varchar(10) TANGGAL_LAHIR date

NO_HP varchar(30)

PESERTA ID_PESERTA integ er ID_ANGGOTA varchar(10) ID_KEGIATAN varchar(10) HADIR integ er

PENGISI ID_PENGISI varchar(10) NAMA_PEN GISI varchar(50) CATATAN varchar(200) NO_TELEPO N varchar(50)

PENGISI_KEGIATAN ID_PENGISI_KEGIATAN integ er ID_KEGIATAN varchar(10) ID_PENGISI varchar(10)

Gambar 3.14 PDM Aplikasi Informasi Kegiatan

3.2.5 Struktur Tabel

Struktur database menggambarkan entity yang terdapat dalam database

yang digunakan pada aplikasi pencatatan produksi. Adapun Struktur database

tersebut adalah:

1. Tabel Master Jamaah

Primary key : Id_Jamaah

Foreign key : -

Fungsi : Untuk menyimpan data jamaah

Tabel 3.2 Master Jamaah

No Nama Field Tipe

Data Size Constraint Keterangan

1 Id_Jamaah VARCHAR 10 Primary Key Id Jamaah

2 Nama_Jamaah VARCHAR 50 - Nama Jamaah

3 Alamat VARCHAR 100 - Alamat

5 Jenis_Kelamin VARCHAR 10 - Jenis Kelamin

6 Tanggal_Lahir DATE - Tanggal Lahir

7 No_HP VARCHAR 30 - No HP

2. Tabel Master Pengisi

Primary key : Id_Pengisi

Foreign key : -

Fungsi : Untuk menyimpan data pengisi

Tabel 3.3 Master Pengisi

No Nama Field Tipe

Data Size Constraint Keterangan

1 Id_Pengisi VARCHAR 10 Primary Key Id Pengisi

2 Nama_Pengisi VARCHAR 50 - Nama Pengisi

3 Catatan VARCHAR 200 - Catatan

4 No_Telepon VARCHAR 50 - No Telepon

3. Tabel Master Jenis Kegiatan

Primary key : Id_Jenis_Kegiatan

Foreign key : -

Fungsi : Untuk menyimpan data jenis kegiatan

Tabel 3.4 Master Jenis Kegiatan

No Nama Field Tipe

Data Size Constraint Keterangan

1 Id_Jenis_Kegiatan VARCHAR 10 Primary Key Id Jenis

Kegiatan

2 Nama_Jenis_Kegiatan VARCHAR 50 Nama Jenis

Kegiatan

4. Tabel Pengurus

Primary key : Id_Pengurus

Foreign key : Id_Jama’ah

Tabel 3.5 Master Pengurus

No Nama Field Tipe

Data Size Constraint Keterangan

1 Id_Pengurus VARCHAR 50 Primary Key Id Pengurus

2 Id_Jama’ah VARCHAR 10 Foreign Key Id Jama’ah

3 Password VARCHAR 50 - Password

4. Hak_Akses VARCHAR 30 - Hak Akses

5. Tabel Kegiatan

Primary key : Id_Kegiatan

Foreign key : Id_Jenis_Kegiatan

Fungsi : Untuk menyimpan data kegiatan

Tabel 3.6 Kegiatan

No Nama Field Tipe

Data Size Constraint Keterangan

1 Id_Kegiatan VARCHAR 10 Primary Key Id Kegiatan

2 Id_Jenis_Kegiatan VARCHAR 10 Foreign Key Id Jenis Kegiatan

3 Nama_Kegiatan VARCHAR 50 - Nama Kegiatan

4 Tanggal_Kegiatan DATE - Tanggal Kegiatan

5 Waktu_Kegiatan VARCHAR 50 - Waktu Kegiatan

6 Lokasi Kegiatan VARCHAR 100 - Lokasi Kegiatan

7 Keuangan VARCHAR 300 - Keuangan

6. Tabel Peserta

Primary key : Id_Peserta

Foreign key : Id_Jama’ah, Id_Kegiatan

Fungsi : Untuk menyimpan data peserta

Tabel 3.7 Peserta

No Nama Field Tipe

Data Size Constraint Keterangan

1 Id_Peserta INTEGER Primary Key Id Peserta

2 Id_Jama’ah VARCHAR 10 Foreign Key Id Jama’ah

3 Id_Kegiatan VARCHAR 10 Foreign Key Id Kegiatan

7. Tabel Pengisi Kegiatan

Primary key : Id_Pengisi_Kegiatan

Foreign key : Id_Pengisi, Id_Kegiatan

Fungsi : Untuk menyimpan data pengisia kegiatan

Tabel 3.8 Pengisi Kegiatan

No Nama Field Tipe

Data Size Constraint Keterangan

1 Id_Pengisi_Kegiatan INTEGER Primary Key Id Pengisi

Kegiatan

2 Id_Pengisi VARCHAR 10 Foreign Key Id Pengisi

3 Id_Kegiatan VARCHAR 10 Foreign Key Id Kegiatan

3.3 Desain Interface

Pada tahap ini dilakukan perancangan input/output untuk berinteraksi

antara user dengan sistem. Perancangan ini juga disertai dengan desain tampilan

antarmuka pada sistem yang dibangun dengan memberikan deskripsi pada

masing-masing fungsi yang dikelompokkan berdasarkan stakeholder. Berikut

merupakan penjelasan secara detail dari sistem yang akan dibangun berdasarkan

pengguna sistem yang sudah dijelaskan sebelumnya. Perancangan ini juga

disesuaikan dengan kebutuhan fungsional sistem dan proses-proses yang ada pada

Data Flow Diagram (DFD). Perancangan antarmuka ini terdiri dari seluruh proses yang akan diimplementasikan pada aplikasi informasi kegiatan Masjid Tanwir

1. Fungsi Mengisi Data Jamaah

Pada Fungsi ini menampilkan menu untuk melakukan proses pengisian

data jamaah. Deskripsi detilnya dapat dilihat pada Tabel 3.9.

Tabel 3.9 Deskripsi Form Mengisi Data Jamaah Nama

Fungsi

Mengisi Data Jamaah Stakeholder Jamaah

Design Interface

Deskripsi Tampilan awal dari form isian daftar jama’ah ini berfungsi untuk

menampilkan, menambah data jama’ah, juga sekaligus sebagai

peringatan untuk memeriksa data jama’ah yang sudah

dimasukkan sebelumnya Design

Interface

Deskripsi Pada form ini berfungsi untuk menambahkan data jama’ah

Table Input jama’ah Table

Output

jama’ah

Query "insert into ANGGOTA

(ID_JAMA’AH,NAMA_JAMA’AH,TANGGAL_LAHIR,JENIS_KE

('$ID_JAMA’AH,'$NAMA_JAMA’AH,'$TANGGAL_LAHIR','$JE NIS_KELAMIN','$ALAMAT','$NO_TELEPON','$NO_HP')"; Kebutuhan

Non-Fungsional

Security Correctness Interface Performance Operability

2. Fungsi Mengisi Data Pengurus

Menampilkan menu untuk mengisi data pengurus seperti terlihat pada

Tabel 3.10 dibawah ini.

Tabel 3.10 Deskripsi Mengisi Data Pengurus Nama

Fungsi

Mengisi Data Pengurus Stakeholder Pengurus

Design Interface

Design Interface

Deskripsi Pada form ini berfungsi untuk menambahkan data pengurus

Table Input Pengurus Table

Output

Pengurus

Query "insert into PENGURUS

(ID_PENGURUS,ID_ANGGOTA,PASSWORD,HAK_AKSES) values

('$ID_PENGURUS','$ID_ANGGOTA','$PASSWORD','$HAK_A KSES')";

Kebutuhan

Non-Fungsional

Security Correctness Interface Performance Operability

3. Fungsi Mengisi Data Pengisi

Menampilkan menu untuk mengisi data pengisi seperti terlihat pada Tabel

Tabel 3.11 Deskripsi Mengisi Data Pengisi Nama

Fungsi

Mengisi Data Pengisi Kegiatan Stakeholder Pengisi

Design Interface

Deskripsi Pada form ini berfungsi untuk menambahkan data pengisi

Design Interface

Deskripsi Pada form ini berfungsi untuk menambahkan data pengisi

Table Input Pengisi Table

Output

Pengisi

Query "insert into PEMBICARA

(ID_PEMBICARA,NAMA_PEMBICARA,NO_TELEPON,CATAT AN) values

('$ID_PEMBICARA','$NAMA_PEMBICARA','$NO_TELEPON',' $CATATAN')";

Kebutuhan

Non-Fungsional

Security Correctness Interface

Performance Operability

4. Fungsi Mengisi Data Kegiatan

a. Fungsi Mengisi Data Kegiatan

Menampilkan menu untuk melakukan penetapan kegiatan seperti terlihat

pada Tabel 3.12 dibawah ini.

Tabel 3.12 Deskripsi Form Melakukan Mengisi Data Kegiatan Nama

Fungsi

Form Mengisi Data Kegiatan Stakeholder Admin

Design Interface

Deskripsi Fungsi form ini adalah untuk melakukan mengisi data kegiatan

Design Interface

Table Input Kegiatan

Output

Query "insert into KEGIATAN

(ID_KEGIATAN,ID_JENIS_KEGIATAN,NAMA_KEGIATAN,TA NGGAL_KEGIATAN,WAKTU_KEGIATAN,LOKASI_KEGIATA N,KEUANGAN) values

('$ID_KEGIATAN','$ID_JENIS_KEGIATAN','$NAMA_KEGIAT AN','$TANGGAL_KEGIATAN','$WAKTU_KEGIATAN','$LOKAS I_KEGIATAN','$KEUANGAN')";

Kebutuhan

Non-Fungsional

Security Correctness Interface Performance Operability

b. Fungsi Mengisi Data Peserta

Pada Fungsi ini menampilkan menu untuk melakukan proses pengisian

Data Peserta. Deskripsi detilnya dapat dilihat pada Tabel 3.13.

Tabel 3.13 Deskripsi Form Mengisi Data Peserta Nama

Fungsi

Form Data Peserta Stakeholder Anggota

Design Interface

Deskripsi Fungsi form ini adalah untuk melakukan proses pengisian data

Design Interface

Table Input Peserta Table

Output

Peserta

Query "insert into PESERTA (ID_KEGIATAN,ID_ANGGOTA,HADIR) values

('$ID_KEGIATAN','$ID_ANGGOTA','0')"; Kebutuhan

Non-Fungsional

Security Correctness Interface Performance Operability

c. Fungsi Mengisi Form Data Pengisi Kegiatan

Pada Fungsi ini menampilkan menu untuk melakukan proses penentuan

Tabel 3.14 Deskripsi Form Pengisi Kegiatan Nama

Fungsi

Form Mengisi Data Pembicara Kegiatan Stakeholder Pengisi Kegiatan

Design Interface

Deskripsi Fungsi form ini adalah untuk melakukan proses penentuan

pengisi kegiatan Design

Interface

Table Input Pengisi Kegiatan Table

Output

Pengisi Kegiatan

Query "insert into PEMBICARA_KEGIATAN (ID_KEGIATAN,ID_PEMBICARA) values ('$ID_KEGIATAN','$ID_PEMBICARA')"; Kebutuhan

Non-Fungsional

Security Correctness Interface Performance Operability

5. Fungsi Informasi Jadwal Kegiatan

Menampilkan menu memberikan informasi jadwal kegiatan kepada peserta

dan pengsi kegiatan melalui sms gateway seperti terlihat pada Tabel 3.15

dibawah ini.

Tabel 3.15 Deskripsi Informasi Jadwal Kegiatan Nama

Fungsi

Informasi Kegiatan Stakeholder Peserta

Design Interface

Deskripsi Pada form ini berfungsi untuk mengirimkan informasi kegiatan

Table Input Peserta, pengisi kegiatan, kegiatan Table

Output

Peserta, pengisi kegiatan, kegiatan

Query Kebutuhan

Non-Fungsional

Security Correctness Interface Performance Operability

6. Fungsi Halaman Keuangan

Menampilkan menu laporan keuangan sesuai tanggal yang diinginkan,

yang digunakan sebagai pelaporan keuangan kepada takmir masjid seperti

terlihat pada Tabel 3.16 dibawah ini.

Tabel 3.16 Deskripsi Laporan Keuangan Nama

Fungsi

Laporan Kegiatan Stakeholder Bendahara

Design Interface

Deskripsi Pada form ini berfungsi untuk membuat laporan keuangan

Table Input Keuangan Table

Output

Keuangan

Query Kebutuhan

Non-Fungsional

Security Correctness Interface Performance Operability

7. Fungsi Laporan Kegiatan

Menampilkan menu laporan kegiatan sesuai tanggal yang diinginkan, yang

digunakan sebagai pelaporan kegiatan kepada takmir masjid seperti

terlihat pada Tabel 3.17 dibawah ini.

Tabel 3.17 Deskripsi Laporan Kegiatan Nama

Fungsi

Laporan Kegiatan Stakeholder Takmir

Design Interface

Deskripsi Pada form ini berfungsi untuk membuat laporan kegiatan

Table Input Kegiatan Table

Output

Kegiatan

Query Kebutuhan

Non-Fungsional

Security Correctness Interface Performance Operability

8. Fungsi Laporan Kehadiran Peserta

Menampilkan menu laporan kehadiran peserta sesuai tanggal dan kegiatan

yang ditentukan, yang digunakan sebagai pelaporan kegiatan kepada

takmir masjid seperti terlihat pada Tabel 3.18 dibawah ini.

Tabel 3.18 Deskripsi Laporan Kehadiran Kegiatan Nama

Fungsi

Laporan Kehadiran Kegiatan Stakeholder Takmir

Design Interface

Deskripsi Pada form ini berfungsi untuk membuat laporan kegiatan

Table Input Kegiatan, Peserta Table

Output

Kegiatan, Peserta

Query Kebutuhan

Non-Fungsional

Security Correctness Interface Performance Operability

9. Fungsi Laporan Keuangan Masjid

Menampilkan menu laporan keuangan sesuai tanggal dan kegiatan yang

ditentukan, yang digunakan sebagai pelaporan keuangan kepada takmir

masjid seperti terlihat pada Tabel 3.19 dibawah ini.

Tabel 3.19 Deskripsi Laporan Keuangan Nama

Fungsi

Laporan Keuangan Stakeholder Takmir

Design Interface

Deskripsi Pada form ini berfungsi untuk membuat laporan keuangan

Table Input Keuangan Table

Output

Keuangan

Query Kebutuhan

Non-Fungsional

Security Correctness Interface Performance Operability

3.4 Rancangan Pengujian Aplikasi

Pengujian terhadap aplikasi dilakukan dengan cara melakukan berbagai

percobaan terhadap beberapa menu untuk membuktikan bahwa aplikasi telah

berjalan sesuai tujuan. Pengujian yang dilakukan dengan menggunakan black box

testing.

A. Perancangan Uji Coba Halaman Login

Uji coba yang akan dilakukan pada halaman login dapat dilihat sebagai

berikut:

Tabel 3.20 Data Halaman Login

Nama Kolom Data 1 Data 2 Data 3

Username Lukman Candra Ari

Password Lukman Candra354 003

Hak Akses Sekretaris Takmir Bendahara

Tabel 3.21 Perancangan Uji Coba Halaman Login Test

Case

Tujuan Input Output Yang

Diharapkan

1 Mengecek data

username dan password yang dimasukkan adalah valid

Memasukkan data 1 seperti yang terdapat pada tabel 3.20

Login berhasil dan menampilkan halaman depan web sekretaris

2 Mengecek data

username dan password yang dimasukkan adalah valid

Memasukkan data 2 seperti yang terdapat pada tabel 3.20

Login berhasil dan menampilkan halaman depan web takmir

3 Mengecek data

username dan password yang dimasukkan oleh pengurus adalah tidak valid

Memasukkan data 3 seperti yang terdapat pada tabel 3.20

Login gagal,

menampilkan pesan

“Username atau password salah, silahkan mengulangi lagi, dan menampilkan kembali halaman login.

B. Perancangan Uji Coba Halaman Master Jamaah

Uji coba yang akan dilakukan pada halaman master jamaah dapat dilihat

sebagai berikut:

Tabel 3.22 Data master jamaah

Nama Kolom Data 1 Data 2 Data 3

Nama Candra Setya Buana Lukman Hakim Candra Setya Buana

Alamat Kedung Cowek 73 Indrosono 27 Kedung Cowek 73

No Telp 085655109447 081332473223 085655109447

Tabel 3.23 Perancangan Uji Coba Master Jamaah Test

Case

Tujuan Input Output Yang

Diharapkan

1 Memasukkan data

jamaah

Data jamaah yang dimasukkan adalah data 1 sesuai tabel 2.22, tombol simpan

Data berhasil disimpan ke dalam tabel dan muncul dalam daftar jamaah

2 Memasukkan data

jamaah

Data jamaah yang dmasukkan adalah data 3 sesuai tabel 2.22, tombol simpan

Data gagal disimpan,

muncul pesan “data

sudah ada, silahkan memasukkan data

kembali”

C. Perancangan Uji Coba Halaman Master Pengurus

Uji coba yang akan dilakukan pada halaman master pengurus dapat dilihat

sebagai berikut:

Tabel 3.24 Data master pengurus

Nama Kolom Data 1 Data 2 Data 3

Nama H. Didik Eko Putro H.Fadhlan Wadullah H. Fadhlan Wafdulloh

Alamat Tanah Merah 74 Pacar Kembang 4 Pacar Kembang 4

Tabel 3.25 Perancangan Uji Coba Master Pengurus Test

Case

Tujuan Input Output Yang

Diharapkan

1 Memasukkan data

pengurus

Data pengurus yang dimasukkan adalah data 1 sesuai tabel 2.24, tombol simpan

Data berhasil disimpan ke dalam tabel dan muncul dalam daftar pengurus

2 Memasukkan data

pengurus

Data pengurus yang dmasukkan adalah data 3 sesuai tabel 2.24, tombol simpan

Data gagal disimpan,

muncul pesan “data

sudah ada, silahkan memasukkan data

kembali”

D. Perancangan Uji Coba Halaman Master Pengisi

Uji coba yang akan dilakukan pada halaman master pengisi dapat dilihat

sebagai berikut:

Tabel 3.26 Data master pengisi

Nama Kolom Data 1 Data 2 Data 3

Nama H. Rifa’i H. Hariadi H. Rifa’i

Alamat Kedinding Lor 2 Tanah Merah Utara1 Kedinding Lor 2

No Telp 085655108734 081332475837 085655108734

Tabel 3.27 Perancangan Uji Coba Master Pengisi Test

Case

Tujuan Input Output Yang

Diharapkan

1 Memasukkan data

pengisi

Data pengisi yang dimasukkan adalah data 1 sesuai tabel 2.26, tombol simpan

Data berhasil disimpan ke dalam tabel dan muncul dalam daftar pengisi

2 Memasukkan data

pengisi

Data pengisi yang dmasukkan adalah data 3 sesuai tabel 2.26, tombol simpan

Data gagal disimpan,

muncul pesan “data

sudah ada, silahkan memasukkan data

E. Perancangan Uji Coba Halaman Daftar Kegiatan

Uji coba yang akan dilakukan pada halaman daftar kegiatan dapat dilihat

sebagai berikut:

Tabel 3.28 Data Daftar Kegiatan

Nama Kolom Data 1 Data 2

Kegiatan Pengajian Tafsir Hadist Pengajian Umum

Tanggal 20 Maret 2016 20 Maret 2016

Jam Awal 08.30 09.00

Jam Akhir 11.00 11.00

Lokasi Lantai 1 Lantai 1

Tabel 3.29 Perancangan Uji Coba Daftar Kegiatan Test

Case

Tujuan Input Output Yang

Diharapkan

1 Memasukkan data

kegiatan

Data kegiatan yang dimasukkan adalah data 1 sesuai tabel 2.28, tombol simpan

Data berhasil disimpan ke dalam tabel dan muncul dalam daftar kegiatan

2 Memasukkan data

kegiatan

Data kegiatan yang dmasukkan adalah data 2 sesuai tabel 2.28, tombol simpan

Data gagal disimpan, muncul pesan

“waktu kegiatan sama, silahkan memasukkan data

kembali”

F. Perancangan Uji Coba Halaman Daftar Peserta

Uji coba yang akan dilakukan pada halaman daftar pesertadapat dilihat

sebagai berikut:

Tabel 3.30 Perancangan Uji Coba Daftar Peserta Test

Case

Tujuan Input Output Yang

Diharapkan

1 Memasukkan data

peserta

Data daftar peserta, tombol simpan

Data masuk ke dalam tabel dan muncul dalam daftar peserta

2 Hapus data

peserta

Data daftar peserta, tombol hapus

G. Perancangan Uji Coba Halaman Pengisi Kegiatan

Uji coba yang akan dilakukan pada halaman pembicara dapat dilihat

sebagai berikut:

Tabel 3.31 Perancangan Uji Coba Pengisi Kegiatan Test

Case

Tujuan Input Output Yang

Diharapkan

1 Menambahkan

data pengisi kegiatan

Data pengisi kegiatan, tombol simpan

Data masuk ke dalam tabel dan muncul dalam daftar pengisi kegiatan

2 Menghapus data

pengisi kegiatan

Data pengisi kegiatan, tombol hapus

71 BAB IV

IMPLEMENTASI DAN EVALUASI

4.1 Implementasi

Implementasi program adalah implementasi dari analisis dan desain sistem

yang dibuat sebelumnya. Sehingga diharapkan dengan adanya implementasi ini

dapat dipahami jalannya aplikasi Rancang Bangun Aplikasi Informasi Kegiatan

Masjid Berbasis Web Pada Masjid Tanwir Surabaya. Sebelumnya user harus

mempersiapkan kebutuhan-kebutuhan dari program yang akan diimplementasikan

baik dari segi perangkat keras maupun perangkat lunak komputer.

4.1.1 Kebutuhan Perangkat Keras

Agar dapat menjalankan aplikasi Rancang Bangun Aplikasi Informasi

Kegiatan Masjid Berbasis Web Pada Masjid Tanwir Surabaya. ini, dibutuhkan

perangkat lunak (software) dan perangkat keras (hardware).

Adapun persyaratan minimal perangkat keras (hardware) adalah sebagai

berikut:

1. Processor Intel Dual Core, Core 2 Duo, atau di atasnya.

2. Memory 1 Gb atau lebih.

3. Harddisk 80 Gb atau lebih.

4. Monitor dengan resolusi minimal 1024 x 768.

4.1.2 Kebutuhan Perangkat Lunak

Adapun kebutuhan perangkat lunak yang digunakan dalam pembuatan

aplikasi ini adalah sebagai berikut:

1. Sistem operasi menggunakan Microsoft Windows 7 Ultimate.

2. Notepad++.

3. MySql.

4. Untuk perancangan sistem menggunakan Power Designer 6.

5. Untuk perancangan desain input/output menggunakan Microsoft Office Visio

2007.

6. Untuk dokumentasi menggunakan Microsoft Office Word 2010.

4.1.3Implementasi Sistem

Implementasi sistem merupakan suatu tahap penerapan dari analisa dan

perancangan sistem yang telah dibuat sebelumnya. Pada bagian implementasi

sistem juga akan dijelaskan mengenai penggunaan dari aplikasi yang dibuat.

Penjelasan aplikasi yang dibuat meliputi tampilan aplikasi, dan fungsi kontrol

dalam aplikasi.

A. Form Utama

Form utama akan muncul setelah proses login berhasil. Pada form ini

terdapat sejumlah menu yang dapat diakses pengguna dengan cara me-klik menu

yang akan dipilih. Form utama ini terdapat beberapa tampilan berdasarkan jenis

Gambar 4.1 Tampilan Form Utama

B. Form Master Jamaah

Form master mesin digunakan untuk menambah dan merubah data anggota yang ada pada sistem ini. Form master jamaah dapat dilihat pada Gambar

4.2.

C. Form Master Pengurus

Form master pengurus digunakan untuk menambah dan merubah data

pengurus yang ada pada sistem ini. Form master penguurs dapat dilihat pada

Gambar 4.3.

Gambar 4.3 Tampilan Form Master Pengurus

D. Form Master Pengisi

Form master pengisi digunakan untuk menambah dan merubah data pengisi yang ada pada sistem ini. Form master pengisi dapat dilihat pada Gambar

4.4.

E. Form Master Kegiatan

Form master kegiatan digunakan untuk menambah dan merubah data kegiatan yang ada pada sistem ini. Form master kegiatan dapat dilihat pada

Gambar 4.5.

Gambar 4.5 Tampilan Form Master Kegiatan

F. Form Peserta

Form peserta digunakan untuk menambah dan merubah data peserta yang

ada pada sistem ini. Form peserta dapat dilihat pada Gambar 4.6.

G. Form Pengisi Kegiatan

Form Pengisi Kegiatan digunakan untuk menambah dan merubah data

pengisi kegiatan yang ada pada sistem ini. Form pengisi kegiatan dapat dilihat

pada Gambar 4.7.

Gambar 4.7 Tampilan Form Pengisi Kegiatan

H. Form Informasi Kegiatan

Form master Pengisi Kegiatan digunakan untuk memberikan informasi jadwal kegiatan kepada peserta dan pengisi kegiatan yang ada pada sistem ini

melalui sms gateway. Form Informasi kegiatan dapat dilihat pada Gambar 4.8.

I. Form Laporan Kegiatan

Form :aporan Kegiatan digunakan untuk membuat laporan kegiatan yang

ada pada sistem ini. Form laporan kegiatan dapat dilihat pada Gambar 4.9.

Gambar 4.9 Tampilan Form Laporan Kegiatan

J. Form Laporan Kehadiran Peserta

Form Laporan Kehadiran Peserta digunakan untuk membuat laporan

kehadiran peserta dalam setiap kegiatan yang ada pada sistem ini. Form laporan

kehadiran peserta dapat dilihat pada Gambar 4.10.

4.1.4 Uji Coba Sistem

Proses master mesin mencakup proses penambahan dan pengubahan data

mesin. Rangkaian uji coba terangkum dalam Tabel 4.1, yaitu test case untuk form

master mesin.

Tabel 4.1 Test Case Master Jamaah Test

Case

Tujuan Input Output Yang

Diharapkan

Status

1 Memasukkan

data anggota

Data anggota, tombol simpan

Data masuk ke dalam tabel dan muncul dalam daftar anggota

Sukses Gambar 4.8

2 Mengedit data

anggota

Data anggota, tombol ubah

Data ter-edit ke tabel dan muncul dalam daftar anggota

Sukses Gambar 4.9

Gambar 4.12 Test Case 2

A. Uji Coba Master Pengurus

Proses master pengurus mencakup proses penambahan dan pengubahan

data pengurus. Rangkaian uji coba terangkum dalam Tabel 4.2, yaitu test case

untuk form master pengurus.

Tabel 4.2 Test Case Master Pengurus Test

Case

Tujuan Input Output Yang

Diharapkan

Status

1 Memasukkan

data pengurus

Data pengurus, tombol simpan

Data masuk ke dalam tabel dan muncul dalam daftar pengurus

Sukses Gambar 4.10

2 Mengedit data

pengurus

Data pengurus, tombol ubah

Data ter-edit ke table dan muncul dalam daftar pengurus

Sukses Gambar 4.11

Gambar 4.13 Test Case 3

Gambar 4.14 Test Case 4

B. Uji Coba Master Pengisi

Proses master pengisi mencakup proses penambahan dan pengubahan data

pengisi. Rangkaian uji coba terangkum dalam Tabel 4.3, yaitu test case untuk

form master pengisi.

Tabel 4.3 Test Case Master Pengisi Test

Case

Tujuan Input Output Yang

Diharapkan

Status

1 Memasukkan

data pengisi

Data pengisi, tombol simpan

Data masuk ke dalam tabel dan muncul dalam pengisi

Sukses Gambar 4.12

2 Mengedit data

pengisi

Data pengisi, tombol ubah

Data ter-edit ke table dan muncul dalam pengisi

Sukses Gambar 4.13

Gambar 4.15 Test Case 5

Gambar 4.16 Test Case 6

C. Uji Coba Master Daftar Kegiatan

Proses master daftar kegiatan mencakup proses penambahan dan

pengubahan daftar kegiatan. Rangkaian uji coba terangkum dalam Tabel 4.4, yaitu

test case untuk form daftar kegiatan.

Tabel 4.4 Test Case Master Daftar Kegiatan Test

Case

Tujuan Input Output Yang

Diharapkan

Status

1 Memasukkan

daftar kegiatan

Daftar kegiatan, tombol simpan

Data masuk ke dalam tabel dan muncul dalam daftar kegiatan

Sukses Gambar 4.14

2 Mengedit

daftar kegiatan

Daftar kegiatan, tombol ubah

Data ter-edit ke table dan muncul dalam daftar kegiatan

Sukses Gambar 4.15

Gambar 4.17 Test Case 7

Gambar 4.18 Test Case 8

D. Uji Coba Penentuan Peserta

Proses penentuan peserta mencakup proses penambahan dan pengubahan

data peserta. Rangkaian uji coba terangkum dalam Tabel 4.5, yaitu test case untuk

form peserta.

Tabel 4.5 Test Case Peserta Test

Case

Tujuan Input Output Yang

Diharapkan

Status

1 Menentukan

data peserta

Data peserta, tombol simpan

Data masuk ke dalam tabel dan muncul dalam daftar peserta

Sukses Gambar 4.15

2 Menambah

data peserta

Data peserta, tombol tambah peserta

Data bertambah ke table dan muncul dalam daftarpeserta

Sukses Gambar 4.16

Gambar 4.19 Test Case 9

Gambar 4.20 Test Case 10

E. Uji Coba Penentuan Pengisi Kegiatan

Proses Penentuan Pengisi Kegiatan mencakup proses penambahan dan

pengubahan data pengisi kegiatan. Rangkaian uji coba terangkum dalam Tabel

4.6, yaitu test case untuk form pengisi

kegiatan.

Tabel 4.6 Test Case Pengisi Kegiatan Test

Case

Tujuan Input Output Yang

Diharapkan

Status

11 Memasukkan

daftar pengisi kegiatan

Data pengisi kegiatan, tombol simpan

Data masuk ke dalam tabel dan muncul dalam daftar pengisi kegiatan

Sukses Gambar 4.17

12 Mengedit daftar pengisi kegiatan

Data pengisi kegiatan, tombol ubah

Data berubah ke table dan muncul dalam daftar pengisi kegiatan

Sukses Gambar 4.18

Gambar 4.21 Test Case 11

Gambar 4.22 Test Case 12

4.2 Evaluasi Sistem

Dari hasil uji coba yang telah dilakukan, aplikasi dapat berjalan dengan baik

dan dapat melakukan proses mengelola data jama’ah, mengelola data pengisi kegiatan, mengelola data kegiatan, mengelola data pengurus dan mengelola

peserta kegiatan, serta dapat menghasilkan laporan-laporan yang berhubungan

dengan proses informasi kegiatan masjid seperti laporan tentang kehadiran peserta

kegaiatan, serta laporan pengeluaran dan pemasukan keuangan masjid yang

dibutuhkan Pengurus Masjid Tanwir.

Dalam proses entry data jama’ah, pengurus, dan pengisi kegiatan apabila terdapat nama dan nomor telepon yang sama, maka sistem akan otomatis menolak

data tersebut, karena data sudah ada pada database. Pada tahap mengelola

lokasi yang sama, maka sistem akan otomatis menolak entry data kegiatan yang

sama tersebut.

Namun ada kekurangan yang terdapat pada Aplikasi Informasi Kegiatan

Masjid Tanwir Surabaya ini, yaitu fungsi sms gateway yang terdapat pada

aplikasi masih belum secara otomatis, namun pengurus masjid harus memilih

kegiatan dahulu apabila ingin mengirimkan informasi melalui sms gateway, dan

diharapkan dalam memberikan informasi kegiatan masjid melalui sms gateway

dapat menggunakan pendukung layanan berbayar agar nomor operator yang

digunakan tidak berubah-ubah sehingga jamaah akan menerima informasi

86 BAB V PENUTUP

5.1 Kesimpulan

Setelah dilakukan uji coba dan evaluasi dari Rancang Bangun Aplikasi

Informasi Kegiatan Masjid Tanwir ini, maka dapat diambil kesimpulan sebagai

berikut :

1. Aplikasi dapat memberikan informasi kegiatan yang ada pada Masjid Tanwir

Surabaya, meliputi kegiatan sholat wajib, sholat jumat, pengajian tafsir

Al-Quran, pengajian hadist, pengajian remaja, pengajian ibu-ibu, pengajian

umum dan Taman Pendiidkan Al-Quran dengan tepat kepada jamaah dan

pengisi kegiatan menggunakan sms gateway.

2. Aplikasi dapat menghasilkan laporan kehadiran peserta dalam setiap kegiatan

masjid, khususnya pengajian dan laporan keuangan masjid yang dapat

membantu pengurus masjid dalam melakukan evaluasi secara berkala.

5.2 Saran

Adapun beberapa saran yang dapat disampaikan untuk mengembangkan

aplikasi yang telah dibuat agar lebih baik adalah:

1. Aplikasi informasi kegiatan Masjid Tanwir ini dapat dikembangkan yaitu pada

proses mengirimkan informasi kegiatan masjid melalui sms gateway sudah

tersistem secara otomatis, sehingga aplikasi yang dibuat akan lebih membantu

pengurus masjid dalam mengelola kegiatan, khususnya dalam memberikan

2. Diharapkan sistem yang terdapat pada Aplikasi Informasi Kegiatan Masjid ini,

dalam memberikan informasi kegiatan masjid via sms gateway menggunakan

pendukung layanan sms berbayar, agar nomor operator yang digunakan tidak

berubah-ubah sehingga jamaah akan menerima informasi kegiatan masjid dari

88

DAFTAR PUSTAKA

Agung, Gregorius. 2012. Buku Pintar HTML5 + CSS3 + DreamWeaver CS6. Jakarta: PT Gramedia.

Ayub, Moh, E. 1996. Manajemen Masjid Petunjuk Praktis Bagi Para Pengurus.

Jakarta: Gema Insani Press.

Firdaus. 2007. 7 Jam Belajar Interaktif PHP & MySQL dengan Dreamweaver. Palembang: Maxikom.

Gunawan, F. 2003. Membuat Aplikasi SMS Gateway Server dan Client dengan Java dan PHP. Jakarta: PT Elex Media Komputindo.

Hakim, Lukmanul. 2010. Bikin Website Super Keren dengan PHP & JQuery. Yogyakarta: Loko Media.

Hanson, Ward. 2000. Pemasaran Internet. Jakarta: Salemba Empat.

Indrajani. 2007. Pemrograman Berbasis Objek dengan Bahasa Java. Jakarta: PT. Elex Media Komputindo.

Jogiyanto,HM. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta: Andi.

Kendall, K.E. & Kendall, J.E. 2003. Analisis dan Perancangan Sistem Jilid 1. Jakarta: Prenhallindo.

Kurniawan, Yahya. 2000. Singkat Tepat Jelas Aplikasi Web Database dengan ASP. Jakarta: PT. Elex Media Komputindo.

Machendrawati, Nanih. 2001. Pengembangan Masyarakat Islam. Bandung:

Remaja Rosdakarya.

O’Brien, James A. 2005. Introduction to Information Systems. Jakarta: Salemba empat.

Oktavian, Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: MediaKom.

Pressman, Roger S. 2007. Rekayasa Perangkat Lunak. Yogyakarta: Andi.

Priyanto, Eko. 2013. Keunggulan pemograman script php hypertext

preprocessor.online.http://www.ngulikweb.com/internet/keunggulan-pemograman-script-php-hypertext-preprocessor. (diakses Maret 1, 2016).

Simamarta, J. 2010. Rekayasa Web. Yogyakarta: Andi Offset.

Soetam, Rizky. 2006. Buku Materi Kuliah STIKOM : Interaksi Manusia dan Komputer. Surabaya: STIKOM.

Sudarmawan dan Ariyus, Dony. 2007. Interaksi Manusia dan Komputer.

Yogyakarta: Andi Offset.

Syafarudin, Alwi. 2001. Manajemen Sumber Daya Manusia. Yogyakarta: BPFE Yogyakarta

Turban, E. et al. 2005. Decision Support System and Intelligent Systems. Yogyakarta: Andi.

Wrensoft.2014.Performancebenchmarks.online.http://www.wrensoft.com/zoom/b enchmarks.html. (diakses Maret 18, 2016)

Yoevestian, W. 2008. Hacker's Biggest Secret, Friendster Hacking. Jakarta: PT Elex Media Komputindo

Yuhefizar. 2009. Step By Step Make Over Joomla. Jakarta: PT Elex Media Komputindo.

Zuhaili, Muhammad. 2002. Pentingnya Pendidikan Islam Sejak Dini. Jakarta: A.H

12 Mengedit daftar pengisi kegiatan

Data pengisi kegiatan, tombol ubah

Data berubah ke table dan muncul dalam daftar pengisi kegiatan

Sukses Gambar 4.18

Gambar 4.21 Test Case 11

Gambar 4.22 Test Case 12

4.2 Evaluasi Sistem

Dari hasil uji coba yang telah dilakukan, aplikasi dapat berjalan dengan baik dan dapat melakukan proses mengelola data jama’ah, mengelola data pengisi kegiatan, mengelola data kegiatan, mengelola data pengurus dan mengelola peserta kegiatan, serta dapat menghasilkan laporan-laporan yang berhubungan dengan proses informasi kegiatan masjid seperti laporan tentang kehadiran peserta kegaiatan, serta laporan pengeluaran dan pemasukan keuangan masjid yang dibutuhkan Pengurus Masjid Tanwir.

Dalam proses entry data jama’ah, pengurus, dan pengisi kegiatan apabila terdapat nama dan nomor telepon yang sama, maka sistem akan otomatis menolak data tersebut, karena data sudah ada pada database. Pada tahap mengelola kegiatan masjid, apabila ada kegiatan yang bersamaan, baik tanggal, waktu dan

85

lokasi yang sama, maka sistem akan otomatis menolak entry data kegiatan yang sama tersebut.

Namun ada kekurangan yang terdapat pada Aplikasi Informasi Kegiatan Masjid Tanwir Surabaya ini, yaitu fungsi sms gateway yang terdapat pada aplikasi masih belum secara otomatis, namun pengurus masjid harus memilih kegiatan dahulu apabila ingin mengirimkan informasi melalui sms gateway, dan diharapkan dalam memberikan informasi kegiatan masjid melalui sms gateway dapat menggunakan pendukung layanan berbayar agar nomor operator yang digunakan tidak berubah-ubah sehingga jamaah akan menerima informasi kegiatan masjid dari nomor yang sama.

86 BAB V PENUTUP

5.1 Kesimpulan

Setelah dilakukan uji coba dan evaluasi dari Rancang Bangun Aplikasi Informasi Kegiatan Masjid Tanwir ini, maka dapat diambil kesimpulan sebagai berikut :

1. Aplikasi dapat memberikan informasi kegiatan yang ada pada Masjid Tanwir Surabaya, meliputi kegiatan sholat wajib, sholat jumat, pengajian tafsir Al-Quran, pengajian hadist, pengajian remaja, pengajian ibu-ibu, pengajian umum dan Taman Pendiidkan Al-Quran dengan tepat kepada jamaah dan pengisi kegiatan menggunakan sms gateway.

2. Aplikasi dapat menghasilkan laporan kehadiran peserta dalam setiap kegiatan masjid, khususnya pengajian dan laporan keuangan masjid yang dapat membantu pengurus masjid dalam melakukan evaluasi secara berkala.

5.2 Saran

Adapun beberapa saran yang dapat disampaikan untuk mengembangkan aplikasi yang telah dibuat agar lebih baik adalah:

1. Aplikasi informasi kegiatan Masjid Tanwir ini dapat dikembangkan yaitu pada proses mengirimkan informasi kegiatan masjid melalui sms gateway sudah tersistem secara otomatis, sehingga aplikasi yang dibuat akan lebih membantu pengurus masjid dalam mengelola kegiatan, khususnya dalam memberikan informasi kegiatan masjid.

87

2. Diharapkan sistem yang terdapat pada Aplikasi Informasi Kegiatan Masjid ini, dalam memberikan informasi kegiatan masjid via sms gateway menggunakan pendukung layanan sms berbayar, agar nomor operator yang digunakan tidak berubah-ubah sehingga jamaah akan menerima informasi kegiatan masjid dari nomor yang sama.

88

DAFTAR PUSTAKA

Agung, Gregorius. 2012. Buku Pintar HTML5 + CSS3 + DreamWeaver CS6. Jakarta: PT Gramedia.

Ayub, Moh, E. 1996. Manajemen Masjid Petunjuk Praktis Bagi Para Pengurus. Jakarta: Gema Insani Press.

Firdaus. 2007. 7 Jam Belajar Interaktif PHP & MySQL dengan Dreamweaver. Palembang: Maxikom.

Gunawan, F. 2003. Membuat Aplikasi SMS Gateway Server dan Client dengan Java dan PHP. Jakarta: PT Elex Media Komputindo.

Hakim, Lukmanul. 2010. Bikin Website Super Keren dengan PHP & JQuery. Yogyakarta: Loko Media.

Hanson, Ward. 2000. Pemasaran Internet. Jakarta: Salemba Empat.

Indrajani. 2007. Pemrograman Berbasis Objek dengan Bahasa Java. Jakarta: PT. Elex Media Komputindo.

Jogiyanto,HM. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta: Andi. Kendall, K.E. & Kendall, J.E. 2003. Analisis dan Perancangan Sistem Jilid 1.

Jakarta: Prenhallindo.

Kurniawan, Yahya. 2000. Singkat Tepat Jelas Aplikasi Web Database dengan ASP. Jakarta: PT. Elex Media Komputindo.

Machendrawati, Nanih. 2001. Pengembangan Masyarakat Islam. Bandung: Remaja Rosdakarya.

O’Brien, James A. 2005. Introduction to Information Systems. Jakarta: Salemba empat.

Oktavian, Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: MediaKom.

Pressman, Roger S. 2007. Rekayasa Perangkat Lunak. Yogyakarta: Andi.

Priyanto, Eko. 2013. Keunggulan pemograman script php hypertext preprocessor.online.http://www.ngulikweb.com/internet/keunggulan-pemograman-script-php-hypertext-preprocessor. (diakses Maret 1, 2016).

89

Simamarta, J. 2010. Rekayasa Web. Yogyakarta: Andi Offset.

Soetam, Rizky. 2006. Buku Materi Kuliah STIKOM : Interaksi Manusia dan Komputer. Surabaya: STIKOM.

Sudarmawan dan Ariyus, Dony. 2007. Interaksi Manusia dan Komputer. Yogyakarta: Andi Offset.

Syafarudin, Alwi. 2001. Manajemen Sumber Daya Manusia. Yogyakarta: BPFE Yogyakarta

Turban, E. et al. 2005. Decision Support System and Intelligent Systems. Yogyakarta: Andi.

Wrensoft.2014.Performancebenchmarks.online.http://www.wrensoft.com/zoom/b enchmarks.html. (diakses Maret 18, 2016)

Yoevestian, W. 2008. Hacker's Biggest Secret, Friendster Hacking. Jakarta: PT Elex Media Komputindo

Yuhefizar. 2009. Step By Step Make Over Joomla. Jakarta: PT Elex Media Komputindo.

Zuhaili, Muhammad. 2002. Pentingnya Pendidikan Islam Sejak Dini. Jakarta: A.H Ba’adillah Press.