Pembuatan Website Pendaftaran Relawan dan Penggalangan Dana Menggunakan Bootstrap, PHP CodeIgniter & MySQL PDF

Preview

Summary

DAFTAR ISI I. PENDAHULUAN ........................................................................................................... 2 1.1 Latar Belakang..................................................................................................... 2 1.2 Batasan Masalah .........................

Description

DAFTAR ISI I.

PENDAHULUAN ........................................................................................................... 2 1.1

Latar Belakang..................................................................................................... 2

1.2

Batasan Masalah ................................................................................................. 3

1.3

Tujuan Penulisan ................................................................................................. 3

1.4

Metode Penelitian .............................................................................................. 4

1.5

Sistematika Penulisan ......................................................................................... 5

II.

LANDASAN TEORI ........................................................................................................ 7 2.1

Relawan............................................................................................................... 7

2.2

Penggalangan Dana............................................................................................. 8

2.3

Donatur ............................................................................................................... 9

2.4

Donasi atau Sumbangan ..................................................................................... 9

2.5

Website ............................................................................................................. 10

2.6

PHP : HyperText Preprocessor .......................................................................... 10

2.7

Hyper Text Markup Language (HTML) .............................................................. 11

2.8

Cascading Style Sheet (CSS) .............................................................................. 12

2.9

Framework ........................................................................................................ 12

2.10

Framework PHP CodeIgniter ............................................................................. 13

2.10.1

Konsep Model, View, Controler (MVC) ..................................................... 13

2.10.2

Kelebihan CodeIgniter............................................................................... 15

2.11

Internet ............................................................................................................. 15

2.12

XAMPP............................................................................................................... 15

2.13

MySQL ............................................................................................................... 16

2.14

Bootstrap .......................................................................................................... 18

2.15

UML ................................................................................................................... 19

2.16

Struktur Navigasi ............................................................................................... 23

2.17

Konsep Metode Perancangan ........................................................................... 25

2.18

Metode Black Box Testing ................................................................................. 27

III. 3.1

PEMBAHASAN ....................................................................................................... 29 Gambaran Umum Aplikasi ................................................................................ 29

3.2

Analisis .............................................................................................................. 31

3.2.1 3.3

Analisis Model Sistem dengan UML .......................................................... 31

Perancangan ..................................................................................................... 38

3.3.1

Kebutuhan Software dan Hardware ......................................................... 38

3.3.2

Percangan Fungsional ............................................................................... 39

3.3.3

Perancangan Database ............................................................................. 42

3.3.4

Perancangan Struktur Navigasi ................................................................. 46

3.3.5

Perancangan Tampilan Website................................................................ 49

3.4

Pembuatan ........................................................................................................ 85

3.4.1

Pembuatan Folder Project pada Folder XAMPP ........................................ 85

3.4.2

Pembuatan Database................................................................................ 86

3.4.3

Pembuatan Tampilan Website .................................................................. 92

3.5

Uji Coba ........................................................................................................... 133

3.5.1 IV.

Metode Blackbox .................................................................................... 133

PENUTUP ............................................................................................................. 142

4.1

Kesimpulan ...................................................................................................... 142

4.2

Saran ............................................................................................................... 143

Lampiran ......................................................................................................................... 144

I.

PENDAHULUAN

1.1 Latar Belakang Memasuki era globalisasi, pemakaian teknologi informasi dalam berbagai bidang tidak dapat dihindari. Bahkan, penggunaan teknologi informasi tersebut akan menjadi syarat utama untuk menunjukkan kualitas suatu bidang. Penggunaan teknologi oleh manusia dalam membantu menyelesaikan pekerjaan merupakan hal yang menjadi keharusan dalam kehidupan. Sesuai dengan perkembangan teknologi saat ini, maka informasi-informasi dapat dengan mudah didapatkan. Pada perkembangan zaman seperti sekarang ini, segala aspek kehidupan sudah banyak menggunakan teknologi informasi khususnya media internet. Namun, masih terdapat beberapa aspek yang menggunakan sistem manual/langsung. Salah satunya adalah sistem pendaftaran relawan dan penggalangan dana yang terdapat pada Komunitas Kabupaten Bogor Mengajar (KBM). Komunitas Kabupaten Bogor Mengajar (KBM) merupakan sebuah komunitas sosial bidang pendidikan yang berorientasi di wilayah Kabupaten Bogor. Informasi mengenai KBM dapat dilihat hanya melalui Instagram sebagai media informasi. Setiap akan diadakanya program kerja besar, Komunitas Kabupaten Bogor Mengajar (KBM) akan mengadakan pendaftaran relawan. Proses pendaftaran relawan tersebut selalu terlaksana dengan sistem manual/langsung. Dimana dengan sistem tersebut, calon relawan diharuskan mengumpulkan formulir pendaftaran dan berkas-berkas yang diperlukan ke penanggung jawab kegiatan pendaftaran relawan. Sistem yang masih manual/langsung ini menjadikan sering terjadinya penumpukan dan kehilangan berkas. Selain itu, hal tersebut juga sangat tidak efesien mengingat penanggung jawab kegiatan pendaftaran relawan tersebut pasti memiliki kegiatan pribadi yang dapat menghambat apabila waktunya berbenturan dengan calon relawan yang ingin menyerahkan formulir dan berkas pendaftaran. Kemudian, sistem penggalangan dana juga masih terlaksana dengan sistem manual/langsung. Masyarakat yang ingin berdonasi, dapat memberikan secara langsung kepada penanggung jawab donasi kegiatan atau secara transfer dengan melakukan

konfirmasi melalui kontak personal. Sistem tersebut dapat menjadikan data donasi kurang akurat, karena dapat saja terjadi bila penanggung jawab donasi lupa untuk mencatat data donasi. Oleh karena itu, perlu dirancang sebuah sistem dan aplikasi pendaftaran relawan serta galang dana secara online sehingga dapat memudahkan staff Komunitas Kabupaten Bogor Mengajar (KBM), calon relawan, dan masyarakat yang ingin berdonasi. Berdasarkan latar belakang di atas penulis tertarik melakukan penelitian dengan judul: “Pembuatan Aplikasi Sistem Informasi Pendaftaran Relawan dan Penggalangan Dana pada Komunitas Kabupaten Bogor Mengajar (KBM) Berbasis Web Menggunakan PHP CodeIgniter, MySQL, dan Bootstrap CSS”.

1.2 Batasan Masalah Batasan masalah dalam penulisan ilmiah ini adalah untuk merancang dan membuat website sistem informasi pendaftaran relawan dan penggalangan dana, dimana website ini bersifat tertutup yaitu calon relawan yang ingin mendaftar atau calon donatur yang ingin berdonasi harus melakukan registrasi dan login terlebih dahulu. Di halaman utama website menampilkan beranda, aktivitas, jadi relawan, donasi, masuk, dan daftar. Di halaman user akan menampilkan menu beranda, aktivitas, jadi relawan, donasi, galang dana, riwayat donasi, ubah kata sandi, dan keluar. Pada halaman admin, admin akan mengelola user, aktivitas, program relawan, relawan, galang dana, campaign, dan donasi. 1.3 Tujuan Penulisan Tujuan dari penulisan ini adalah membuat suatu aplikasi sistem informasi pendaftaran relawan dan penggalangan dana pada Komunitas Kabupaten Bogor Mengajar (KBM) berbasis website yang diharapkan dapat membantu dan memberi kemudahan bagi masyarakat dalam mencari informasi mengenai KBM, calon relawan yang ingin mendaftar untuk ikut berkontribusi dalam kegiatan KBM, serta para donator yang ingin berdonasi.

1.4 Metode Penelitian Metode penelitian yang digunakan dalam penulisan ilmiah ini adalah menggunakan pendekatan metode SDLC (Software Development Life Cycle). Dalam melakukan penulisan aplikasi ini terbagi menjadi ke dalam beberapa tahap, yaitu: 1. Perencanaan Pada tahap ini, diidentifikasi yang ada untuk dijadikan acuan pembuatan fitur pada website dan menjelaskan rencana pembuatan aplikasi yang akan dibuat. 2. Analisis Tahap ini meliputi analisis model sistem yaitu menganalisis bagaimana sistem bekerja untuk mencapai tujuan yang diinginkan. Pada tahap analisis model sistem ini, akan dianalisis pula database yang diperlukan untuk membuat web tersebut. Analisis model sistem akan memudahkan dalam proses pembuatannya. Pada tahap ini juga, penulis mengumpulkan, membaca dan mempelajari buku atau jurnal, tutorial dan bahan materi dari internet yang mendukung pembuatan aplikasi ini. 3. Perancangan Pada tahap ini, dilakukan perancangan website yang akan dibuat seperti perancangan struktur navigasi, database, dan tampilan umum website. Pada tahap ini juga dibahas mengenai kebutuhan software dan hardware untuk membuat website pendaftaran relawan dan penggalangan dana pada Komunitas Kabupaten Bogor Mengajar (KBM) tersebut. 4. Pembuatan Tahap ini merupakan tahap pembuatan aplikasi dengan pengkodean yang sesuai dengan rancangan aplikasi menggunakan software-software diantaranya adalah Web Browser, Sublime Text 3, Bahasa Pemrograman HTML 5, PHP versi 7 dengan Framework CodeIgniter, XAMPP serta MySQL sebagai database penyimpanan data.

5. Implementasi dan uji coba Tahap ini merupakan tahap untuk memastikan tidak ada kesalahan yang terdapat pada aplikasi yang telah dibuat dengan cara melakukan uji coba terhadap aplikasi tersebut. Uji coba aplikasi menggunakan web browser yang terdapat pada komputer dengan spesifikasi sistem operasi Windows 10 64bit, processor Intel® Core™ i5-8250U CPU @1.60 GHz 1.80 GHz, RAM 4GB, Harddisk 1 TB. 1.5 Sistematika Penulisan Sistematika penulisan yang dilakukan oleh penulis dalam Penulisan Ilmiah ini dijelaskan dalam 4 bab yang membahas masalah secara singkat tanpa mengabaikan keterkaitan antara bab yang satu dengan bab selanjutnya. Adapun sistematika penulisan ini terdiri dari : BAB I

PENDAHULUAN Berisi tentang latar belakang masalah, batasan masalah, tujuan penulisan, metode penulisan, dan sistematika penulisan.

BAB II

LANDASAN TEORI

Membahas dasar teori yaitu tentang relawan, donatur, donasi, galang dana, website, internet, database, PHP Framework CodeIgniter, HTML, XAMPP dan juga software yang digunakan lainnya.

BAB III

PEMBAHASAN

Menjelaskan tentang perencanaan pembuat website, analisa, perancangan, dan pembuatan aplikasi. Dimulai dari gambaran umum, analisis sistem, perancangan aplikasi, pembuatan aplikasi, implementasi dan uji coba.

BAB IV

PENUTUP

Berisi kesimpulan yang merupakan rangkuman dari analisis kerja pada bagian sebelumnya dan saran bagi pengembangan sistem berdasarkan pengujian yang telah dilakukan apakah masih terdapat kekurangan,

kesalahan,

dan

keterbatasan

selama

pengimplementasian sistem, dan diharapkan dapat digunakan oleh pihak-pihak yang berkepentingan atau dapat dikembangkan serta diperbaiki berikutnya mengenai permasalahan yang sama di lain waktu.

II.

2.1

LANDASAN TEORI

Relawan Pengertian relawan menurut Shin dan Kleiner (2003) merupakan individu yang

menawarkan jasanya kepada organisasi tertentu tanpa mengharapkan imbalan berupa materi atau uang. Widjaja (2010) mengatakan, volunteer merupakan orang yang tanpa dibayar menyediakan waktunya untuk tujuan suatu organisasi, dengan tanggung jawab yang besar atau terbatas, tanpa atau dengan sedikit latihan khusus, tetapi dapat pula dengan latihan yang sedikit intensif dalam bidang tertentu, untuk bekerja sukarela membantu tenaga professional. Definisi relawan menurut Schroeder (1998) adalah individu yang rela menyumbangkan tenaga atau jasa, kemampuan dan waktunya tanpa mendapatkan upah secara finansial atau tanpa mengharapkan keuntungan materi dari organisasi pelayanan yang mengorganisasi suatu kegiatan tertentu secara formal. Selain itu kegiatan yang dilakukan relawan bersifat sukarela untuk menolong orang lain tanpa adanya harapan akan imbalan eksternal. Wilson (2000) juga mengemukakan volunteering (kerelawanan) adalah aktivitas memberikan waktu secara cuma-cuma untuk memberikan bantuan kepada orang lain, kelompok, atau suatu organisasi. Berdasarkan pemaparan di atas, Relawan adalah orang-orang yang tidak memiliki kewajiban menolong suatu pihak tetapi memiliki dorongan untuk berkontribusi nyata dalam suatu kegiatan dan berkomitmen untuk terlibat dalam kegiatan yang membutuhkan kerelaan untuk mengorbankan waktu, tenaga, pikiran, serta materi untuk diberikan kepada orang lain. (Schroeder, 1998; Wilson, 2000). Ciri-ciri Relawan menurut Omoto & Snyder (dalam Misgiyanti, 1997), antara lain: 1. Selalu mencari kesempatan untuk membantu 2. Komitmen diberikan dalam waktu yang relatif lama 3. Memerlukan personal cost yang tinggi (waktu, tenaga, dan sebagainya) 4. Mereka tidak mengenal orang yang mereka bantu, sehingga orang yang mereka bantu diatur oleh organisasi dimana mereka aktif didalamnya 5. Tingkah laku menolong yang dilakukannya bukanlah suatu keharusan.

2.2

Penggalangan Dana Penggalangan dana adalah proses mempengaruhi masyarakat baik

perorangan atau lembaga agar menyalurkan dana. Inti penggalangan dana adalah proses pengumpulan kontribusi sukarela dalam bentuk uang atau sumber daya lain dengan meminta sumbangan dari individu, perusahaan, yayasan, atau lembaga pemerintah. Menurut Moh. Arifin Purwakananta (Jakarta: Balitbang Depsos RI, 2002) ada sejumlah teknik penggalangan dana diantaranya, yaitu: 1. Face To Face Penggalangan dana dengan teknik face to face adalah pertemuan antara dua orang atau lebih, antara si penggalang dana dengan calon donatur (funder) untuk mengadakan dialog dengan tujuan menawarkan sumbangan agar sama saling menguntungkan. Kegiatan face to face ini bisa dilakukan dengan kunjungan pribadi ke rumah seseorang, di kantor, perusahaan, dengan tujuan sama, atau membuat presentasi dalam pertemuan khusus. 2. Direct Mail Direct mail adalah sebuah permintaan atau penawaran tertulis untuk menyumbang yang didistribusikan dan dikembalikan lewat surat. Tujuan dari penggalangan model direct mail ini adalah pencarian donor dengan menjaring penyumbang baru, memperbaharui donor yang sudah dimiliki minimal satu tahun, mencari sumbangan dari donor yang sudah ada untuk tujuan khusus atau program khusus dan sumbangan terencana. 3. Special Event Special Event adalah praktek penggalangan dana dengan menggelar acaraacara khusus fundraising atau memanfaatkan acara-acara tertentu yang dihadiri oleh banyak orang untuk menggalang dana. Bentuknya bisa bazar, lelang, makan malam, festival, tour, konser atau pementasan musik, turnamen atau lomba, dan sebagainya. Kegiatan penggalangan dana model special event ini memiliki keuntungan yang besar, yaitu kegiatan program ini akan menyenangkan, kegiatan ini akan mempublikasikan dan sosialisasi terhadap lembaga atau organisasi secara besar-besaran sebab posisi lembaga sebagai event organizer.

4. Campaign Campaign adalah strategi penggalangan dana dengan cara melakukan kampanye lewat berbagai media komunikasi. Media yang digunakan adalah bisa berupa poster, brosur, spanduk, liflet, stiker, media cetak dan elektronika, internet, dan sebagainya. Fungsi media campaign ini adalah sebagai komunikasi dan promosi program lembaga, merawat donatur dan mendapatkan penghasilan yang memadai. Bentuk dari model ini adalah bisa berbentuk iklan, laporan keuangan, liputan program, profil donatur dan profil penerima bantuan.

2.3

Donatur Definisi donarur menurut KBBI adalah orang atau kelompok yang secara tetap

memberikan sumbangan berupa uang kepada suatu perkumpulan dan sebagainya. Berarti secara umum donatur memiliki arti perorangan atau kelompok maupun lembaga yang mempunyai minat dan potensi untuk memberikan bantuan khususnya masalah financial. 2.4

Donasi atau Sumbangan Donasi atau sum bangan atau derma (bahasa Inggris: donation yang berasal dari

bahasa latin: donum) adalah sebuah pemberian pada umumnya bersifat secara fisik oleh perorangan atau badan hukum. Pemberian ini mempunyai sifat sukarela dengan tanpa adanya imbalan bersifat keuntungan, walaupun pemberian donasi dapat berupa makanan, barang, pakaian, mainan ataupun kendaraan akan tetapi tidak selalu demikian, pada peristiwa darurat bencana atau dalam keadaan tertentu lain sebuah pemberian pada umumnya bersifat secara fisik oleh perorangan atau badan hukum, dalam hal perawatan medis donasi dapat pemberian transfusi darah atau dalam hal transplantasi dapat pula berupa pemberian penggantian organ. Pemberian donasi dapat dilakukan tidak hanya dalam bentuk pemberian jasa atau barang semata akan tetapi sebagaimana dapat dilakukan pula dalam bentuk pendanaan sukarela.

2.5

Website

Menurut Abdul Kadir (2014), website merupakan penyampaian informasi yang dilakukan melalui pendekatan hyperlink, yang memungkinkan suatu teks, gambar, ataupun objek yang lain menjadi acuan untuk membuka halaman-halaman yang lain. Melalui pendekatan ini, seseorang dapat memperoleh informasi dengan beranjak dari satu halaman ke halaman lain. Secara garis besar, website dibagi dalam dua golongan, yaitu website statis dan website dinamis, berikut penjelasan dari website statis dan website dinamis: 1. Website Statis Website statis merupakan website yang dimana isi halamanya ...