PENERAPAN FRAMEWORK LARAVEL PADA WEBSITE TAMAN BACA

MASYARAKAT ‘GEMMI’ DI DESA MARGA MULYA LAMPUNG TIMUR

SKRIPSI

OLEH

DEVI ADITIANA SARI

NPM. 17430007

PROGRAM STUDI S1 ILMU KOMPUTER

FAKULTAS ILMU KOMPUTER
UNIVERSITAS MUHAMMADIYAH METRO
2021
ii
PENERAPAN FRAMEWORK LARAVEL PADA WEBSITE TAMAN BACA
MASYARAKAT ‘GEMMI’ DI DESA MARGA MULYA LAMPUNG TIMUR

SKRIPSI

Diajukan
Untuk Memenuhi Salah Satu Persyaratan
Dalam Menyelesaikan Program Sarjana

DEVI ADITIANA SARI

NPM. 17430007

PROGRAM STUDI S1 ILMU KOMPUTER

FAKULTAS ILMU KOMPUTER
UNIVERSITAS MUHAMMADIYAH METRO
2021

iii
 ABSTRAK

Taman Baca Masyarakat, kepanjangan dari Generasi Marga Mulya Inovatif

memiliki beberapa program pendonasian yaitu donasi buku bacaan, uang dan
TBM GEMMI juga mengadakan kegiatan pendonasian berupa nasi bungkus atau
kotak, snack dan sembako untuk kegiatan yang dinamakan GNJ gerakan nasi
jum’at. Namun, dikarenakan TBM ini baru didirikan maka sistem pendonasian
yang ada memiliki beberapa kendala yaitu media informasi pendonasian yang
digunakan saat ini masih informasi dari mulut ke mulut, selebaran, pamflet atau
poster dan sistem pendonasian tersebut masih belum maksimal dalam
pengolahannya, mulai dari proses pendaftaran calon donatur, pengisian buku
tamu, pemberian dan penerimaan dan tanda bukti serah terima donasi masih
dilakukan secara manual yaitu bertemu secara langsung sehingga membutuhkan
waktu lama, biaya lebih dan menyulitkan calon donatur yang ingin berdonasi.
Tujuan dari penelitian ini adalah Membuat website Taman Baca Masyarakat
‘GEMMI’, membuat website yang memiliki menu informasi Taman Baca
Masyarakat 'Gemmi' secara online, menu pendaftaran calon donatur secara
online, menu pengisian buku tamu secara online, menu pemberian donasi secara
online dan menu pemberian tanda bukti serah terima donasi nsecara online dan
menerapkan Framework Laravel pada website Taman Baca Masyarakat
‘GEMMI’. Metode penelitian yang digunakan dalam penelitian ini menggunakan
metode Kualitatif. Sedangkan metode perangkat lunak adalah Waterfall dan
metode pendekatan yang digunakan adalah pendekatan terstruktur. Website ini
dibuat untuk memudahkan calon donatur dalam mencari informasi pendonasian,
pendaftaran donatur, pengisian buku tamu, pemberian donasi dan penerimaan
serah terima donasi secara online dan memudahkan admin atau pengurus TBM
GEMMI dalam pendataan pendonasian.
Kata Kunci : Website pendonasian TBM; Metode Waterfall; Laravel

ABSTRACT

The community reading park called 'GEMMI' stands for Generation Marga Mulya
Innovative, which has several donation programs, including reading books and
money. The GEMMI community reading park also held donation activities in
packaged or boxed rice, snacks, and necessities for an activity called GNJ/Friday
Rice Movement. However, because this community reading park has just been
established, the donation system has several obstacles: donation information
media that uses word of mouth information, leaflets, pamphlets, or posters. The
donation system is still not optimal in its processing, starting from the registration
process for prospective donors, filling out the guest book, giving and receiving,
and proof of handover donations, which are still done manually, namely meeting
in person. So it takes a long time, costs more, and makes it difficult for potential
donors who want to donate.
The purpose of this research is to create a website for the 'GEMMI' community
reading park. We are creating a website with an online 'Gemmi' community
reading park information menu and an online registration menu for prospective
donors. Menu for filling out the guest book online. Menu for online donation.
Menu for giving proof of handover of donations online by implementing the
Laravel Framework on the 'GEMMI' community reading park website. The

iv
research method used in this study uses a qualitative method. While the software
method is a waterfall, and the approach method used is a structured approach.
The website was created to make it easier for prospective donors to find donation
information, register donors, fill out guest books, give donations, and accept
donations online and make it easier for admins or administrators of the GEMMI
community reading park in collecting donation data.
Keywords: Donation website; Waterfall method; Laravel

v
RINGKASAN

Aditiana Sari, Devi. 2021. Penerapan Framework Laravel Pada Website Taman
Baca Masyarakat ‘GEMMI’ Di Desa Marga Mulya Lampung Timur.
Skripsi. S1 Ilmu Komputer, Fakultas Ilmu Komputer. Universitas
Muhammadiyah Metro. Pembimbing (1) Mustika, S.Kom., M.Kom. (2)
Guna Yanti Kemala Sari Siregar, S.Kom., M.T.I.

Kata kunci : Website pendonasian TBM; Metode Waterfall; Laravel

Paragraf pertama ini berisi latar belakang masalah. Di Desa Marga Mulya
Kecamatan Bumi Agung Lampung Timur terdapat Taman Baca Masyarakat yang
dinamai 'GEMMI', kepanjangan dari Generasi Marga Mulya Inovatif. TBM ini
berdiri sejak tanggal 27 November 2019 yang didirikan oleh para pemuda pemudi
setempat dengan tujuan awal yaitu untuk meningkatkan kualitas sumber daya
manusia. Taman Baca Masyarakat GEMMI ini memiliki beberapa program
pendonasian yaitu buku bacaan seperti buku anak, komik, dongeng, dan
ensiklopedia, non buku seperti uang dan TBM GEMMI juga mengadakan
kegiatan pendonasian berupa nasi bungkus atau kotak, snack dan sembako
untuk kegiatan yang diadakan setiap hari jum’at yang dinamakan GNJ gerakan
nasi jum’at. Namun, dikarenakan TBM ini baru didirikan maka proses
pendonasian yang ada belum terkomputerisasi dan masih menggunakan sistem
pencatatan. Berdasarkan wawancara dengan pengurus GEMMI diperoleh
permasalahan yaitu perlu adanya media untuk pemberian informasi mengenai
TBM GEMMI agar diketahui keberadaannya oleh masyarakat luas dan sebar
informasi menjadi semakin luas, serta adanya sistem informasi yang dapat
membantu para calon donatur yang berada diluar daerah agar lebih mudah
dalam proses pendonasian, dengan begitu jumlah donasi pada TBM GEMMI
dapat bertambah dan semakin menarik antusias masyarakat untuk mengunjungi
dan berdonasi di TBM GEMMI. Alternatif solusi yang dapat diberikan pada
permasalahan tersebut yang sesuai dengan era saat ini adalah dibangunnya
website.
Paragraf kedua berisi tujuan penelitian. Penelitian ini bertujuan Membuat
website Taman Baca Masyarakat ‘GEMMI, Membuat website yang memiliki
menu informasi Taman Baca Masyarakat 'Gemmi' secara online, menu
pendaftaran calon donatur secara online, menu pengisian buku tamu secara
online, menu pemberian donasi secara online dan menu pemberian tanda bukti
serah terima donasi secara online, dan Menerapkan framework laravel pada
website Taman Baca Masyarkat ‘Gemmi’. Adapun hasil dari penelitian ini adalah
dibangunnya website Taman Baca Masyarakat ‘GEMMI’ menggunakan
framework laravel yang didalamnya terdapat menu informasi Taman Baca
Masyarakat 'Gemmi', menu pendaftaran calon donatur, menu pengisian buku
tamu, menu pemberian donasi dan menu pemberian tanda bukti serah terima
donasi.
Paragraf ketiga berisi metode penelitian. Dalam metode penulis
menggunakan metode SDLC (Software Development Life Cycle) untuk proses
pembuatan website. Menurut Rosa dan Shalahuddin (2013:31) “metode SDLC

vi
(Software Development Life Cycle) adalah metode yang paling sederhana. Model
ini hanya cocok untuk pengembangan perangkat lunak dengan spesifikasi yang
tidak berubah-ubah”. metode SDLC memiliki beberapa tahapan yang runtut:
requirement (analisa kebutuhan), design sistem (System design), Coding dan
Testing, Penerapan Program, pemeliharaan”.
Paragraf keempat berisi hasil penelitian dan kesimpulan. Adapun hasil
dari penelitian ini adalah telah dihasilkannya sebuah sistem informasi sesuai
dengan tujuan penelitian ini yaitu Penerapan framework laravel pada website
Taman Baca Masyarakat GEMMI di Desa Marga Mulya Lampung Timur.
Berdasarkan hasil dari penelitian maka dapat disimpukan bahwa sesuai tujuan
dari penelitian ini telah tercapai sehingga dapat memberikan manfaat bagi
Taman Baca Masyarakat ‘GEMMI’ dalam proses pemberian informasi mengenai
pendonasian dan pendataan donasi serta memudahkan calon donatur yang akan
memberikan donasi kepada TBM GEMMI.

vii
 PERSETUJUAN

Skripsi oleh DEVI ADITIANA SARI ini,

Telah diperbaiki dan disetujui untuk diuji

Metro, 25 Agustus 2021

Pembimbing I

Mustika, S.Kom., M.Kom

NIDN. 0204038302

Pembimbing II

Guna Yanti Kemala Sari Siregar, S.Kom., M.T.I

NIDN. 0222098401

Ketua Program Studi

Dedi Irawan, S.Kom., M.T.I

NIDN. 0202128103

viii
 PENGESAHAN

Skripsi oleh DEVI ADITIANA SARI ini,

Telah dipertahankan di depan Tim Penguji
Pada tanggal 25 Agustus 2021

Tim Penguji

, Penguji I
Mustika, S.Kom., M.Kom

, Penguji II
Guna Yanti Kemala Sari Siregar, S.Kom., M.T.I

, Penguji Utama
Dani Anggoro, S.Kom., M.Kom

Mengetahui
Fakultas Ilmu Komputer
Dekan,

Sudarmaji, S.Kom., M.MKom

NIDN. 0201067402

ix
 MOTTO

‫اَل ُي َكلِّفُ هَّللا ُ َن ْفسًا ِإاَّل وُ سْ َع َها‬

Artinya :” Allah tidak membebani seseorang melainkan sesuai kesanggupannya.”
(Q.S.Al-Baqarah:286)

Belajar dari masa lalu, bangkit dari skarang, maju untuk masa depan.

(Devi Aditiana Sari)

x
 PERSEMBAHAN

Tiada kata yang pantas diucapkan selain bersyukur kepada Allah SWT
yang telah memberikan begitu banyak berkah dalam hidup penulis. Penulis
persembahkan skripsi ini sebagai ungkapan rasa hormat dan cinta kasih yang
tulus kepada :
1. Bapak Drs. H. Jazim Ahmad, M.Pd. Rektor Universitas Muhammadiyah
Metro.
2. Bapak Sudarmaji, S.Kom.,M.MKom. Selaku Dekan Fakultas Ilmu
Komputer.
3. Bapak Dedi Irawan, S.Kom., M.T.I. Selaku Kepala Program Studi S1 Ilmu
Komputer.
4. Kedua pembimbing penulis, Ibu Mustika, S.Kom.,M.Kom dan Ibu Guna
Yanti Kemala Sari Siregara, S.Kom.,M.T.I yang telah membimbing dan
mengarahkan penulis dalam penulisan skripsi ini dengan penuh rasa
sabar.
5. Orang tua penulis, Bapak Huri Junaidi (alm) dan Ibu Nartutik yang telah
memberikan dukungan moril maupun materil serta do’a yang tiada henti
untuk penulis.
6. Bapak Ibu Dosen Fakultas Ilmu Komputer yang telah memberikan dan
menyampaikan ilmunya kepada penulis, akan selalu penulis kenang apa
yang telah engkau berikan.
7. Taman Baca Masyarakat Gemmi yang telah menerima penulis dengan
baik serta membantu dalam penelitian yang penulis lakukan.
8. Sahabat-sahabat terbaik penulis yang selalu menyemangati dan
membantu untuk menyelesaikan skripsi ini.
9. Teman-teman S1 Ilmu Komputer angkatan 2017 yang telah berjuang
bersama selama kuliah.
10. Almamater tercinta Universitas Muhammadiyah Metro.

xi
 KATA PENGANTAR

Puji syukur peneliti panjatkan kehadirat Allah SWT. Atas taufik hidayah-
Nya dan inayah-Nya sehingga peneliti dapat menyelesaikan penulisan skripsi ini
yang berjudul “Penerapan Framework Laravel Pada Website Taman Baca
Masyarakat ‘GEMMI’ Di Desa Marga Mulya Lampung Timur”, Shalawat serta
salam disampaikan kepada junjungan kita Nabi Muhammad SAW, semoga
mendapat syafa’at-Nya di hari akhir nanti.
Penyelesaian skripsi ini tidak terlepas dari bantuan, dukungan, dan kerja
sama dari berbagai pihak. Oleh karena itu, penulis menyampaikan terimakasih
kepada:
1. Bapak Drs. H. Jazim Ahmad, M.Pd. Rektor Universitas Muhammadiyah
Metro.
2. Bapak Sudarmaji, S.Kom.,M.M.Kom. Dekan Fakultas Ilmu Komputer.
3. Bapak Dedi Irawan, S.Kom., M.T.I. Kepala Program Studi S1 Ilmu
Komputer.
4. Ibu Mustika, S.Kom.,M.Kom, selaku pembimbing I yang telah memberi
bimbingan, masukan, dan arahan sehingga skripsi ini dapat terselesaikan.
5. Ibu Guna Yanti Kemala Sari Siregara, S.Kom.,M.T.I selaku pembimbing II
yang telah memberikan bimbingan, mengarahkan dan memberikan
masukan untuk skripsi ini.
6. Bapak dan Ibu Dosen Fakultas Ilmu Komputer, yang telah memberikan
bimbingan dan ilmu kepasa penulis menempuh pendidikan,
7. Seluruh rekan-rekan S1 Ilmu Komputer angkatan 2017 yang telah
berjuang bersama selama kuliah.
Ucapan terima kasih juga ditujukan kepada semua pihak yang namanya
tidak dapat disebutkan satu persatu. Penulis hanya dapat memohon dan berdoa
atas segala bantuan, bimbingan, dukungan, semangat, masukan, dan do’a yang
telah diberikan menjadi pintu datangnya Ridho dan Kasih Sayang Allah SWT di
dunia dan akhirat. Aamiin ya Rabbal alamiin.
Penulis berharap semoga skripsi ini dapat bermanfaat bagi penulis sendiri
dan bagi para pembaca pada umumnya.

Penulis

xii
 PERNYATAAN ORISINILITAS SKRIPSI

Saya yang bertanda tangan dibawah ini:

Nama : Devi Aditiana Sari
NPM : 17430007
Program Studi : Ilmu Komputer
Fakultas : Ilmu Komputer

Dengan ini saya menyatakan bahwa yang tertulis di dalam skripsi ini
dengan judul “Penerapan Framework Laravel Pada Website Taman Baca
Masyarakat ‘GEMMI’ Di Desa Marga Mulya Lampung Timur”. Saya menyatakan
bahwa yang tertulis di dalam skripsi ini benar-benar hasil karya saya sendiri,
bukan meniru karya tulis orang lain. Apabila dikemudian hari terdapat unsur
plagiat di dalam skripsi ini, maka saya bersedia bertanggung jawab sekaligus
menerima sanksi berdasarkan aturan tata tertib Universitas Muhammadiyah
Metro.
Demikian surat pernyataan ini saya buat dalam keadaan sadar dan tanpa
adanya paksaan.

Metro, 23 September 2021

Devi Aditiana sari

xiii
SURAT KETERANGAN UJI KESAMAAN (SIMILARYTI CHECK)

xiv
 DAFTAR ISI
Halaman
Halaman sampul............................................................................................ i
Lembar logo................................................................................................... ii
Halaman judul................................................................................................ iii
Abstrak.......................................................................................................... iv
Ringkasan...................................................................................................... vi
Halaman persetujuan..................................................................................... viii
Halaman pengesahan.................................................................................... ix
Halaman Motto ............................................................................................. x
Halaman persembahan ................................................................................. xi
Kata pengantar.............................................................................................. xii
Pernyataan orisinilitas skripsi ........................................................................ xiii
Surat keterangan uji kesamaan (Similaryti Check) ....................................... xiv
Daftar isi........................................................................................................ xv
Daftar tabel.................................................................................................... xvii
Daftar gambar................................................................................................ xix
Daftar Lampiran ............................................................................................ xxi

BAB I. PENDAHULUAN............................................................................... 1
A. Latar belakang masalah..................................................................... 1
B. Perumusan masalah.......................................................................... 3
C. Pembatasan masalah......................................................................... 3
D. Tujuan penelitian................................................................................ 3
E. Manfaat penelitian.............................................................................. 4
F. Metode penelitian............................................................................... 4
G. Sistematika penulisan........................................................................ 6

BAB II. KAJIAN LITERATUR....................................................................... 8

A. Taman Baca Masyarakat (TBM)......................................................... 8
B. Tugas dan Fungsi Taman Baca Masyarakat...................................... 8
C. Budaya Baca...................................................................................... 9
D. Donasi................................................................................................ 10
E. Donatur.............................................................................................. 10
F. Framework......................................................................................... 10
G. Laravel............................................................................................... 11

xv
H. Website.............................................................................................. 13
I. Software Development Life Cycle (SDLC).......................................... 14
J. Bahasa Pemograman PHP (Hypertext preprocessor)........................ 15
K. MySQL............................................................................................... 16
L. Xampp................................................................................................ 16
M. Sublim Text........................................................................................ 17
N. Web Browser (Google Crome)........................................................... 18
O. Black Box Testing............................................................................... 19
P. Flowchart............................................................................................ 20
Q. Data Flow Diagram (DFD).................................................................. 23
R. Entity Relationship Diagram (ERD).................................................... 23

BAB III. GAMBARAN UMUM ORGANISASI................................................ 25

A. Sejarah singkat Perusahaan.............................................................. 25
B. Lokasi Perusahaan............................................................................. 25
C. Struktur organisasi............................................................................. 26
D. Manajemen organisasi....................................................................... 28
E. Analisis sistem yang berjalan............................................................. 29

BAB IV. ANALISIS DAN PEMBAHASAN..................................................... 36

A. Analisis............................................................................................... 36
B. Pembahasan...................................................................................... 85

BAB V. PENUTUP........................................................................................ 89
A. Simpulan............................................................................................ 89
B. Saran................................................................................................. 89

DAFTAR LITERATUR................................................................................... 90
LAMPIRAN.................................................................................................... 93

xvi
 DAFTAR TABEL

Tabel Halaman

1. Simbol-simbol Flowchart............................................................................ 20
2. Simbol-simbol DFD.................................................................................... 22
3. Simbol-simbol ERD.................................................................................... 24
......................................................................................................................
4. Tabel dokumen brosur atau pamflet.......................................................... 33
5. Tabel dokumen formulir pendaftran donatur.............................................. 33
6. Tabel dokumen buku tamu........................................................................ 34
7. Tabel dokumen donasi............................................................................... 34
8. Tabel dokumen tanda bukti serah terima donasi....................................... 35
9. Tabel Kebutuhan dan Kegunaan Hardware (donatur)................................ 38
10. Tabel Kebutuhan dan Kegunaan Hardware (admin)................................ 38
11. Tabel Kebutuhan dan Kegunaan Software (donatur)............................... 39
12. Tabel Kebutuhan dan Kegunaan Software (admin)................................. 39
13. Tabel Kebutuhan dan peran Brainware.................................................... 40
14. Tabel Hak Akses...................................................................................... 40
15. Rancangan Tabel Users.......................................................................... 46
16. Tabel Donatur.......................................................................................... 47
17. Tabel Buku Tamu.................................................................................... 47
18. Tabel Donasi............................................................................................ 48
19. Tabel GNJ................................................................................................ 48
20. Tabel Snack............................................................................................. 49
21. Tabel Sembako........................................................................................ 49
22. Tabel Buku............................................................................................... 50
23. Tabel Dana.............................................................................................. 50
24. Tabel Rancangan halaman register......................................................... 52
25. Tabel Rancangan halaman login............................................................. 53
26. Tabel Rancangan halaman Menu Utama................................................. 54
27. Tabel Rancangan halaman menu pendaftran donatur............................. 55
28. Tabel Rancangan halaman menu buku tamu.......................................... 56
29. Tabel Rancangan halaman menu donasi................................................. 57
30. Tabel Rancangan tampilan jenis donasi gnj............................................. 58
31. Tabel Rancangan tampilan jenis donasi snack........................................ 59

xvii
32. Tabel Rancangan tampilan jenis donasi sembako................................... 60
33. Tabel Rancangan tampilan jenis donasi buku.......................................... 61
34. Tabel Rancangan tampilan jenis donasi dana......................................... 62
35. Rancangan tampilan serah terima donasi................................................ 63
36. Testing Hasil Menu Register.................................................................... 77
37. Testing Hasil Menu Admin....................................................................... 78
38. Tampilan Hasil Menu Halaman Utama..................................................... 78
39. Testing Hasil Menu Buku Tamu............................................................... 79
40. Testing Hasil Menu Pendaftaran Donatur................................................ 80
41. Testing Hasil Menu Donasi ..................................................................... 81
42. Testing Hasil Form gnj............................................................................. 82
43. Testing Hasil Form Snack ....................................................................... 82
44. Testing Hasil Form Sembako................................................................... 82
45. Testing Hasil Form Buku.......................................................................... 83
46. Testing Hasil Form Dana......................................................................... 83

xviii
 DAFTAR GAMBAR

Gambar Halaman

1. Laravel (Php Artisan Serve)....................................................................... 11

2. Controller Laravel...................................................................................... 12
3. Middleware................................................................................................ 13
4. Model Pengembangan SDLC.................................................................... 15
5. Logo PHP.................................................................................................. 16
6. Icon XAMPP.............................................................................................. 17
7. Icon Sublim Text........................................................................................ 18
8. Icon Google Chrome.................................................................................. 19
9. Black-box Testing...................................................................................... 19
10. Lokasi Taman Baca Masyarakat GEMMI................................................. 26
11. Struktur Organisasi Taman Baca Masyarakat GEMMI............................. 27
12. Flowchart sistem donasi Taman Baca Masyarakat GEMMI..................... 30
13. Flowchart Pengajuan Usulan Sistem Yang di Usulkan............................ 42
14. Desain DFD (Data Flow Diagram) level 0................................................ 43
15. Desain DFD (Data Flow Diagram) level 1................................................ 44
16. Rancangan ERD (Entity Relationship Diagram)....................................... 45
17. Relasi Tabel............................................................................................. 51
18. Rancangan halaman register................................................................... 52
19. Rancangan halaman Login...................................................................... 53
20. Rancangan halaman Menu Utama.......................................................... 54
21. Rancangan halaman menu pendaftran donatur....................................... 55
22. Rancangan halaman menu buku tamu.................................................... 56
23. Rancangan halaman menu donasi.......................................................... 57
24. Rancangan tampilan jenis donasi gnj...................................................... 58
25. Rancangan tampilan jenis donasi snack.................................................. 59
26. Rancangan tampilan jenis donasi sembako............................................. 60
27. Rancangan tampilan jenis donasi buku.................................................... 61
28. Rancangan tampilan jenis donasi dana................................................... 62
29. Rancangan tampilan serah terima donasi................................................ 63
30. Route.php................................................................................................ 64
31. Public function index................................................................................ 65

xix
32. Method Post............................................................................................. 65
33. Tamu.cari................................................................................................. 65
34. $jumlah (donatur.index)........................................................................... 66
35. Donasi.edit............................................................................................... 66
36. Donasi.cetak............................................................................................ 66
37. Donasi.detail ........................................................................................... 66
38. Rekap.semua........................................................................................... 67
39. Donatur.create......................................................................................... 67
40. @endsection............................................................................................ 67
41. Tampilan menu register........................................................................... 68
42. Tampilan login user.................................................................................. 68
43. Tampilan Halaman Caraosel ................................................................... 69
44. Tampilan Halaman About........................................................................ 69
45. Tampilan Halaman Servise (lokasi)......................................................... 70
46. Tampilan Halaman Servise (donasi)........................................................ 70
47. Tampilan Halaman Portfolio..................................................................... 71
48. Tampilan Halaman Footer....................................................................... 71
49. Tampilan Menu Pendaftaran Donatur...................................................... 72
50. Tampilan Menu Buku Tamu..................................................................... 72
51. Tampilan Menu Donasi............................................................................ 73
52. Tampilan Form GNJ................................................................................. 73
53. Tampilan Form Snack.............................................................................. 74
54. Tampilan Form Sembako......................................................................... 74
55. Tampilan Form Buku................................................................................ 75
56. Tampilan Form Dana............................................................................... 75
57. Tampilan Cetak Serah Terima................................................................. 76
58. Tampilan Rekapitulasi.............................................................................. 76
59. Uji Kelayakan Program di TBM GEMMI Desa Marga Mulya.................... 84
60. Lembar saran uji kelayakan..................................................................... 85
61. Tampilan Menu Informasi TBM GEMMI................................................... 86
62. Tampilan Menu Pendaftaran Donatur...................................................... 86
63. Tampilan Menu Buku Tamu..................................................................... 87
64. Tampilan Menu Donasi............................................................................ 87
65. Tampilan Menu cetak serah terima Donasi.............................................. 88

xx
 DAFTAR LAMPIRAN

Lampiran Halaman

1. Coding....................................................................................................... 93
2. Foto interview bersama pengurus TBM GEMMI ....................................... 94
3. Hasil Wawancara....................................................................................... 94
4. Hasil Observasi.......................................................................................... 97
5. Dokumentasi ............................................................................................. 100
6. Formulir Pengajuan dan Persetujuan Judul dan Propsal Skripsi ............... 108
7. Izin diterima dari instansi penelitian .......................................................... 109
8. SK Dosen Pembimbing ............................................................................. 110
9. Kartu Bimbingan........................................................................................ 111
10. Lembar Perbaikan Ujian Proposal Skripsi................................................ 115
11. Daftar Hadir Ujian Proposal Skripsi.......................................................... 117
12. Berita Acara Uji Kelayakan...................................................................... 118
13. Form Uji Kesamaan (Similirity Check)...................................................... 121
14. Transkip Akademik.................................................................................. 122
15. SK Ujian Skripsi....................................................................................... 123
16. Berita Acara Sidang Skripsi..................................................................... 124
17. Lembar Perbaikan Ujian Skripsi............................................................... 129
18. Surat Keterangan Uji Kesamaan ............................................................. 132
19. Riwayat Hidup.......................................................................................... 134

xxi
 1

BAB I
PENDAHULUAN

A. Latar Belakang Masalah

Pendidikan merupakan alat utama untuk meningkatkan standar hidup
masyarakat. Dengan pendidikan, manusia dapat bekerja, meningkatkan
ekonomi, dan berpartisipasi dalam lingkungan sosial. Dalam mendukung
program pendidikan, pemerintah menyediakan jalur pendidikan nonformal dan
informal melalui pengembangan pusat pendidikan non formal dan informal serta
perpustakaan umum, literasi berbasis taman bacaan masyarakat merupakan
sebuah gerakan yang rata-rata berdiri atas inisiatif anggota masyarakat itu
sendiri sebagai upaya untuk meningkatkan minat terhadap literasi dan
kepedulian minat baca masyarakat, minat baca merupakan tanggung jawab
bersama yang harus ditanamkan sejak dini, Perpustakaan atau rumah baca
merupakan solusi yang tepat untuk mendorong minat baca masyarakat yang
memiliki daya beli rendah terhadap buku dan mengubah kesan formal dalam
membaca buku.
Membaca buku merupakan salah satu cara untuk mencari serta
menambah ilmu pengetahuan. Dalam sebuah hadist tentang keutamaan ilmu
pengetahuan dalam islam, Rasulullah SAW bersabda :

َ ‫ْال‬
ِ‫ج َّنة‬ ‫ك َط ِري ًقا َي ْل َتمِسُ فِي ِه عِ ْلمًا َس َّه َل هَّللا ُ لَ ُه ِب ِه َط ِري ًقا ِإلَى‬
َ َ‫َو َمنْ َسل‬
Artinya : "Siapa yang menempuh jalan untuk mencari ilmu, maka Allah akan
mudahkan baginya jalan menuju surga." (HR. Muslim, no. 2699).

Taman Baca Masyarakat atau dikenal dengan singkatan TBM adalah suatu
lembaga pendidikan baca yang menyediakan ruang untuk membaca, berdiskusi,
membaca buku, menulis, dan kegiatan serupa lainnya, yang dilengkapi dengan
bahan bacaan, seperti buku, majalah, tabloid, surat kabar, komik, dan materi
multimedia lainnya, dan didukung oleh sumber daya manusia yang bertindak
sebagai motivator.
Di desa Marga Mulya Kecamatan Bumi Agung Lampung Timur terdapat
TBM yang dinamai 'Gemmi', kepanjangan dari Generasi Marga Mulya Inovatif.
TBM ini berdiri sejak tagal 27 November 2019 yang didirikan oleh para pemuda
pemudi setempat dengan tujuan awal yaitu untuk meningkatkan kualitas sumber
daya manusia, dalam hal ini adalah generasi penerus bangsa yang terdiri dari

1
 2

anak-anak sampai dengan remaja agar mulai gemar membaca sejak dini,
kurangnya sarana baca di daerah pedesaan membuat anak-anak usia sekolah
sulit mendapatkan ilmu yang lebih selain di sekolah, sehingga tingkat wawasan
anak di pedesaan sangat jauh berbeda dengan anak-anak perkotaan.
Taman Baca Masyarakat GEMMI ini memiliki beberapa program
pendonasian yaitu buku bacaan seperti buku anak, komik, dongeng, dan
ensiklopedia, non buku seperti uang dan TBM GEMMI juga mengadakan
kegiatan pendonasian berupa nasi bungkus atau kotak, snack dan sembako
untuk kegiatan yang diadakan setiap hari jum’at yang dinamakan GNJ gerakan
nasi jum’at. Namun, dikarenakan TBM ini baru didirikan maka sistem
pendonasian yang ada memiliki beberapa kendala yaitu media informasi
pendonasian yang digunakan saat ini masih informasi dari mulut ke mulut,
selebaran, pamflet atau poster dan sistem pendonasian tersebut masih belum
maksimal dalam pengolahannya, mulai dari proses pendaftaran calon donatur
masih dilakukan secara langsung dilokasi TBM GEMMI, pengisian buku tamu
masih menggunakan kertas buku tamu, transaksi pemberian dan penerimaan
donasi serta pemberian tanda bukti serah terima donasi masih dilakukan secara
manual yaitu bertemu secara langsung sehingga membutuhkan waktu lama,
biaya lebih dan menyulitkan calon donatur yang ingin berdonasi.
Berdasarkan kendala-kendala yang ada pada proses pendonasian di TBM
GEMMI diperoleh permasalahan yaitu dibutuhkan media promosi atau website
yang mampu memberikan informasi mengenai TBM GEMMI secara online,
sehingga jangkauan sebar informasi TBM GEMMI menjadi lebih luas, membuat
menu pendaftaran calon donatur secara online, membuat menu pengisian buku
tamu secara online, hingga menu transaksi pemberian dan penerimaan donasi
serta menu pemberian tanda bukti serah terima donasi secara online agar
menjadi lebih cepat dan memudahkan calon donatur untuk memberikan
donasinya.
Dalam penerapannya penulis mengunakan framework laravel agar aspek
keamanan, kualitas dan efisien dalam pembuatan sistem lebih terarah dan
mudah untuk dikembangkan. Berdasarkan hal tersebut maka penulis melakukan
penelitian dalam bentuk skripsi dengan judul "PENERAPAN FRAMEWORK
LARAVEL PADA WEBSITE TAMAN BACA MASYARAKAT 'GEMMI' DI DESA
MARGA MULYA LAMPUNG TIMUR".
 3

B. Perumusan Masalah
Rumusan masalah berdasarkan pada latar belakang yang telah dipaparkan
adalah sebagai berikut :
1. Bagaimana membuat Website Taman Baca Masyarakat 'Gemmi' ?
2. Bagaimana membuat Website yang memiliki menu informasi Taman Baca
Masyarakat 'Gemmi' secara online, menu pendaftaran calon donatur
secara online, menu pengisian buku tamu secara online, menu pemberian
donasi secara online, dan menu pemberian tanda bukti serah terima donasi
secara online ?
3. Bagaimana menerapkan Framework Laravel pada Website Taman Baca
Masyarakat 'Gemmi' ?
C. Pembatasan Masalah
Batasan-batasan masalah pada penelitian ini adalah :
1. Sistem informasi yang dirancang berkaitan dengan sistem pelayanan yang
dilakukan Taman Baca Masyarakat 'Gemmi' berdasarkan analisis
kebutuhan yang ada di Taman Bacaan Masyarakat 'Gemmi' yaitu media
promosi atau website yang mampu memberikan informasi mengenai TBM
GEMMI secara online, menu pendaftaran calon donatur secara online,
menu pengisian buku tamu secara online, menu pemberian donasi secara
online, serta menu pemberian tanda bukti serah terima donasi secara
online.
2. Sistem yang dibangun menggunakan Framework Laravel dengan bahasa
pemograman PHP. Database yang digunakan yaitu MySQL, web server
yang digunakan yaitu Xampp, Sublim Text sebagai teks editor dan Google
Chrome sebagai web browser.
3. Pendekatan pemrograman menggunakan pendekatan terstruktur, metode
pengembangan perangkat lunak yang digunakan adalah Software
Development Life Cycle (SDLC), sedangkan pengujiannya menggunakan
blackbox testing.
D. Tujuan Penelitian
Tujuan yang ingin dicapai penulis dari penelitian ini yaitu sebagai berikut:
1. Membuat website Taman Baca Masyarakat ‘GEMMI’.
2. Membuat website yang memiliki menu informasi Taman Baca Masyarakat
'Gemmi' secara online, menu pendaftaran calon donatur secara online,
 4

menu pengisian buku tamu secara online, menu pemberian donasi secara
online dan menu pemberian tanda bukti serah terima donasi secara online.
3. Menerapkan Framework Laravel pada website Taman Baca Masyarakat
‘GEMMI’.
E. Manfaat Penelitian
Hasil penelitian ini diharapkan dapat memberi manfaat dalam upaya
merealisasikan sistem informasi taman bacaan masyarakat berbasis website,
yaitu:
1. Taman Baca Masyarakat 'Gemmi' desa Marga Mulya
Hasil pembuatan sistem informasi ini dapat digunakan dalam
menyelesaikan data donasi guna berjalannya program kerja Taman Baca
Masyarakat 'Gemmi'. Selain itu bermanfaat untuk masyarakat umum untuk
memudahkan dalam pencarian informasi dan proses pendonasian pada
TBM GEMMI.
2. Program Studi Ilmu Komputer
Manfaat yang di peroleh bagi program studi Ilmu Komputer dengan adanya
penelitian ini adalah sebagai arsip program studi Ilmu Komputer dan
referensi untuk penelitian selanjutnya.
3. Penulis
Manfaat yang diperoleh penulis dari penelitian ini yaitu meningkatkan
pengetahuan dan kemampuan penulis di bidang pemrograman khususnya
dalam bidang pembuatan website menggunakan bahasa pemrograman
PHP dan framework laravel.
F. Metode Penelitian
Metode penelitian ini terdiri dari dua bagian yaitu jenis penelitian dan teknik
pengumpulan data, sebagai berikut :
1. Jenis Penelitian
Jenis penelitian yang digunakan adalah jenis penelitian kualitatif.
Menurut Moleong (2016: 6) mengutip penelitian kualitatif adalah:
Penelitian yang bermaksud untuk memahami fenomena tentang
apa yang dipahami oleh subyek penelitian, misalnya perilaku,
persepsi, motivasi, tindakan, secara holistik dan dengan cara
deskripsi dalam bentuk kata-kata dan bahasa, pada suatu konteks
khusus yang alamiah dan dengan memanfaatkan berbagai metode
ilmiah.
 5

2. Teknik pengumpulan data

Teknik pengumpulan data yang digunakan dalam penelitian ini adalah:
1) Studi Lapangan
Studi Lapangan merupakan Teknik pengumpulan data yang dilakukan
dilokasi penelitian secara langsung, adapun yang dilakukan penulis dalam
studi lapangan dengan metode :
a. Observasi
Menurut Indrajani (2011:5) “observasi adalah salah satu teknik
pencarian data paling efektif untuk pemahaman suatu sistem”.
Penulis melakukan pengamatan secara langsung pada Taman
Baca Masyarakat 'Gemmi' pada tanggal 4 desember 2020. Dari observasi
ini dapat dikumpulkan informasi mengenai kegiatan yanga da pada sehari-
hari yang terjadi di Taman Baca Masyarakat 'Gemmi'.
b. Wawancara
Menurut Sugiyono (2016: 231) mengatakan bahwa "Wawancara
adalah pertemuan dua orang untuk bertukar informasi dan ide melalui
tanya jawab, sehingga dapat dikonstruksikan makna dalam suatu topik
tertentu".
Penulis mencari informasi terkait dengan topik penelitian dengan
cara tanya jawab secara langsung kepada pengurus Taman Baca
Masyarakat 'Gemmi'. Dari teknik wawancara ini dapat dikumpulkan data
berupa informasi mengenai, kegiatan-kegiatan dan program kerja Taman
Baca Masyarakat 'Gemmi' serta kelemahan pemberian informasi Taman
Baca Masyarakat ‘GEMMI’ dan proses pendonasian yang belum maksimal
pada Taman Baca Masyarakat 'Gemmi'.
c. Dokumentasi
Menurut Sugiono (2011: 329) “Dokumentasi adalah teknik
pengumpulan data yang memanfaatkan dokumentasi sebagai sumber
utama seperti dokumen”
Penulis mengumpulkan data-data berupa tulisan, Visual
(gambar/foto) yang diperlukan untuk penelitian pada TBM GEMMI. Dari
teknik dokumentasi ini dapat dikumpulkan data berupa sejarah singkat, visi
misi, struktur organisasi, tugas dan wewenang, form pendaftaran donatur,
form buku tamu, form donasi, form serah terima donasi, brosur atau
pamflet kegiatan donasi di Taman Baca Masyarakat ‘GEMMI’.
 6

2) Studi Pustaka
Menurut Indrajani (2011:1) menyimpulkan bahwa :
Studi pustaka merupakan metode yang dilakukan dengan cara
mengumpulkan, membaca, dan mempelajari data-data yang ada
dari berbagai media, seperti buku-buku, hasil karya tulis, jurnal-
jurnal penelitian atau artikel-artikel dari internet yang berhubungan
dengan masalah yang dibahas.

Penulis membaca, dan mempelajari data-data yang ada dari

berbagai media, seperti buku-buku, hasil karya tulis, jurnal-jurnal penelitian
atau artikel- artikel dari internet yang berhubungan dengan masalah yang
dibahas. Dari tehnik ini dapat dikumpulkan data berupa teori mengenai
Taman Baca Masyarakat, Website, Framework Laravel, bahasa
pemograman PHP, database MySQL, Sublim Text, dan Xampp.
G. Sistematika Penulisan
Bagian pokok dari penulisan skripsi ini terdiri dari lima bab dengan rincian
penjelasan sebagai berikut :
BAB I PENDAHULUAN
Bab ini berisi pendahuluan yang membahas tentang latar belakang
masalah, perumusan masalah, pembatasan masalah, tujuan penelitian
dan manfaat penelitian, metode penelitian, teknik analisis data, serta
sistematika penulisan.
BAB II KAJIAN LITERATUR
Bab ini menjelaskan tentang Landasan Teoritis terdiri dari konsep-
konsep dan teori-teori pendukung penelitian ini yang relevan dengan
rumusan masalah dan tujuan penelitian. Teori teori yang dijelaskan
seperti Website, Taman Baca Masyarakat, Framework Laravel, bahasa
pemograman php, database MySQL, web server Xampp, Sublim Text,
Google Chrome.
BAB III GAMBARAN UMUM PERUSAHAAN
Bab ini menjelaskan tentang hal-hal yang berkaitan dengan Taman
Baca Masyarakat 'Gemmi' mengenai Sejarah Singkat , Manajemen
Organisasi yang terdiri dari visi misi dan tugas serta wewenang, Analisis
Sistem Yang Berjalan terdiri dari aliran informasi, flowchart, kendala
sistem yang berjalan, kebutuhan sistem dan analisis dokumen.
 7

BAB IV ANALISIS DAN PEMBAHASAN

Dalam bab ini menjelaskan tentang analisis kebutuhan sistem yang
akan diusulkan yaitu flowchart, diagram konteks, data flow diagram
(DFD), entity relationship diagram (ERD), rancangan basis data dan
pembahasan program yang dibuat serta cara pengimplementasiannya.
BAB V PENUTUP
Bab ini memuat tentang kesimpulan mengenai pembahasan dari bab-
bab sebelumnya dan rekomendasi serta saran terhadap hasil penelitian
agar dapat membangun kearah lebih baik.
DAFTAR LITERATUR
LAMPIRAN
 8

BAB II
KAJIAN LITERATUR

A. Taman Baca Masyarakat (TBM)

Taman Baca Masyarakat merupakan suatu tempat pendidikan non formal
yang memiliki berbagai macam program dan pelayanan di dalamnya dan
diharapkan mampu memotivasi dan menumbuhkan minat dan kegemaran
membaca bagi anak-anak dan masyarakat delirar. Dengan berkembangnya
minat dan kegemaran membaca, maka membaca merupakan suatu kebiasaan
baik yang dilakukan setiap hari sebagaimana memenuhi kebutuhan hidup.
Menurut Lestari (2011: 2) mengatakan bahwa :
Taman bacaan masyarakat merupakan salah satu media penunjang
pelaksanaan pendidikan nonformal, yaitu lembaga yang dibentuk dan
diselenggarakan oleh masyarakat untuk memberikan kemudahan dalam
mengakses atau memperoleh bahan bacaan bagi masyarakat.

Sutarno NS (2018: 129) dalam jurnalnya menyatakan :

Taman Baca Masyarakat adalah tempat yang sengaja dibuat pemerintah,
perorangan atau swakelola dan swadaya masyarakat untuk menyediakan
bahan baca dan menumbuhkan minat baca kepada masyarakat yang
berada di sekitar Taman Baca Masyarakat.

Taman Baca Masyarakat menjadi wadah yang baik untuk menanamkan

budaya baca dan tempat untuk mengakses berbagai bahan bacaan, seperti
buku pelajaran, buku keterampilan praktis, buku pengetahuan, buku keagamaan,
buku hiburan, karya-karya sastra serta bahan bacaan lainnya yang sesuai
dengan kebutuhan masyarakat sekitar baik itu, peserta didik jalur pendidikan
formal dan non-formal (warga belajar).
B. Tugas dan Fungsi Taman Baca Masyarakat
Taman Baca Masyarakat berfungsi sebagai sarana penerangan untuk
menyampaikan informasi kepada pengunjungnya. Koleksi taman baca baik
majalah, surat kabar dan lain lain merupakan bahan-bahan yang mengandung
informasi. Informasi-informasi tersebut baru akan memberikan manfaat bila
dibaca oleh pengunjung. Orang yang berkunjung ke taman baca masyarakat
terdorong oleh kebutuhannya akan informasi. Oleh karena itu, pengelola taman
baca masyarakat harus berupaya untuk mampu mempertemukan pengunjung
dengan informasi yang dibutuhkannya.
8
 9

Sutarno NS (2012: 24) menyatakan bahwa :

Tugas pokok Taman Baca Masyarakat adalah menyediakan, mengolah,
memelihara dan mendayagunakan koleksi bahan bacaan, menyediakan
sarana pemanfaatannya dan melayani masyarakat pengguna yang
membutuhkan informasi dan bahan bacaan.

Untuk mendukung tugas pokok tersebut, Taman Baca Masyarakat melaksanakan

fungsinya sebagai berikut :
a) Untuk memperdalam dan menelusuri berbagai ilmu pengetahuaan yang
berkaitan dengan kebutuhan hidupnya. Penguasaan konsep dasar yang
baik memudahkan masyarakat untuk mengaplikasikan ilmunya pada
situasi dan kondisi yang lebih berkembang yang akhirnya masyarakat
akan memiliki inisiatif, daya tarik, sikap kritis, rasional, dan obyektif.
b) Untuk meningkatkan apresiasi seni dan sastra serta seni budaya lainnya
melalui cara membaca di Taman Baca Masyarakat.
C. Budaya Baca
Pengembangan budaya baca dalam masyarakat tidak hanya ditentukan
oleh keinginan dan sikap masyarakat terhadap minat baca, tetapi juga ditentukan
oleh ketersediaan dan kemudahan akeses terhadap bahan bacaan.
Ketersediaan bahan-bahan bacaan untuk memenuhi kebutuhan informasi,
sedangkan kemudahan akses adalah tersedianya sarana dan prasarana dimana
masyarakat dapat dengan mudah memperoleh bahan bacaan dan informasi.
Menurut Martini (2018) mengatakan bahwa :
Taman baca masyarakat merupakan suatu tempat yang sengaja dibuat
dan Bacaan Masyarakat (TBM) merupakan dikelola oleh masyarakat,
perorangan, lembaga dan pemerintah untuk menumbuhkan minat baca
kepada masyarakat yang ada di lingkungan taman bacaan tersebut dan
taman bacaan masyarakat termasuk dalam kategori perpustakaan umum.

Hal tersebut sejalan dengan pendapat Saepudin (2017) yang berpendapat

bahwa :
Penguatan taman bacaan masyarakat bertujuan untuk meningkatkan
mutu layanan di bidang bahan bacaan dan pelaksanaan kegiatan literasi
kepada masyarakat dengan memperkaya varian koleksi bahan pustaka,
menyediakan tempat yang nyaman, aman, dan menyenangkan,
menyediakan sarana pendukung yang memadai, melaksanakan kegiatan-
kegiatan keagamaan membaca sesuai dengan kebutuhan dan potensi
lokal, mengali produk unggulan yang menjadi ciri khas daerah tersebut.
 10

Pembinaan membaca perlu dilakukan sejak dini, baik dilingkungan

keluarga, dilingkungan sekolah maupun masyarakat. Oleh karena itu minat dan
kebiasaan membaca dapat ditanamkan.
D. Donasi
Donasi merupakan suatu bentuk bantuan berupa dana maupun kebutuhan
yang diberikan oleh para donatur secara sukarela kepada pihak yang
membutuhkan seperti yayasan atau suatu lembaga.
Menurut Dewantry (2015) mengatakan bahwa :
Donasi adalah suatu pemberian yang 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.

Pemberian donasi pada umumnya bersifat secara fisik oleh

perorangan atau badan hukum, pemberian ini diakukan secara sukarela
tanpa adanya imbalan. Donasi sendiri memiliki tujuan untuk membantu
pihak-pihak yang membutuhkan.
E. Donatur
Salah satu komponen penting dalam sebuah lembaga sosial ataupun
yayasan adalah adanya donatur. Masyarakat atau pihak yang menyumbang
disebut dengan donatur, sebagai donatur suatu lembaga atau yayasan
mempunyai beberapa hak untuk dapat mengetahui secara jelas mengenai
penggunaan dana sumbangan yang telah mereka berikan kepada yayasan.
Menurut Sutarman (2012) mengatakan ”Donatur adalah orang yang
secara tetap memberikan sumbangan berupa dana kepada suatu perkumpulan
dan sebagainya”.
Menurut Suntaso Brotodiharjo (2015: 7) Mengatakan bahwa “Donatur
adalah orang yang secara tetap memberkan sumbangan berupa uang kepada
suatu perkumpulan, penyumbang tetap”.
Dari pengertian dari para ahli diatas penulis menyimpulkan bahwa
donator adalah perorangan atau kelompok yang memiliki minat dan keinginan
untuk memberikan bantuan berupa uang atau kebutuhan yang dibutuhkan oleh
suatu yayasan atau lembaga.
F. Framework
Menurut Basuki (2014:12) “Framework adalah paket berisi fungsi-fungsi
yang biasa digunakan dalam pembuatan aplikasi”.
 11

Menurut Naista (2017) menyimpulkan bahwa :

Salah satu framework yang banyak digunakan oleh programmer adalah
framework laravel. Laravel adalah framework berbasis PHP yang sifatnya
open source, dan menggunakan konsep model – view – controller.
Laravel berada di bawah lisesni MIT License dengan menggunakan
Github sebagai tempat berbagi code menjalankannya.

Menurut Kasman (2015) menyimpulkan bahwa :

Framework adalah komponen pemrograman yang siap re-use (bisa
digunakan ulang) kapan saja, sehingga programmer tidak harus membuat
skrip yang sama untuk tugas yang sama. Misalkan programmer ingin
halaman-halaman web menampilkan data dengan paginasi (paging)
halaman, framework telah menyediakan fungsi paging tersebut
sedangkan programmer cukup menggunakan fungsi tersebut pada saat
coding, tetapi tentu dengan kaidah- kaidah yang ditetapkan oleh masing -
masing framework.

G. Larevel
Menurut Yudanto dkk (2017) menarik kesimpulan sebagai berikut :
Laravel adalah sebuah framework web berbasis PHP yang open-source
dan tidak berbayar, diciptakan oleh Taylor Otwell dan diperuntukkan untuk
pengembangan aplikasi web yang menggunakan pola MVC. Struktrur
pola MVC pada laravel sedikit berbeda pada struktur pola MVC pada
umumnya. Di laravel terdapat routing yang menjembatani antara request
dari user dan controller. Jadi controller tidak langsung menerima request
tersebut.
Berikut adalah dasar-dasar laravel :
1. Artisan
Artisan adalah command line atau perintah yang dijalankan melalui
terminal dan disediakan beberapa perintah perintah yang dapat digunakan
selama melakukan pengembangan dan pembuatan aplikasi. Salah satu fungsi
dari php artisan yaitu “php artisan serve”. Php artisan serve berfungsi untuk
membuka website yang telah dibuat tanpa menggunakan web server lokal.

Gambar 1. Laravel (Php Artisan Serve). (Sumber: Naista, 2017)

 12

2. Routing
Routing adalah suatu proses yang bertujuan agar suatu item yang
dinginkan dapat sampai ke tujuan. Dengan menggunakan routing dapat
ditentukan halaman halaman yang akan muncul ketika dibuka oleh user.
Pengaturan routing di laravel biasanya terletak di file web.php. File web.php
terletak di dalam folder routes.
3. Controller
Controller adalah suatu proses yang bertujuan untuk mengambil
permintaan, menginisialisasi, memanggil model unutk dikirimkan ke view. Ada
dua cara membuat controller di laravel. Cara pertama adalah dibuat file controller
secara manual dan dituliskan code extends controller di dalamnya. Cara kedua
adalah dibuat file controller menggunakan command line dengan menuliskan
“php artisan make controller nama_file_controller”. Permintaan yang dibuat
dalam laravel harus berada di dalam controller, kemudian dilempar melalui
routing untuk mendapat permintaan yang diinginkan.

Gambar 2. Controller Laravel (Sumber: Naista, 2017)

4. View (blade templating)

Blade adalah template engine bawaan dari laravel. Blade memiliki kode
kode yang lebih mudah untuk menghasilkan laravel. Cara membuat file.blade
dilakukan secara manual dengan membuat nama_file.php.blade di dalam folder
views. Di dalam blade dapat dibuat template master dan template inheritance.
Pembuatan template master dan turunannya ini bertujuan agar elemen yang
sama tidak ditulis secara berulang-ulang. Pada template inheritance diberikan
kode “extend (nama_layout) dan section (nama_content)”.
5. Middleware
Middleware adalah penengah Antara request yang masukdengan
controller yang dituju. Cara membuat middleware menggunakan artisan dengan
mengetikkan “php artisan make:middleware nama_file”. File middleware berada
di dalam folder middleware.
 13

Gambar 3. Middleware (Sumber: Naista, 2017)

6. Session
Session adalah sebuah cara yang digunakan untuk penyimpanan pada
server dan penyimpanan tersebut digunakan pada beberapa halaman termasuk
halaman itu sendiri. Dalam menggunakan session ada dua cara. Cara yang
pertama session dapat dibuat menggunakan Request. Cara yang kedua dapat
digunakan fungsi global helper session.
H. Website
Dimuat dalam jurnal Guntur Wibisono, Wahyu Eko Susanto (2015) bahwa
menurut pendapat Arief (2011: 7) :
Web adalah salah satu aplikasi yang berisikan dokumen–dokumen
multimedia (teks, gambar, suara, animasi, video) di dalamnya yang
mengunakan protokol HTTP (hypertext transfer protokol) dan untuk
mengakses menggunakan perangkat lunak yang disebut browser.

Menurut Abdullah (2015:1) menyimpulkan bahwa :

Website dapat diartikan sekumpulan halaman yang terdiri dari beberapa
laman yang berisi informasi dalam bentuk data digital baik berupa text,
gambar, video, audio, dan animasi lainnya yang disediakan melalui jalur
koneksi internet.

Menurut Hisyam Wahid dan Berliana Kusuma (2013: 35) menyimpulkan bahwa :
Website merupakan kumpulan halaman-halaman yang digunakan untuk
menampilkan informasi teks, gambar diam atau gerak, animasi, suara,
dan atau gabungan dari semuanya, baik yang bersifat statis maupun
dinamis yang membentuk satu rangkaian bangunan yang saling terkait,
yang masing- masing masing dihubungkan dengan jaringan-jaringan
halaman.

Dari definisi di atas dapat disimpulkan bahwa webiste adalah halaman-

halaman yang digunakan untuk menampilkan informasi yang dapat dilihat saat
anda terkoneksi dengan internet.
 14

I. Software Development Life Cycle (SDLC)

Menurut Rosa A.S dan M. Shalahuddin yang dikutip Rachmadi, dkk.,
(2017: 98) pengertian SDLC adalah :
SDLC atau Software Development Life Cycle atau sering disebut juga
System Development Life Cycle adalah proses mengembangkan atau
mengubah suatu sistem perangkat lunak dengan menggunakan model-
model dan metodelogi yang digunakan orang untuk mengembangkan
sistem-sistem perangkat lunak sebelumnya (berdasarkan best practice
atau cara-cara yang sudah teruji baik).

Menurut Sukamto dan Shalahuddin yang dikutip sidik dan rahmawati

(2018: 120-121) Menyimpulkan bahwa :
Model SDLC air terjun (waterfall) sering juga disebut model sekuensial
linier (sequential linear) atau alur hidup klasik (classic life cycle). Model air
terjun menyediakan pendekatan alur hidup perangkat lunak secara
sekuensial atau tertata dimulai dari analisis, desain, pengodean,
pengujian, dan tahap pendukung (support).

a) Analisis kebutuhan perangkat lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk
mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat
lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat
lunak pada tahap ini perlu untuk didokumentasikan.
b) Desain
Desain perangkat lunak adalah proses multilangkah yang fokus pada
desain pembuatan program perangkat lunak termasuk struktur data, arsitektur
perangkat lunak, representasi antarmuka dan prosedur pengodean. Tahap ini
mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke
representasi desain agar dapat diimplementasikan menjadi program pada tahap
selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga perlu
didokumentasikan.
c) Pembuatan kode program
Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil
dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat
pada tahap desain.
d) Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan
fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan
 15

untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan

sesuai dengan yang diinginkan.

Gambar 4. Model Pengembangan SDLC (Sumber: Sukamto dan Salahudin,

2011: 27)
J. Bahasa Pemograman PHP (Hypertext preprocessor)
Dimuat dari jurnal Agus Prayitno (2015) Hypertext preprocessor (PHP)
adalah bahasa pemrograman web berupa script yang dapat diintegrasikan
dengan HTML.
Menurut Setiawan (2017) menyimpulkan bahwa :
PHP merupakan kependekan dari Hypertext Preprocessor yang
merupakan sebuah bahasa script tingkat tinggi yang dipasangan pada
dokumen HTML. Sebagian besar sintaks PHP mirip dengan bahasa C,
java, dan perl. Namun, PHP terdapat beberapa fungsi yang lebih spesifik.
PHP digunakan untuk merancang yang sifatnya dinamis dan dapat
bekerja secara otomatis.

Supono dan Putratama (2016: 3) mengemukakan bahwa :

PHP (PHP: Hypertext Preprocessor) adalah suatu bahasa pemrograman
yang digunakan untuk menerjemahkan baris kode program menjadi kode
mesin yang dapat dimengerti oleh komputer yang berbasis server-side
yang dapat ditambahkan ke dalam HTML.

PHP adalah bahasa pemrograman yang digunakan secara luas untuk

penanganan pembuatan dan pengembangan sebuah web dan bias digunakan
pada HTML. PHP merupakan singkatan dari “PHP: Hypertext Preprocessor”, dan
merupakan bahasa yang disertakan dalam dokumen HTML, sekaligus bekerja di
sisi server (server-side HTML-embedded scripting). Artinya sintaks dan perintah
yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada
halaman HTML biasa, sehingga script-nya tak tampak disisi client. PHP
dirancangan untuk dapat bekerja sama dengan database server dan dibuat
sedemikian rupa sehingga pembuatan dokumen HTML yang dapat mengakses
database menjadi begitu mudah. Tujuan dari bahasa scripting ini adalah untuk
 16

membuat aplikasi di mana aplikasi tersebut yang dibangun oleh PHP pada
umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara
keseluruhan dijalankan di server.

Gambar 5. Logo PHP (Sumber: Supono dan Putratama 2016)

K. MySQL
Dimuat dalam jurnal Sugiyanto (2013) menarik kesimpulan bahwa :
My SQL (My Structure Query Language) adalah aplikasi atau sistem
untuk mengelola database atau manajemen data. Untuk menyimpan
segala informasi kekomputer mengunakan data. MYSQL bertugas
mengatur dan mengelola data-data pada database, selain itu MYSQL
dikenal sebagai sistem yang efisien dan reliable, proses query cepat dan
mudah, sehingga cocok digunakan untuk aplikasi berbasis web.

Menurut Kustiyahningsih (2011: 145) menarik kesimpulan bahwa :

MySQL adalah sebuah basis data yang mengandung satu atau jumlah
table. Table terdiri atas sejumlah baris dan setiap baris menggandung
satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap
baris mengandung satu atau sejumlah tabel.

Dimuat dalam jurnal Eka Iswandi (2015) menjelaskan bahwa dengan

menggunakan SQL, kita dapat melakukan hal-hal berikut :
1. Memodifikasi struktur database.
2. Mengubah,mengisi, menghapus isi database.
3. Mentransfer data antara database yang berbeda.
L. Xampp
Nugroho (2013: 1) menyatakan bahwa :
XAMPP adalah paket program web lengkap yang dapat dipakai untuk
belajar pemrograman web, khususnya PHP dan MySQL yang diunggah
secara gratis dan bisa dijalankan di semua semua operasi seperti
windows, linux, solaris, dan mac.Pada tahun 2002 sebuah perusahaan
yang bernama Apache Friends yang didirikan oleh Kai Oswalad Seidler
dan Kay Vogelgesang mengembangkan projek non-profit Xampp yang
 17

awalnya adalah pengembangan dari LAMP (Linux, Apache, MySQL, PHP

and PERL) pengembangan projek ini bertujuan untuk mempromosikan
penggunaan Apache web server.

Berikut Bagian – Bagian pada Xampp :

1. Htdocs
Merupakan sebuah folder yang berfungsi untuk penyimpanan file script
PHP, HTML dan lainnya yang digunakan untuk membangun sebuah
aplikasi atau web.
2. Php Myadmin
Merupakan sebuah folder yang digunakan untuk pengolahan database
atau basis data MySQL. Untuk mengaksesnya ketikan alamat
3. Control Panel
Control panel merupakan salah satu bagian dari xampp yang fungsinya
yaitu untuk menyediakan layanan untuk memulai (start) dan berhenti
(stop) xampp, serta untuk menyediakan layanan service lainnya.
Menurut Purbadian (2016:1), berpendapat bahwa “XAMPP merupakan
suatu software yang bersifat open source yang merupakan pengembangan dari
LAMP (Linux, Apache, MySQL, PHP dan Perl)”.
Jadi dapat disimpulkan bahwa XAMPP adalah sebuah alat yag
menyediakan paket perangkat lunak yang gratis dan open sourc yang didalam
nya terdapat Apache, MySQL, PHP Myadmin dan lain-lainnya yang merupakan
kompilasi dari beberapa program.

Gambar 6. Icon XAMPP (Sumber: Nugroho 2013)

M. Sublim Text
Menurut Eric Haughee dalam Sujana Cristian (2013) berpendapat bahwa :
Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat
berjalan di berbagai platform operating system dengan menggunakan
teknologi Phyton API. Terciptanya aplikasi ini terinspirasi dari aplikasi
 18

Vim. Aplikasi ini sangatlah fleksibel dan powerfull. Fungsionalitas dari

aplikasi ini dapat dikembangkan dengan menggunakan sublime-
packages. Sublime Text bukanlah aplikasiopen source, yang artinya
aplikasi ini membutuhkan lisensi (license) yang harus dibeli. Akan tetapi
beberapa fitur pengembangan fungsionalitas (packages) dari aplikasi ini
merupakan hasil dari temuan dan mendapat dukungan penuh dari
komunitas serta memiliki linsensi (license) aplikasi gratis.

Menurut Supono dan Putratama (2016: 14) menyimpulkan “Sublime

text merupakan perangkat lunak text editor yang digunakan untuk membuat atau
meng-edit suatu aplikasi. Sublime text mempunyai fitur plugin tambahan yang
memudahkan programmer”.
Sublime Text adalah salah satu contoh text editor atau lembar kerja
coding yang digunakan oleh banyak developer atau programmer dalam membuat
perangkat lunak website atau aplikasi lainnya. Sublime mendukung banyak
bahasa pemrograman seperti PHP, CSS, C++, C#, C HTML dan masih banyak
lagi.
Sublime Text berjalan di banyak platform sistem operasi antara lain
Windows, Linux, dan MacOs dengan menggunakan teknologi Phyton API
(Aplication Programming Interface).
Pada tanggal 18 Januari 2008 Sublime Text baru pertama kali dirilis dan
hingga saat ini sudah muncul berbagai versi sampai yang terbaru yaitu versi 3
yang telah dirilis pada tanggal 29 Januari 2013.

Gambar 7. Icon Sublim Text (Sumber: Supono dan Putratama 2016)

N. Web Browser (Google Crome)

Web Browser adalah sebuah program komputer yang dibuat untuk
menerjemahkan kode- kode perintah HTML menjadi tampilan web di komputer
pengguna berupa teks, gambar dan multimedia yang dapat dilihat dan dinikmati
langsung.
 19

Menurut Sibero (2013:12) “Web Browser adalah aplikasi perangkat lunak

yang digunakan untuk mengambil dan menyajikan sumber informasi web”.

Menurut Michael (2010: 2) menarik kesimpulan bahwa :

Google Chrome merupakan mesin pencarian mampu melakukan
penelusuran dalam waktu kurang dari beberapa detik dengan perangkat
lunak yang telah diinstal ke dalam Sistem Operasi windows untuk
memberikan pengguna aksesoris pendukung seperti mediator layanan
browser, file manager, downloader dan lain-lain.

Gambar 8. Icon Google Chrome (Sumber: Solichin 2016)

O. Black-Box Testing
Black box testing terfokus pada apakah unit program memenuhi
kebutuhan (requirement) yang disebutkan dalam spesifikasi. Pada black box
testing, cara pengujian hanya dilakukan dengan menjalankan atau mengeksekusi
unit atau modul, kemudian diamati apakah hasil dari unit itu sesuai dengan
proses yang diinginkan.

Gambar 9. Black-Box Testing

 20

Teknik yang digunakan dalam Black Box Testing antara lain :

a. Digunakan untuk menguji fungsi-fungsi khusus dari perangkat lunak.
b. Kebenaran perangkat lunak yang diuji hanya dilihat berdasarkan keluaran
(output) yang dihasilkan.
c. Kemampuan program dalam memenuhi kebutuhan pemakai dapat diukur
sekaligus dapat diketahui kesalahan-kesalahannya.
P. Flowchart
Sistem flowchart merupakan diagram alir yang menggambarkan suatu
sistem peralatan komputer yang digunakan dalam proses pengolahan data serta
hubungan antar peralatan. Sistem flowchart tidak digunakan untuk
menggambarkan urutan langkah dalam memecahkan masalah, tetapi hanya
untuk menggambarkan prosedur dalam sistem yang dibentuk.
Krismiaji (2015: 69) “bagan alir merupakan teknik analitis yang digunakan
untuk menjelaskan aspek-aspek sistem informasi secara jelas, tepat, dan logis”.
Menurut Wibawanto (2017: 20) “Flowchart adalah suatu bagan dengan
simbol-simbol tertentu yang menggambarkan urutan proses secara mendetail
dan hubungan antara suatu proses (intruksi) dengan proses lainnya dalam suatu
program”.
Dari berbagai pendapat di atas, penulis menyimpulkan Flowchart adalah
suatu teknik analisis yang digunakan untuk memecahkan suatu masalah yang
digambarkan dengan simbol-simbol yang mudah dimengerti.
1. Bagan Alir Dokumen (Document Flowchart)
Kusrini dan Andri Koniyo (2012 : 83) mengungkapkan :
Bagan alir dokumen (Document Flowchart) disebut juga bagan alir
formulir (Form Flowchart) atau paperwork, adalah bagan alir yang
menunjukkan arus laporan dan formulir, termasuk tembusan-
tembusannya, menggunakan simbol-simbol yang sama dengan bagan alir
sistem.
Bagan alir dokumen dibuat dengan menggunakan simbol-simbol sebagai berikut
ini :
Tabel 1. Simbol – simbol Flowchart
NO Simbol Keterangan

Simbol prosess, menyatakan

1 tindakan (proses) yang dilakukan
oleh computer/program.
 21

Simbol manual, menyatakan

2 tindakan (proses) yang tidak
dilakukan oleh program.

Simbol decision, menunjukan

3 kondisi tertentu yang akan
menghasilkan dua kemungkinan
(ya / tidak).

Simbol predefined process,

4 menyatakan penyediaan tempat
penyimpanan suatu pengolahan
untuk memberi harga awal

Simbol terminal, menyatakan

5 permulaan atau akhir suatu
program.

Simbol keying operation, segala

6 jenis operasi yang diproses dengan
suatu mesin yang mempunyai
keyboard.

Simbol offline-storage, menunjukan

7 bahwa data dalam symbol ini akan
disimpan ke suatu media tertentu.

Simbol manual input, menunjukan

8 data secara manual dengan
menggunakan onile keyboard.

Simbol input / output, enyatakan

9 proses input atau output tanpa
tergantung jenis peralatan.

Simbol punched card, menyatakan

10 input berasal dari kartu atau output
ditulis ke kartu.

Simbol magnetic tape, menyatakan

11 input berasal dari pita magnetis
atau output disimpan ke pita
magnetis.

Simbol disk storage, menyatakan

12 input berasal dari disk atau output
disimpan ke disk.

Simbol document, mecetak

13 keluaran dalam bentuk dokumen
(melalui printer).
 22

Simbol display, mencetak keluaran

14
dalam layar monitor.

(Sukma dan Eko, 2020)

Q. Data Flow Diagram (DFD)

DFD (Data Flow Diagram) adalah suatu langkah atau metode untuk
membuat sebuah perancangan sistem yang mana berorientasi pada alur data
yang bergerak kesebuah sistem lainnya. 
Dalam membuat Sistem Informasi ini, DFD sering dipakai. DFD dibuat
oleh para analis untuk membuat sebuah sistem dengan baik. Dimana DFD ini
nantinya dikasihkan kepada para programmer untuk memulai proses coding.
Yang mana para programmer ini melakukan sebuah coding sesuai dengan DFD
yang dibuat oleh para analis sebelumnya. 
Software yang digunakan pada pembuatan DFD (Data Flow Diagram)
antara lain EasyCase, Power Designer 6 dan bisa menggunakan UML (Unified
Manual Language).
Tabel 2. Simbol – Simbol DFD
NO SIMBOL NAMA FUNGSI
1 Terminator Kesatuan diluar sistem (external entity)
yang memberikan input ke sistem /
menerima output dari sistem berupa
oraganisai,  orang, atau sistem lain.

2 Proses Aktivitas yang mengolah input menjadi

output.

3 Data Flow Aliran data pada sistem (antar proses,

antara proses & terminator, serta antara
proses & data store).

4 Data Store Penyimpanan data pada database,

biasanya berupa tabel.

(Sumber: Supardi, 2013: 8)

R. Entity Relationship Diagram (ERD)

Adapun struktur yang mendasari suatu basis data adalah model data
yang merupakan kumpulan alat-alat konseptual untuk mendekripsikan data,
relasi data, data semantik, dan batasan konsistensi. Untuk mengilustrasikan
 23

konsep model data, disajikan dua model data, yaitu entity relationship model dan
relational model.
Entity relationship (ER) data model didasarkan pada persepsi terhadap
dunia nyata yang tersusun atas kumpulan objek-objek dasar yang disebut entitas
dan relasi antar objek. Entitas adalah sesuatu atau objek dalam dunia nyata yang
dapat dibedakan dari objek lain. Relasi adalah hubungan antara beberapa
entitas. Sebagai tambahan, model ER menyajikan pula batasan dimana isi basis
data harus menyesuaikan dengan batasan. Salah satu batasan yang penting
adalah pemetaan kardinalitas yang menggambarkan jumlah entitas yang
berhubungan dengan entitas lain melalui suatu relasi.
Untuk suatu himpunan relasi biner R antara himpunan entitas A dan B,
pemetaan kardinalitas harus salah satu dari berikut :
a. One-to-One, sebuah entitas pada A berhubungan dengan paling banyak
satu entitas pada B dan sebuah entitas pada B berhubungan dengan paling
banyak satu entitas pada A.
b. One-to-Many, sebuah entitas pada A berhubungan dengan nol atau lebih
entitas pada B. Sebuah entitas pada B dapat dihubungkan dengan paling
banyak satu entitas pada A.
c. Many-to-One, sebuah entitas pada A berhubungan dengan paling banyak
satu entitas pada B. Sebuah entitas pada B dapat dihubungkan dengan nol
atau lebih entitas pada A.
d. Many-to-Many, sebuah entitas pada A berhubungan dengan nol atau lebih
entitas pada B dan sebuah entitas pada B dapat dihubungkan nol atau lebih
entitas pada A.
Sedangkan model relasional menggunakan sekumpulan tabel untuk
menyajikan, baik data maupun relasi diantara data-data. Model relasional adalah
contoh model berdasarkan record, yang disebut demikian karena basis data
disusun dalam record-record dengan berbagai tipe. Kolom suatu tabel
berhubungan dengan atribut tipe record. Tabel dapat dihubungkan satu sama
lain melalui nilai kolom yang disebut kunci. Relasi antar tabel ditentukan oleh
integritas referensial yang memerlukan penggunaan batasan kunci utama
(primary key) dan kunci tamu (foreign key).
 24

Tabel 3. Simbol – Simbol ERD

SIMBOL NAMA FUNGSI
Entity (Entitas) Menunjukkan entitas yang
terhubungan dengan sistem

Attribute Menunjukkan atribut yang

dimiliki oleh entitas.

Relationship Menunjukkan relasi antar

(Relasi) entitas

Link Menunjukkan atribut yang

dimiliki oleh entitas

(Sumber: Ladjanudin, 2006)

 25

BAB III
GAMBARAN UMUM PERUSAHAAN

A. Sejarah Singkat Perusahaan

Di Desa Marga Mulya Kecamatan Bumi Agung Lampung Timur terdapat
Taman Baca Masyarakat yang dinamai 'GEMMI', kepanjangan dari Generasi
Marga Mulya Inovatif. TBM ini berdiri sejak tanggal 27 November 2019 yang
didirikan oleh para pemuda pemudi setempat dengan tujuan awal yaitu untuk
meningkatkan kualitas sumber daya manusia, dalam hal ini adalah generasi
penerus bangsa yang terdiri dari anak-anak sampai dengan remaja agar mulai
gemar membaca sejak dini, kurangnya sarana baca di daerah pedesaan
membuat anak-anak usia sekolah sulit mendapatkan ilmu yang lebih selain di
sekolah, sehingga tingkat wawasan anak di pedesaan sangat jauh berbeda
dengan anak-anak perkotaan.
Taman Baca Masyarakat GEMMI ini memiliki beberapa program
pendonasian yaitu buku bacaan seperti buku anak, komilk, dongeng, dan
ensiklopedia, non buku seperti uang dan TBM GEMMI juga mengadakan
kegiatan pendonasian berupa nasi bungkus atau kotak, snack dan sembako
untuk kegiatan yang diadakan setiap hari jum’at yang dinamakan GNJ gerakan
nasi jum’at.
Taman Baca Masyarakat ‘GEMMI’ sejak awal didirikannya sudah mulai
menarik perhatian para donatur. Program kerja yang ada pada TBM ‘GEMMI’
yaitu membaca ceria, belajar bersama, bermain bersama, membuat kerajinan
tangan, belajar outdoor, melakukan kuis, kesenian menari dan kegiatan sosial
seperti berbagi makanan pada kaum duafa, panti asuhan dan membersihkan
tempat ibadah.
B. Lokasi Tempat Perusahaan
Taman Baca Masyarakat ‘GEMMI’ berlokasikan di Dusun II, Desa Marga
Mulya Kecamatan Bumi Agung Kabupaten Lampung Timur, lokasi Taman Baca
Masyarakat Gemmi sebagai berikut :

25
 26

Gambar 10. Lokasi Taman Baca Masyarakat ‘GEMMI’

(Sumber : Google Maps)

C. Struktur Organisasi Perusahaan

Struktur Organisasi merupakan proses penetapan struktur peran melalui
penentuan kegiatan yang harus ditempuh untuk mencapai visi, misi dan tujuan
organisasi serta bagian-bagiannya, pengelompokkan aktivitas penugasan
kelompok aktivitas, pendelegasian serta pengkoordinasian hubungan wewenang
dan informasi baik vertical maupun horizontal secara efektif. Struktur organisasi
Taman Baca Masyarakat ‘GEMMI’ desa Marga Mulya Lampung Timur adalah
sebagai berikut :
 27

Gambar 11. Struktur Organisasi Taman Baca Masyarakat ‘GEMMI’

(Sumber: Dokumentasi Taman Baca Masyarakat ‘GEMMI’ desa Marga
Mulya Lampung Timur, 2020)
 28

D. Manajemen Organisasi
1. Visi dan Misi
a. Visi
Mempersiapkan generasi yang berwawasan, berkarakter dan siap
menghadapi globalisasi.
b. Misi
1) Mengurangi angka putus sekolah di wilayah taman baca ini.
2) Meningkatkan minat baca anak-anak.
3) Mengalihkan kebiasaan buruk anak-anak yang dirasa terlalu
banyak bermain games dan menonton televisi.
4) Memberi wawasan kepada anak/membuat anak-anak melihat
dunia luar.
5) Menjadi tempat belajar anak.
6) Menjadi pusat pendidikan anak usia dini.
7) Menjadi tempat berkesenian.
8) Menjadi tempat berkumpul positif di lingkungan yang cenderung
negatif.
9) Menjadi tempat berlatih menulis.
10) Membina akhlak.
11) Memberikan pengetahuan agama.
12) Memberdayakan perekonomian sekitar.
2. Tugas dan Wewenang Organisasi
Berikut ini penjelasan tentang tugas dan wewenang masing-
masing bagian dari struktur organisasi pada Taman Baca Masyarakat
‘GEMMI’, yakni sebagai berikut :
a. Ketua
1) Memimpin TBM GEMMI.
2) Menyusun dan merancang program kerja TBM GEMMI.
3) Mengkoordinasikan dan mengawasi pelaksanaan program,
evaluasi dan pelaporan.
4) Mengembangkan dan memajukan TBM.
b. Sekretaris
1) Mengurus kegiatan administrasi dan surat menyurat di TBM.
2) Membuat laporan berkala pelaksanaan TBM.
3) Mendata sarana dan prasarana serta bahan bacaan atau koleksi.
 29

c. Bendahara
1) Mengurus administrasi keuangan TBM.
2) Menyusun laporan keuangan TBM.
d. Anggota
1) Membantu dalam mempersiapkan sarana dan prasarana TBM.
2) Merencanakan dan mengadakan bahan bacaan.
3) Merancang dan melaksanakan kegiatan menarik minat baca.
4) Mengelola buku bacaan dan kegiatan yang ada di TBM.
3. Sarana Prasarana
Kegiatan yang dilakukan di Taman Baca Masyarakat ‘GEMMI’ akan
berjalan dengan lancar apabila fasilitas yang ada memadai. Adapun fasilitas
yang dimiliki oleh Taman Baca Masyarakat ‘GEMMI’ antara lain sebagai berikut :
a. Ruang membaca dalam kondisi baik dan nyaman.
b. Halaman yang cukup luas (parkir kendaraan pembaca, pengurus maupun
tamu).
c. Koleksi buku bacaan yang memadai mulai dari buku pendidikan, buku
dongeng, buku agama dan buku umum.
d. Cukup tersedia air bersih dari sumur maupun PAM dan kamar mandi.
E. Analisis Sistem Yang Berjalan
1. Aliran Informasi
Berdasarkan penelitian yang telah dilakukan di Taman Baca Masyarakat
‘GEMMI', aliran sistem informasi donasi pada Taman Baca Masyarakat ‘GEMMI'
adalah sebagai berikut:
a. Donatur mencari informasi mengenai Taman Baca Masyarakat ‘GEMMI'
melalui media cetak pamflet atau poster dan datang ke TBM GEMMI
untuk mendaftarkan diri sebagai donatur kepada pengurus TBM GEMMI.
b. Pengurus TBM GEMMI memberikan buku tamu dan formulir pendaftaran
donasi kepada Donatur.
c. Donatur mengisi buku tamu, formulir pendaftaran donasi, sekaligus
menyerahkan donasi kepada TBM GEMMI.
d. TBM GEMMI menerima buku tamu, formulir pendaftaran dan donasi
kemudian dijadikan arsip, sekaligus membuat tanda bukti serah terima
untuk diarsipkan dan diberikan kepada donatur.
e. Donatur menerima tanda bukti serah terima donasi dari pengurus TBM
GEMMI.
 30

2. Flowchart
Flowchart atau alur yang berjalan pada sistem donasi Taman Baca
Masyarakat ‘GEMMI' adalah sebagai berikut:

Gambar 12. Flowchart Sistem donasi Taman Baca Masyarakat ‘GEMMI'

(Sumber: Taman Baca Masyarakat ‘GEMMI' 2021)
 31

Berdasarkan gambar 12 yang merupakan Flowchart sistem donasi

Taman Baca Masyarakat ‘GEMMI' yang berjalan saat ini adalah, pelaku
(pelaksana sistem) yang terlibat dalam sistem ada dua orang yaitu donatur dan
pengurus TBM GEMMI. Proses manual yang ada didalam sistem adalah
pencarian informasi TBM GEMMI, pendaftaran donatur, pengisian buku tamu,
pemberian dan penerimaan donasi, pembuatan tanda bukti serah terima donasi.
Dokumen yang ada didalam sistem donasi TBM GEMMI adalah brosur atau
pamflet, formulir pendaftarn donatur, buku tamu dan tanda bukti serah terima
donasi.
3. Kendala sistem yang berjalan
Berdasarkan sistem yang berjalan pada donasi Taman Baca Masyarakat
‘GEMMI' terlihat masih belum maksimal dalam pengolahannya, mulai dari proses
pencarian informasi tentang TBM GEMMI, pendaftaran calon donatur, pengisian
buku tamu, pengisian formulir donasi dan pemberian tanda bukti serah terima
donasi masih dilakukan secara manual yaitu bertemu secara langsung sehingga
membutuhkan waktu lama, biaya lebih dan menyulitkan calon donatur yang ingin
berdonasi. Dari sistem yang berjalan pada donasi Taman Baca Masyarakat
GEMMI terdapat kendala-kendala sebagai berikut:
a. Pencarian informasi tentang TBM GEMMI masih disajikan dalam bentuk
brosur atau pamflet, sehingga jangkauan sebar infomasi TBM GEMMI
terbatas.
b. Proses pendaftaran calon donatur masih dilakukan secara langsung di
lokasi TBM GEMMI, sehingga jangkauan pendaftaran calon donatur
terbatas.
c. Pengisian buku tamu masih dicatat menggunakan kertas buku tamu,
sehingga memerlukan waktu banyak untuk mencari data tamu yang
berkunjung di TBM GEMMI.
d. Pemberian dan penerimaan donasi masih dilakukan secara langsung di
lokasi TBM GEMMI, sehingga proses transaksi memerlukan waktu dan
biaya lebih untuk datang ke lokasi TBM GEMMI.
e. Tanda bukti serah terima donasi masih dicatat menggunakan kertas bukti
serah terima dan dilakukan secara langsung di lokasi TBM GEMMI,
sehingga prosesnya menjadi lambat dan memerlukan waktu dan biaya
lebih.
 32

4. Kebutuhan sistem
Berdasarkan kendala-kendala dari sistem yang berjalan pada donasi
Taman Baca Masyarakat GEMMI dibutuhkan sistem informasi yang mampu
membantu proses pemberian informasi mengenai TBM GEMMI secara online,
pendaftaran calon donatur secara online, pengisian buku tamu secara online,
transaksi pemberian dan penerimaan donasi serta pemberian tanda bukti serah
terima donasi secara online agar menjadi lebih cepat, hemat biaya dan
memudahkan calon donatur untuk berdonasi, maka dibutuhkan website yang
memiliki kelebihan sebagai berikut:
a. Website memiliki menu informasi TBM GEMMI secara online, sehingga
jangkauan sebar informasi TBM GEMMI menjadi lebih luas.
b. Website yang memiliki menu untuk proses pendaftaran donatur secara
online, sehingga jangkauan pendaftaran calon donatur dapat lebih luas.
c. Website yang memiliki menu untuk donatur melakukan pengisian buku
tamu secara online, sehingga proses pencarian data tamu yang
berkunjung dapat dilakukan dengan mudah.
d. Website yang memiliki menu untuk donatur memberikan donasi kepada
TBM GEMMI secara online, sehingga dapat menghemat biaya dan waktu
karena proses pemberian dan penerimaan donasi menjadi mudah.
e. Website yang memiliki menu untuk memberikan tanda serah terima
donasi secara online, sehingga prosesnya menjadi mudah dan lebih
cepat.
5. Analisis dokumen
Analisis dokumen sangat penting untuk menggambarkan bagaimana dan
untuk apa dokumen-dokumen digunakan, dokumen digunakan sebagai
pendukung perancangan sistem informasi mengenai donasi pada Taman Baca
Masyarakat ‘GEMMI', berikut dokumen-dokumen yang digunakan:
a. Dokumen Brosur atau Pamflet
Dokumen Brosur atau Pamflet yaitu suatu dokumen yang dimiliki atau
dibuat oleh Taman Baca Masyarakat ‘GEMMI' dengan tujuan dibagikan ke
masyarakat untuk memberikan informasi mengenai bantuan donasi yang
dibutuhkan Taman Baca Masyarakat ‘GEMMI', brosur atau pamflet ini berisikan
nama kegiatan donasi, ketentuan donasi, alamat atau lokasi, no hp. Analisis
terhadap brosur atau pamflet merupakan dokumen yang terdapat dalam sistem
donasi Taman Baca Masayarakat ‘GEMMI' pada tabel 4.
 33

Tabel 4. Dokumen Brosur atau Pamflet

No Nama Keterangan

1. Nama Dokumen Dokumen Brosur atau Pamflet

2. Tujuan Masyarakat atau Donatur

3. Sumber Pengurus Taman Baca Masyarakat ‘GEMMI'

4. Kegunaan Untuk menyebarkan informasi mengenai bantuan

donasi yang dibutuhkan Taman Baca Masyarakat
‘GEMMI'.

5. Isi Nama kegiatan donasi, ketentuan donasi, alamat

atau lokasi, No hp.

(Penulis,2020)
b. Dokumen Pendaftaran Donatur
Dokumen pendaftaran donatur merupakan dokumen yang di miliki Taman
Baca Masyarakat ‘GEMMI' untuk di berikan kepada calon donatur yang ingin
mendaftarkan diri sebagai donatur di Taman Baca Masyarakat ‘GEMMI' ,
kegunaan dokumen ini untuk mengetahui informasi tentang donatur dan menjadi
arsip dokumen bagi Taman Baca Masyarakat ‘GEMMI'. Dokumen pendaftaran
donatur berisikan nama donatur, status donatur, tempat tanggal lahir, alamat
donatur, No telpon atau hp, pekerjaan dan tanggal. Analisis terhadap dokumen
pendaftaran donatur merupakan dokumen yang terdapat dalam sistem donasi
Taman Baca Masyarakat ‘GEMMI' pada tabel 5.
Tabel 5. Dokumen Formulir Pendaftaran Donatur
No Nama Keterangan

1. Nama Dokumen Dokumen Formulir Pendaftaran Donatur

2. Tujuan Donatur

3. Sumber Pengurus Taman Baca Masyarakat ‘GEMMI'

4. Kegunaan Sebagai data informasi donatur dan dijadikan

dokumen arsip donatur di Taman Baca Masyarakat
‘GEMMI'

5. Isi Nama, Status, Tempat Tanggal Lahir, No telpon

atau Hp, Pekerjaan, tanggal.

(Penulis,2020)
 34

c. Dokumen Buku Tamu

Dokumen buku tamu merupakan dokumen yang dimiliki Taman Baca
Masyarakat ‘GEMMI' untuk diberikan kepada tamu yang datang dengan maksud
dan tujuan tertentu termasuk sebagai donatur atau calon donatur, kegunaan
dokumen ini sebagai arsip kehadiran Taman Baca Masyarakat ‘GEMMI',
dokumen buku tamu berisikan nama, alamat, tanggal, kepentingan. Analisis
terhadap dokumen buku tamu merupakan dokumen yang terdapat dalam sistem
donasi Taman Baca Masyarakat ‘GEMMI' pada tabel 6.
Tabel 6. Dokumen Buku Tamu
No Nama Keterangan

1. Nama Dokumen Dokumen Buku Tamu

2. Tujuan Tamu yang hadir atau donatur

3. Sumber Pengurus Taman Baca Masyarakat ‘GEMMI'

4. Kegunaan Untuk arsip kehadiran Taman Baca Masyarakat

‘GEMMI'

5. Isi Nama, Alamat, Tanggal, Kepentingan.

(Penulis,2020)
d. Dokumen Donasi
Dokumen Donasi merupakan dokumen yang dimiliki Taman Baca
Masyarakat ‘GEMMI' untuk diberikan kepada donatur dengan tujuan untuk
pemberian donasi oleh donatur secara tertulis, kegunaan dokumen ini sebagai
arsip donasi Taman Baca Masyarakat ‘GEMMI', dokumen donasi berisikan nama
donatur, nama penerima, alamat, no telepon, jenis donasi, jumlah/pack. Analisis
terhadap dokumen donasi merupakan dokumen yang terdapat dalam sistem
donasi Taman Baca Masyarakat ‘GEMMI' pada tabel 7.
Tabel 7. Dokumen Donasi
No Nama Keterangan
1. Nama Dokumen Dokumen Donasi
2. Tujuan Tamu yang hadir atau donatur
3. Sumber Pengurus Taman Baca Masyarakat ‘GEMMI'
4. Kegunaan Untuk arsip donasi Taman Baca Masyarakat ‘GEMMI'

5. Isi Nama Donatur, Nama Penerima, Alamat, No

Telepon, Jenis Donasi, Jumblah/pack.
 35

(Penulis,2020)
e. Dokumen Tanda Bukti Serah Terima Donasi
Dokumen tanda bukti serah terima donasi merupakan dokumen yang
dimiliki Taman Baca Masyarakat ‘GEMMI' untuk diberikan kepada donatur yang
telah memberikan donasinya sebagai tanda bukti pemberian dan penerimaan
donasi, dokumen tanda bukti serah terima donasi berisikan nama, jabatan,
alamat, nama donatur, alamat, tanggal, no telepon, jenis donasi, jumlah/pack,
tanda tangan penerima dan donatur. Analisis terhadap dokumen tanda bukti
serah terima merupakan dokumen yang terdapat dalam sistem donasi Taman
Baca Masyarakat ‘GEMMI' pada tabel 8.
Tabel 8. Dokumen Tanda Bukti Serah Terima Donasi
No Nama Keterangan
1. Nama Dokumen Dokumen Tanda Bukti Serah Terima Donasi
2. Tujuan Donatur
3. Sumber Pengurus Taman Baca Masyarakat ‘GEMMI'
4. Kegunaan Untuk tanda bukti pemberian dan penerimaan donasi
5. Isi Nama, Jabatan, Alamat, Nama Donatur, lamat,
Tanggal, No telpon, Jenis Donasi, Jumlah/pack,
Tanda Tangan Penerima dan Donatur.
(Penulis,2020)
 36

BAB IV
HASIL DAN PEMBAHASAN

A. Hasil Penelitian
Data dan informasi yang digunakan dalam penelitian ini merupakan hasil
riset yang dilakukan Taman Baca Mayarakat GEMMI di Desa Marga Mulya
Kecamata Bumi Agung Lampung Timur. Riset dilakukan selama 15 hari yaitu
tanggal 01 sampai dengan 15 Desember 2020. Tujuan dari penelitian ini adalah
merancang website pengolahan sistem pendonasian pada Taman Baca
Masyarakat GEMMI di desa Marga Mulya menggunakan framework laravel.
Perancangan sistem informasi yang diusulkan mampu untuk memberikan
informasi TBM GEMMI, melakukan pencarian, mencetak ataupun merekap data
donasi. Perancangan ini dapat diusulkan sebagai bahan pertimbangan dalam
meningkatkan sistem pendonasian pada Taman Baca Masyarakat GEMMI di
desa Marga Mulya dengan menggunakan bahasa pemograman PHP dan
framework Laravel. Untuk mencapai tujuan penelitian tersebut, penulis
menggunakan metode pengembangan perangkat lunak SDLC (System
Development Live Cycle), dimana metode ini memiliki beberapa tahapan dalam
penyusunannya. Tahapan tersebut antara lain analisis kebutuhan perangkat
lunak, pembuatan kode program dan pengujian.
1. Analisis Kebutuhan Sistem
Kebutuhan pengguna diperoleh dari hasil analisis sistem yang berjalan
pada sIstem pendonasian Taman Baca Masyrakat GEMMI, berdasarkan hasil
analisis sistem yang berjalan bahwa Taman Baca Masyrakat GEMMI dalam
proses promosinya dan sistem pendonasiannya belum menggunakan aplikasi
khusus, sehingga masih terdapat kendala dalam sistem yang berjalan saat ini
diantaranya: Pencarian informasi tentang TBM GEMMI masih disajikan dalam
bentuk brosur atau pamflet, sehingga jangkauan sebar infomasi TBM GEMMI
terbatas, Proses pendaftaran calon donatur masih dilakukan secara langsung di
lokasi TBM GEMMI, sehingga jangkauan pendaftaran calon donatur terbatas,
Pengisian buku tamu masih dicatat menggunakan kertas buku tamu, sehingga
pencarian tamu yang berkunjung belum otomatis, Pemberian dan penerimaan
donasi masih dilakukan secara langsung di lokasi TBM GEMMI, sehingga proses
transaksi memerlukan waktu dan biaya lebih untuk datang ke lokasi TBM
GEMMI, Tanda bukti serah terima donasi masih dicatat menggunakan kertas

36
 37

bukti serah terima dan dilakukan secara langsung di lokasi TBM GEMMI,
sehingga prosesnya menjadi lambat dan memerlukan waktu dan biaya lebih.
Untuk mangatasi kelemahan pada berjalan sistem yang, maka dibuatlah website
yang mampu membantu proses pemberian informasi mengenai TBM GEMMI
secara online, pendaftaran calon donatur secara online, pengisian buku tamu
secara online, hingga transaksi pemberian dan penerimaan donasi serta
pemberian tanda bukti serah terima donasi secara online agar menjadi lebih
cepat, hemat biaya dan memudahkan calon donatur untuk berdonasi.
Kebutuhan sistem yang dibangun sesuai hasil analisis pada Bab III,
website yang dibangun memiliki beberapa menu diantaranya: Website memiliki
menu informasi TBM GEMMI secara online, sehingga jangkauan sebar informasi
TBM GEMMI menjadi lebih luas, website yang memiliki menu untuk proses
pendaftaran donatur secara online, sehingga jangkauan pendaftaran calon
donatur dapat lebih luas, website yang memiliki menu untuk donatur melakukan
pengisian buku tamu, sehingga proses rekapitulasi jumlah kunjungan dapat
dilakukan secara otomatis, website yang memiliki menu untuk pemberian dan
donasi secara online, sehingga dapat menghemat biaya dan waktu karena
proses pemberian dan penerimaan donasi menjadi mudah, Website yang
memiliki menu untuk memberikan tanda serah terima secara online, sehingga
prosesnya menjadi mudah dan lebih cepat.
Pengguna atau user yang terlibat dalam sistem yang diusulkan adalah
donatur atau calon donatur dan admin atau pengurus TBM GEMMI. Pada
tahapan analisis kebutuhan pengguna, dilakukan analisis beberapa kebutuhan
pengguna dalam menggunakan website Taman Baca Masyarakat GEMMI ini.
Kebutuhan pengguna terbagi menjadi 3, yaitu kebutuhan hardware, kebutuhan
software dan kebutuhan brainware
a. Kebutuhan Hardware
Perangkat lunak (hardware) yang penulis usulkan untuk digunakan oleh
donatur atau calon donatur dan admin atau pengurus TBM GEMMI dalam
mendukung perancangan website Taman Baca Masyarakat GEMMI sebagai
berikut, spesifikasinnya yaitu:
1) Donatur atau calon dontur
Perangkat lunak (hardware) yang penulis usulkan untuk digunakan oleh
dontur atau calon donatur adalah sebagai berikut. Dibawah ini adalah Tabel 9
Kebutuhan dan Kegunaan Hardware.
 38

Tabel 9. Kebutuhan dan Kegunaan Hardware (donatur)

Hardware Kegunaan

Laptop/pc/ponsel Alat untuk membuka Website Taman Baca

Masyarakat GEMMI Didesa Marga Mulya.
Processor/CPU Berfungsi untuk menjalankan setiap perintah yang
ada pada sistem.

(Penulis,2021)
Berdasarkan tabel 9, yang dibutuhkan oleh donatur atau calon donatur
sebagai user yang memiliki peran sebagai pemberi donasi dan mencari informasi
mengenai TBM GEMMI, sehingga membutuhkan beberapa perangkat keras
seperti laptop/pc/ponsel dan processor/CPU yang berfungsi sebagai alat
pendukung untuk membuka atau menjalankan website TBM GEMMI.
2) Admin atau pengurus TBM GEMMI
Perangkat lunak (hardware) yang penulis usulkan untuk digunakan oleh
admin atau pengurus TBM GEMMI adalah sebagai berikut. Dibawah ini adalah
Tabel 10 Kebutuhan dan Kegunaan Hardware.
Tabel 10. Kebutuhan dan Kegunaan Hardware (admin)
Hardware Kegunaan
Laptop Alat untuk menjalankan atau
mengelola Website website Taman
Baca Masyarakat GEMMI Didesa
Marga Mulya.

Processor/CPU Alat pendukung perangkat lainnya

agar mampu menjalankan perintah-
perintah yang ada didalam system.

Untuk menyimpan file yang telah di

Memory
download.
(Penulis,2021)
Berdasarkan tabel 10, hardware yang digunakan oleh pengurus TBM
GEMMI adalah Laptop, processor/CPU dan memory yang berfungsi sebagai alat
pendukung untuk membuka, menjalankan, mengelola, dan menyimpan file yang
telah di download pada website TBM GEMMI.
b. Kebutuhan Software
Perangkat lunak (software) yang penulis usulkan untuk digunakan oleh
donatur atau calon donatur dan admin atau pengurus TBM GEMMI dalam
mendukung perancangan sistem informasi pelayanan masyarakat sebagai
berikut, spesifikasinnya yaitu:
 39

1) donatur atau calon donatur

Perangkat lunak (software) yang penulis usulkan untuk digunakan oleh
donatur atau calon donatur adalah sebagai berikut. Dibawah ini adalah Tabel 11
Kebutuhan dan Kegunaan Software.
Tabel 11. Kebutuhan dan Kegunaan Software (donatur)
Software Kegunaan
Sistem Operasi (Microsoft Windows Untuk mengontrol kegunaan
7,8, dan 10) perangkat keras yang digunakan

Browser (Google Chrome) Dibutuhkan untuk membuka Website

Taman Baca Masyarakat GEMMI
Didesa Marga Mulya.
(Penulis,2021)
Berdasarkan tabel 11, software yang digunakan oleh donatur adalah
Sistem Operasi (Microsoft Windows 7,8, dan 10) dan Browser (Google Chrome)
yang berfungsi sebagai alat pendukung untuk mengontrol kegunaan dan juga
sebagai media untuk membuka website TBM GEMMI.
1) Admin atau pengurus TBM GEMMI
Perangkat lunak (software) yang penulis usulkan untuk digunakan oleh
admin atau pengurus TBM GEMMI adalah sebagai berikut. Dibawah ini adalah
Tabel 12 Kebutuhan dan Kegunaan Software.
Tabel 12. Kebutuhan dan Kegunaan Software (admin)
Software Kegunaan
Sistem Operasi (Microsoft Windows Untuk mengontrol kegunaan
7,8, dan 10) perangkat keras yang digunakan

Browser (Google Chrome) Dibutuhhkan untuk membuka Website

Taman Baca Masyarakat GEMMI
Didesa Marga Mulya.

(Penulis,2021)
Berdasarkan tabel 12, software yang digunakan oleh pengrus TBM
GEMMI adalah Sistem Operasi (Microsoft Windows 7,8, dan 10) dan Browser
(Google Chrome) yang berfungsi sebagai alat pendukung untuk mengontrol
kegunaan dan juga sebagai media untuk membuka website TBM GEMMI.
c. Kebutuhan Brainware
Untuk menggunakan website sistem pendonasian pada TBM GEMMI Dii
Desa Marga Mulya yang akan dirancang, dibutuhkan brainware. Brainware yang
dibutuhkan adalah donatur atau calon donatur dan admin atau pengurus TBM
GEMMI, sebagai berikut.
 40

Tabel 13. Kebutuhan dan peran Brainware

Brainware Peran
Donatur atau calon donatur Donatur atau calon donatur adalah
pengguna yang dapat mengakses
system pendonasian pada website
Taman Baca Masyarakat GEMMI,
tujuannya untuk mempermudah
donatur atau calon donatur
mendapatkan informasi mengenai TBM
GEMMI, mengisi buku tamu dan
melakukan pendaftaran donatur dan
pemberian donasi dengan cukup
menggunakan fasilitas internet untuk
mengakses internet.

Admin atau pengurus TBM GEMMI
Admin atau pengurus TBM GEMMI
adalah seseorang yang dapat
mengolah sepenuhnya dalam sebuah
website. Admin atau pengurus TBM
GEMMI melakukan pemeliharaan yang
teratur untuk keamanan sehingga
dapat berjalan sesuai harapan.

(Penulis,2021)
Berdasarkan tabel diatas peran brainware ada dua yaitu sebagai donatur
yang berfungsi untuk mengakses sistem pendonasian pada website Taman
Baca Masyarakat GEMMI dan pengurus TBM GEMMI berfungsi sebagai admin
atau seseorang yang dapat mengelola sepenuhnya wbsite TBM GEMMI di Desa
Marga Mulya.
d. Hak Akses
Hak akses merupakan fungsi di sistem setiap masing-masing user.
Dibawah ini adalah Tabel 14. Hak Akses.
Tabel 14. Hak Akses
Pengguna Peran dalam sistem
Donatur atau calon Dapat melihat informasi TBM GEMMI, melakukan
registrasi sebagai calon donatur, melakukan
donatur
pendaftaran donatur, mengisi buku tamu, dan
pemberian donasi.
Admin atau pengurus Dapat melakukan registrasi sebagai admin, melakukan
TBM GEMMI input informasi mengenai TBM GEMMI, dan mencetak
tanda bukti serah terima donasi.

(Penulis, 2021)
 41

2. Desain Prosedur Sistem yang Diusulkan

Proses design akan menerjemahkan syarat kebutuhan ke sebuah
perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat koding.
Berikut adalah langkah untuk melakukan desain sistem: desain proses, database
dan interface.
a. Desain Flowchart
Pada gambar dibawah ini menjelaskan tentang desain flowchart yang
diusulkan, serta proses-proses dan pihak-pihak yang terlihat didalamnya adalah
sebagai berikut :
a) Admin melakukan input GNJ, Snack, Sembako, Buku dan Dana
b) Calon donatur login sebagai user pada website TBM GEMMI.
c) Calon donatur melakukan input pendaftaran donatur di website TBM
GEMMI.
d) Calon donatur melakukan input buku tamu di Website TBM GEMMI.
e) Calon donatur melakukan input donasi di Website TBM GEMMI.
f) Admin (sekretaris) TBM GEMMI memproses data donasi.
g) Admin (sekretaris) TBM GEMMI mencetak tanda serah terima donasi
dan diberikan kepada donatur.
h) Admin (sekretaris) TBM GEMMI merekap data donasi.
 42

Gambar 13. Flowchart Pengajuan Usulan Sistem Yang di Usulkan

(Sumber, Penulis 2021)

Berdasarkan gambar 13, Flowchart sistem pendonasian pada website

Taman Baca Masyarakat GEMMI yang diusulkan yaitu, pelaku ( pelaksanaan
sistem ) yang terlibat didalam sistem ada dua orang yaitu admin atau sekretaris
TBM GEMMI dan calon donatur. Proses yang ada di dalam sistem yaitu,Admin
menginputkan GNJ (gerakan nasi jumat), snack, sembako, buku dan dana, calon
donatur membuka website Taman Baca Masyarakat GEMMI dengan masuk
sebagai user, mendaftarkan diri sebagai donatur dan mengisi buku tamu serta
melakukan pengisian formulir donasi secara online, kemudian data akan diproses
oleh admin, admin mencetak tanda serah terima donasi dan diberikan pada
 43

donatur kemudian admin melakukan rekapitulasi donasi.

b. Desain Proses
Pada tahap desain proses terbagi menjadi 2, yaitu diagram konteks dan
data flow diagram, Berkut ini adalah gambar Sistem informasi pendonasian pada
website taman baca masyarakat ‘gemmi’ didesa marga mulya serta pihak-pihak
yang ada didalamnya.
1) DFD (Data Flow Diagram) perancangan system yang diusulkan
DFD (Data Flow Diagram) Merupakan suatu bentu alur data pada system
yang digambarkan dengan notasi diagram atau grafik.
a) Desain DFD (Data Flow Diagram) level 0

Gambar 14. Desain DFD (Data Flow Diagram) level 0 (Sumber, Penulis 2021)

Berdasarkan Gambar 14. Desain DFD (Data Flow Diagram) level 0

terdapat 2 (personal key) antara lain admin dan calon donatur, sebuah proses
yaitu Penerapan Framework Laravel Pada Website Taman Baca Masyarakat
GEMMI DiDesa Marga Mulya, 11 aliran data dengan 9 input ( data GNJ, snack,
sembako, buku, dana) dan 2 output (cetak serak terima dan rekap donasi)
Desain di atas menggambarkan ruang lingkup sistem yang akan dibuat.
Admin melakuan input GNJ, snack, sembako, buku, dan kemudian diproses oleh
sistem, calon donatur melakukan input user, donatur, buku tamu, dan donasi
diproses oleh sistem kemudian diterima oleh admin dan admin melakukan input
serah terima yang kemudian diberikan kepada calon donatur dan admin
melakukan rekapitulasi donasi.

b) Desain DFD (Data Flow Diagram) level 1

 44

Gambar 15. Desain DFD (Data Flow Diagram) level 1 (Sumber, Penulis 2021)
Berdasarkan Gambar 15. Desain DFD (Data Flow Diagram) level 1
terdapat 2 (personal key) antara lain Donatur dan Pengurus TBM GEMMI, 9
proses (input GNJ, snack, sembako, buku, dana, user, donatur, buku tamu dan
donasi), 3 penyimpanan ( table GNJ, snack, sembako, buku, dana, user, donatur,
buku tamu dan donasi), 2 output (cetak serah terima dan rekap donasi).
Desain di atas menggambarkan ruang lingkup sistem yang akan dibuat.
Admin melakukan input data GNJ yang disimpan ke table GNJ, admin melakukan
input data snack yang disimpan ke table snack, admin melakukan input data
sembako yang disimpan di tabel sembako, admin melakukan input data buku
yang disimpan ke tabel buku, admin melakukan input data dana yang disimpan
ke tabel dana. Calon donatur melakukan input adata user yang disimpan ke tabel
 45

user, calon donatur melakukan input data donatur yang disimpan di tabel
donatur, calon donatur melakukan input data buku tamu yang disimpan ditabel
buku tamu, calon donatur melakukan input data donasi yang disimpan ditabel
donasi. Data donasi dicetak oleh admin sebagai tanda serah terima dan
diberikan ke calon donataur, data donasi direkapitulasi oleh admin. Donatur
melakuan login,pengisian buku tamu,pendaftarn donatur dan pemberian donasi
kemudian diproses oleh sistem dan diterima oleh pengurus TBM GEMMI.
c. Desain Database
Desain database terbagi menjadi 2 yaitu ERD (Entity Relationship
Diagram) dan rancangan table yang nantinya digunakan untuk data-data yang
ada pada system yang akan dibuat.
1) ERD (Entity Relationship Diagram)
ERD (Entity Relationship Diagram) merupakan gambaran hungungan
antara data dengan database dalam bentuk notasi grafik.

Gambar 16. Rancangan ERD (Entity Relationship Diagram)

(Sumber, Penulis 2021)

Ket : * Primary Key

 46

Berdasarkan Gambar 16. Rancangan ERD (Entity Relationship Diagram)

di atas terdapat 9 tabel yang terdiri dari (tabel user, tabel donatur, tabel buku
tamu, tabel donasi, tabel BNJ, tabel snack, tabel sembako, tabel buku dan tabel
dana), dimana pada setiap entitas memiliki beberapa atribut, 8 garis dan 8 relasi.
2) Tabel Database
Tabel Basis data atau database adalah tabel atau kumpulan file yang
berkaitan dengan program. Untuk menyimpan data pendonasian pada website
Taman Baca Masyarakat GEMMI DiDesa Marga Mulya.
Berikut ini tabel-tabel yang ada dalam database web_gemmii :
a) Tabel User
Tabel user merupakan tabel yang digunakan sebagai penyimpanan data
dari user.
Nama Tabel : users
Atribute : id, nama, alamat, jenis_kelamin, no_telepon, username,
email, password, email_verified_at, admin,
remember_token, created_at, updated_at.
Primary key : id
Jumlah Field : 13

Tabel 15. Rancangan Tabel Users

Nama Field Type Null Key Default Extra
Id Int(20) NO PRI NULL Auto_increment
Nama Varchar(255) NO NULL
Alamat Varchar(255) NO NULL
Jenis_kelamin Varchar(255) NO NULL
No_telepon Varchar(255) NO NULL
Username Varchar(255) NO NULL

Email Varchar(255) NO NULL

Password Varchar(255) NO NULL
Email_verified_at Timestamp NO NULL
Admin Tinyint NO NULL
Remember_token Varchar NO NULL

Created_at Timestamp NO NULL

Updated_at Timestamp NO NULL

(Penulis, 2021)
 47

b) Tabel Donatur
Tabel Donatur merupakan tabel yang digunakan untuk proses
pendaftaran calon donatur.
Nama Tabel : donatur
Atribut : id, user_id, status, ttl, pekerjaan, tanggal.
Primary key : id
Jumlah Field : 6
Tabel 16. Donatur
Nama Field Type Null Key Default Extra

Id Int(20) NO PRI NULL Auto_increment

User_id Int (20) NO NULL

Status Varchar(255) NO NULL

Ttl Varchar(255) NO NULL

Pekerjaan Varchar(255) NO NULL

Tanggal Date NO NULL

(Penulis, 2021)
c) Tabel Buku Tamu
Tabel Buku Tamu merupakan tabel yang digunakan untuk proses
pengsian kunjungan atau tamu.
Nama Tabel : buku_tamu
Atribut : id, user_id, tanggal.
Primary key : id
Jumlah Field :3
Tabel 17. Buku Tamu
Nama Field Type Null Key Default Extra

Id Int(20) NO PRI NULL Auto_increment

User_id Int (20) NO NULL

Tanggal Date(255) NO NULL

(Penulis, 2021)
 48

d) Tabel Donasi
Tabel Donasi merupakan tabel yang digunakan untuk pemberian donasi.
Nama Tabel : donasi
Atribut : id, user_id, nama penerima, jenis donasi,
jumlah_donasi, bukti_donasi, tanggal, status.
Primary key : id
Jumlah Field : 8
Tabel 18. Donasi
Nama Field Type Null Key Default Extra

Id Int(20) NO PRI NULL Auto_increment

User_id Int(20) NO NULL

Nama_Penerima Varchar(255) NO NULL

Jenis_donasi Varchar(255) NO NULL

Jumlah_donasi Varchar 255

Bukti_donasi Varchar 255

Tanggal Date

Status Varchar 255

(Penulis, 2021)
e) Tabel GNJ
Tabel GNJ (gerakan nasi jum’at) merupakan tabel yang digunakan untuk
proses pengsian jenis donasi.
Nama Tabel : GNJ
Atribut : id, jenis_GNJ. tambahan_donasi, donasi_id.
Primary key : id
Jumlah Field : 4
Tabel 19. GNJ
Nama Field Type Null Key Default Extra

Id Int(20) NO PRI NULL Auto_increment

Jenis_gnj Varchar(255) NO NULL

Tambahan_donasi Varchar(255) NO NULL

Donasi_id Bigint(20) NO NULL

(Penulis, 2021)
 49

f) Tabel Snack
Tabel snack merupakan tabel yang digunakan untuk proses pengsian
jenis donasi snack.
Nama Tabel : Snack
Atribut : id, jenis_snack. tambahan_donasi, donasi_id.
Primary key : id
Jumlah Field : 4
Tabel 20. Snack
Nama Field Type Null Key Default Extra

Id Int(20) NO PRI NULL Auto_increment

Jenis_snack Varchar(255) NO NULL

Tambahan_donasi Varchar(255) NO NULL

Donasi_id Bigint(20) NO NULL

(Penulis, 2021)

g) Tabel Sembako
Tabel sembako merupakan tabel yang digunakan untuk proses pengsian
jenis donasi sembako.
Nama Tabel : sembako
Atribut : id, jenis_sembako. tambahan_donasi, donasi_id.
Primary key : id
Jumlah Field : 4
Tabel 21. Sembako
Nama Field Type Null Key Default Extra

Id Int(20) NO PRI NULL Auto_increment

Jenis_sembako Varchar(255) NO NULL

Tambahan_donasi Varchar(255) NO NULL

Donasi_id Bigint(20) NO NULL

(Penulis, 2021)
 50

h) Tabel Buku
Tabel buku merupakan tabel yang digunakan untuk proses pengsian jenis
donasi buku.
Nama Tabel : Buku
Atribut : id, jenis_buku. keterangan, donasi_id.
Primary key : id
Jumlah Field : 4
Tabel 22. Buku
Nama Field Type Null Key Default Extra

Id Int(20) NO PRI NULL Auto_increment

Jenis_buku Varchar(255) NO NULL

keterangan Varchar(255) NO NULL

Donasi_id Bigint(20) NO NULL

(Penulis, 2021)

i) Tabel Dana
Tabel dana merupakan tabel yang digunakan untuk proses pengsian jenis
donasi dana.
Nama Tabel : Dana
Atribut : id, jumlah_dana. Bank_rekening, donasi_id.
Primary key : id
Jumlah Field : 4
Tabel 23. Dana
Nama Field Type Null Key Default Extra

Id Int(20) NO PRI NO Auto_increment

Jumlah_dana Varchar(255) NO NO

Bank_rekening Varchar(255) NO NO

Donasi_id Bigint(20) NO NO

(Penulis, 2021)
 51

j) Relasi Tabel
Relasi table ini memiliki 9 tabel, Dibawah ini adalah Gambar 17, Relasii
Tabel.

Gambar 17. Relasi Tabel (Sumber, Penulis 2021)

Berdasarkan Gambar 17. Relasi Tabel di atas memiliki 9 tabel yaitu

user, donatur, buku_tamu, donasi, gnj, snack, sembako, buku, dana. Tabel user
berelasi dengan tabel donatur, tabel donatur berelasi dengan tabel buku_tamu,
tabel buku_tamu berelasi dngan tabel donasi, tabel donasi berelasi dengan tebel
gnj, snack, sembako, buku, dan dana.

d. Desain Interface
1) Rancangan Halaman Register
Halaman Register berfungsi untuk memasukan nama, email dan
password. Rancangan halaman Register termuat dalam gambar 18 dibawah ini.
 52

Gambar 18. Halaman Register (Penulis, 2021)

Tabel 24. Rancangan halaman register

Tombol Fungsi

Nama Lengkap Untuk form registrasi akun user

Alamat Untuk dapat mengetahui alamat lengkap user

Jenis Kelamin Untuk dapat mengetahui jenis kelamin user

No Telepon Untuk dapat mengetahui no telepon

Username Untuk dapat mengetahui username user

Email Untuk form registrasi akun user

Password Untuk form registrasi akun user

Konfirmasi Untuk form register akun user

Password

Register Sebagai Untuk memasukan pilihan registrasi sebagai donataur

atau admin
Register Untuk memasukan semua data user

(Sumber. Penulis 2021)

 53

2) Rancangan Halaman Login

Halaman login berfungsi untuk masuk pada menu dashboard setelah
penguna memasukan email dan password. Rancangan halaman login termuat
dalam gambar 19 dibawah ini.

Gambar 19. Halaman Login (Penulis, 2021)

Tabel 25. Rancangan form login

Tombol Fungsi
Email Untuk melakukan login akun admin
Password Untuk melakukan login akun admin
Login Untuk melakukan login akun admin
(Sumber. Penulis 2021)

3) Rancangan Form Halaman Utama

Tampilan ini memiliki fungsi sebagai tampilan awal website dan sebagai
petunjuk menu-menu yang ada didalam aplikasi ini. Berikut ini adalah rancangan
halaman utama :
 54

Gambar 20. Rancangan Form Halaman Utama (Sumber : Rancangan Penulis,

2021)

Tabel 26. Rancangan Form Halam Utama

Tombol Fungsi
Menu Untuk melihat informasi pelayanan yang ada di
website yaitu pengisian buku tamu, pe daftaran
sebagai donator dan pendonasian.
Tentang Untuk Melihat informasi mengenai TBM GEMMI
Pendaftaran Untuk mendaftarkan diri sebagai donatur
Donatur
login Untuk admin dapat melakukan login
Register Untuk dapat mengisikan diri sebagai user
(Sumber. Penulis 2021)
4) Rancangan Tampilan Menu Pendaftaran Donatur

Tampilan Menu Pendaftaran Donatur merupakan tampilan yang

digunakan oleh calon donator ingin memdaftarkan diri sebagai donatur pada
website Taman Baca Masyarakat ‘GEMMI’ di desa Marga Mulya. Dibawah ini
adalah Gambar 21. Rancangan Tampilan Menu Pendaftaran Donatur.
 55

Gambar 21. Rancangan Tampilan Menu Pendaftaran Donatur (Sumber :

Rancangan Penulis, 2021)

Tabel 27. Rancangan Tampilan Menu Pendaftaran Donatur

Tombol Fungsi
Kembali ke Untuk dapat kembali ke halaman
beranda utama.
Status Untuk calon donatur dapat memasukan status
Tempat Untuk calon donatur dapat memasukan tempat dan tanggal
Tanggal Lahir lahir
Pekerjaan Untuk calon donatur memasukan jenis pekerjaannya
Tanggal Untuk calon donatur memasukan tanggal pendaftaran
Pendaftaran
Submit Untuk memasukkan semua data yang telah diisi oleh calon
donatur

(Sumber. Penulis 2021)

5) Rancangan Tampilan Menu Buku Tamu
Tampilan menu Buku tamu merupakan tampilan yang digunakan oleh
calon donator atau tamu yang masuk pada website Taman Baca Masyarakat
‘GEMMI’ desa Marga Mulya. Dibawah ini adalah Gambar 22. Rancangan
Tampilan Menu Buku Tamu.
 56

Gambar 22. Rancangan Tampilan Menu Buku Tamu (Sumber : Rancangan

Penulis, 2021)

Tabel 28. Rancangan Tampilan Menu Buku Tamu

Tombol Fungsi
Kembali Ke Untuk dapat kembali ke halaman
Beranda utama.
Tanggal Untuk calon donatur dapat memasukan tanggal
Kunjungan kunjungan website pada buku tamu

Kepentingan Untuk memilih kepentingan yaitu berdonasi atau

melihat informasi TBM GEMMI saja.
Submit Untuk memasukkan semua data yang telah diisi
oleh calon donatur
(Sumber. Penulis 2021)

6) Rancangan Tampilan Menu Donasi

Tampilan Menu Donasi merupakan tampilan yang digunakan oleh user
yang telah mendaftarkan diri sebagai donatur dan kemudian mengisi formulir
donasi yang akan diberikan kepada Taman Baca Masyarakat ‘GEMMI’ Di Desa
Marga Mulya. Dibawah ini adalah Gambar 23. Rancangan Tampilan Menu
Donasi.
 57

Gambar 23. Rancangan Tampilan Menu Donasi (Sumber : Rancangan Penulis,

2021)
Tabel 29. Rancangan Tampilan Menu Donasi
Tombol Fungsi
Kembali ke Untuk dapat kembali ke halaman
beranda utama.

Nama Untuk memasukan nama penerima donasi

Penerima
Jenis Donasi Untuk Memilih jenis donasi dan menginputkan data jenis
donasi yang dipilih
Jumlah Donasi Untuk memasukan Jumlah donasi yang diberikan oleh
donatur
Pilih File Untuk mengupload bukti donasi
Tanggal Untuk calon donatur memasukan tanggal donasi
Submit Untuk memasukkan semua data yang telah diisi oleh calon
donatur

(Sumber. Penulis 2021)

7) Rancangan Tampilan Jenis Donasi GNJ

 58

Tampilan menu jenis donasi GNJ merupakan tampilan yang digunakan

oleh calon donatur untuk memilih jenis donasi yang akan diberikan pada Taman
Baca Masyarakat ‘GEMMI’ desa Marga Mulya. Dibawah ini adalah Gambar 24.
Rancangan Tampilan Jenis Donasi GNJ.

Gambar 24. Rancangan Tampilan Jenis Donasi GNJ (Sumber : Rancangan

Penulis, 2021)

Tabel 30. Rancangan Tampilan Jenis Donasi GNJ

Tombol Fungsi
Jenis Nasi Untuk memilih jenis nasi

Tambahan Donasi Untuk menambahkan donasi

Cancel Untuk membatalkan input data

Save Untuk menyimpan data gnj

(Penulis, 2021)

8) Rancangan Tampilan Jenis Donasi Snack

Tampilan menu jenis donasi Snack merupakan tampilan yang digunakan
oleh calon donatur untuk memilih jenis donasi yang akan diberikan pada Taman
Baca Masyarakat ‘GEMMI’ desa Marga Mulya. Dibawah ini adalah Gambar 25.
Rancangan Tampilan Jenis Donasi Snack.
 59

Gambar 25. Rancangan Tampilan Jenis Donasi Snack (Sumber : Rancangan

Penulis, 2021)

Tabel 31. Rancangan Tampilan Jenis Donasi Snack

Tombol Fungsi
Jenis Snack Untuk memilih jenis snack

Tambahan Donasi Untuk menambahkan donasi

Cancel Untuk membatalkan input data

Save Untuk menyimpan data snack

(Penulis, 2021)

9) Rancangan Tampilan Jenis Donasi Sembako

Tampilan menu jenis donasi Sembako merupakan tampilan yang
digunakan oleh calon donatur untuk memilih jenis donasi yang akan diberikan
pada Taman Baca Masyarakat ‘GEMMI’ desa Marga Mulya. Dibawah ini adalah
Gambar 26. Rancangan Tampilan Jenis Donasi Sembako.
 60

Gambar 26. Rancangan Tampilan Jenis Donasi Sembako (Sumber : Rancangan

Penulis, 2021)

Tabel 32. Rancangan Tampilan Jenis Donasi Sembako

Tombol Fungsi
Jenis Sembako Untuk memilih jenis sembako

Tambahan Donasi Untuk menambahkan donasi

Cancel Untuk membatalkan input data

Save Untuk menyimpan data sembako

(Penulis, 2021)

10) Rancangan Tampilan Jenis Donasi Buku

Tampilan menu jenis donasi buku merupakan tampilan yang digunakan
oleh calon donatur untuk memilih jenis donasi yang akan diberikan pada Taman
Baca Masyarakat ‘GEMMI’ desa Marga Mulya. Dibawah ini adalah Gambar 27.
Rancangan Tampilan Jenis Donasi Buku.
 61

Gambar 27. Rancangan Tampilan Jenis Donasi Buku (Sumber : Rancangan

Penulis, 2021)

Tabel 33. Rancangan Tampilan Jenis Donasi Buku

Tombol Fungsi
Jenis Buku Untuk memilih jenis buku

Tambahan Donasi Untuk menambahkan donasi

Cancel Untuk membatalkan input data

Save Untuk menyimpan data buku

(Penulis, 2021)

11) Rancangan Tampilan Jenis Donasi Dana

Tampilan menu jenis donasi Dana merupakan tampilan yang digunakan
oleh calon donatur untuk memilih jenis donasi yang akan diberikan pada Taman
Baca Masyarakat ‘GEMMI’ desa Marga Mulya. Dibawah ini adalah Gambar 28.
Rancangan Tampilan Jenis Donasi Dana.
 62

Gambar 28. Rancangan Tampilan Jenis Donasi Dana (Sumber : Rancangan

Penulis, 2021)

Tabel 34. Rancangan Tampilan Jenis Donasi Dana

Tombol Fungsi
Jenis Dana Untuk memilih jenis dana

Tambahan Donasi Untuk menambahkan donasi

Cancel Untuk membatalkan input data

Save Untuk menyimpan data dana

(Penulis, 2021)

12) Rancangan tampilan serah terima donasi

Tampilan serah terima donasi merupakan tampilan yang digunakan oleh
admin untuk mencetak tanda bukti donasi yang akan diberikan pada donatur
melalui pada Taman Baca Masyarakat ‘GEMMI’ desa Marga Mulya. Dibawah ini
adalah Gambar 29. Rancangan Tampilan Serah Terima Donasi.
 63

Gambar 29. Rancangan Tampilan Serah Terima Donasi (Sumber : Rancangan

Penulis, 2021)

Tabel 35. Rancangan Tampilan Serah Terima Donasi

Tombol Fungsi
Nama Untuk mengisikan nama penerima donasi

Jabatan Untuk mengisikan jabatan penerima donasi

 64

Alamat Untuk mengisikan alamat penerima donasi

Nama Donatur Untuk mengisikan nama donatur

Alamat Untuk mengisikan alamat donatur

Tanggal Untuk mengisikan tanggal donasi

No Telepon Untuk mengisikan no telepon donatur

Jenis Donasi Untuk mengisikan jnis donasi yang diberikan

oleh donatur

Jumlah/pack Untuk mengisikan keterangan jumalah/pack

donasi yang diberikan oleh donatur

(Penulis, 2021)

3. Coding (Pengodean)

a. Coding Tampilan Menu Implementasi Framework Laravel

1. Route
Tampilan ini berfungsi untuk menangani request kita di url kemudian
mengarahkan aplikasi untuk memanggil halaman atau resouce tertentu,  artinya
kita berada pada halaman utama atau index. Dan yang ada didalam return view
memanggil langsung ke blade yang bernama 'gemmi' tanpa memprosesnya ke
controller terlebih dahulu. Dibawah ini gambar 30. Route.php.

Gambar 30. Route.php(Sumber : Rancangan Penulis, 2021)

2. Public Function Index

Di dalam class buku tamu controller terdapat public function index yang
digunakan untuk membuat perintah didalam index agar dapat dijalankan pada
saat class buku tamu controller diakses. Dibawah ini gambar 31. public function
index.
 65

Gambar 31. public function index (Sumber : Rancangan Penulis, 2021)

3. Method Post
Tampilan ini berfungsi untuk mengirimkan data atau nilai form_tamu ke
action tamu.store. Dibawah ini gambar 32. Method Post.

Gambar 32. Method Post(Sumber : Rancangan Penulis, 2021)

4. Tamu.cari
Tampilan ini berfungsi untuk memanggil perintah cari atau mencari data
tamu yang berkunjung di TBM GEMMI. Dibawagh ini gambar 33. Tamu.cari.

Gambar 33. Tamu.cari (Sumber : Rancangan Penulis, 2021)

5. $jumlah (donatur.index)
Tampilan ini berfungsi untuk melihat jumlah keseluruhan donatur atau
rekapitulasi jumlah donatur yang ada pada tbm gemmi. Dibawah ini gambar 34.
$jumlah (donatur.index).
 66

Gambar 34. $jumlah (donatur.index). (Sumber : Rancangan Penulis, 2021)

6. Donasi.edit
Tampilan ini berfungsi untuk memanggil perintah donasi.edit yang
bertujuan untuk mengedit data donasi pada tampilan admin. Dibawah ini gambar
35. Donasi.edit.

Gambar 35. Donasi.edit (Sumber : Rancangan Penulis, 2021)

7. Donasi.cetak
Tampilan ini berfungsi untuk memanggil perintah donasi.cetak yang
bertujuan untuk mencetak serah terima donasi. Dibawah ini gambar 36.
Donasi.cetak.

Gambar 36. Donasi.cetak (Sumber : Rancangan Penulis, 2021)

8. Donasi.detail
Tampilan ini berfungsi untuk memanggil perintah donasi.detail yang
bertujuan untuk melihat keterangan donasi yang telah diberikan atau diterima
oleh TBM GEMMI. Dibawah ini gambar 37. Donasi.detail.

Gambar 37. Donasi.detail (Sumber : Rancangan Penulis, 2021)

 67

9. Rekap.semua
Tampilan ini berfungsi untuk memanggil perintah rekap.semua yang
bertujuan untuk melihat dan mencetak rekapitulasi jumlah donasi yang diterima
TBM GEMMI. Dibawah ini gambar 38. Rekap.semua.

Gambar 38. Rekap.semua (Sumber : Rancangan Penulis, 2021)

10. Donatur.create
Tampilan ini berfungsi untuk memanggil perintah atau halaman
donatur.create yang bertujuan untuk memasukan data donatur. Dibawah ini
gambar 39. Donatur.create

Gambar 39. Donatur.create (Sumber : Rancangan Penulis, 2021)

11. @endsection
Tampilan ini berfungsi untuk mengkahiri section. Dibawah ini gambar 40.
Donatur.create

Gambar 40. @endsection (Sumber : Rancangan Penulis, 2021)

b. Implementsi

1. Tampilan Menu Register

Menu Register digunakan oleh admin atau calon donatur untuk mendaftar
sebagai pengguna website. Dibawah ini adalah Gambar 41. Tampilan menu
registrasi.
 68

Gambar 41. Tampilan menu register. (Sumber. Penulis 2021)

2. Tampilan Menu Login
Menu Login digunakan oleh pengurus TBM GEMMI atau user untuk
masuk dan mengelola website. Berikut ini adalah Gambar 42 Tampilan Menu
Login.

Gambar 42. Tampilan login user. (Sumber. Penulis 2021)

3. Tampilan Menu Halaman Utama
Tampilan menu halaman utama berfungsi sebagai tampilan awal Website
Taman Baca Masyarakat GEMMI di desa Marga Mulya. Berikut ini adalah
Gambar-gambar Tampilan Menu Halaman Utama.
i. Halaman Corousel
Tampilan halaman corousel yaitu berfungsi sebagai media untuk
menginformasikan dan mengenalkan topik donasi dalam website TBM
GEMMI.
 69

Gambar 43. Tampilan Halaman Corousel. (Sumber. Penulis 2021)

ii. Halaman About
Halaman about yaitu halaman yang berfungsi memberikan informasi
mengenai sejarah dan visi-misi TBM GEMMI.

Gambar 44. Tampilan Halaman About. (Sumber. Penulis 2021)

iii. Halaman Servise (Lokasi)
Halaman servise (lokasi) yaitu halaman yang berfungsi memberikan
informasi mengenai lokasi TBM GEMMI.
 70

Gambar 45. Tampilan Halaman Servise (lokasi). (Sumber. Penulis 2021)

iv. Halaman Servise (donasi)
Halaman servise (donasi) yaitu halaman yang berfungsi memberikan
informasi mengenai bentuk-bentuk donasi, kegiatan, dan waktu
pelaksanaan kegiatan di TBM GEMMI.

Gambar 46. Tampilan Halaman Servise (donasi). (Sumber. Penulis 2021)

v. Halaman Portfolio
Halaman portfolio yaitu berfungsi memberikan informasi berupa foto-foto
TBM GEMMI.
 71

Gambar 47. Tampilan Halaman Portfolio. (Sumber. Penulis 2021)

vi. Halaman Footer
Halaman footer yaitu berfungsi memberikan informasi berupa no telpon
pihak TBM GEMMI

Gambar 48. Tampilan Halaman Footer (Sumber. Penulis 2021)

4. Tampilan Menu Pendaftaran Donatur

Tampilan menu pendaftaran donatur berfungsi sebagai tempat untuk
memasukkan data donatur yang ingin mendaftarkan diri sebagai donatur pada
Website Taman Baca Masyarakat GEMMI di desa Marga Mulya. Berikut ini
adalah Gambar 49. Tampilan Pendaftaran Donatur.
 72

Gambar 49. Tampilan Menu Pendaftaran Donatur. (Sumber. Penulis 2021)

5. Tampilan Menu Buku Tamu

Tampilan menu buku tamu berfungsi sebagai tempat untuk memasukkan
data berupa nama, alamat dan tanggal kunjungan bagi calon donatur yang telah
membuka Website Taman Baca Masyarakat GEMMI di desa Marga Mulya.
Berikut ini adalah Gambar 50. Tampilan Menu Buku Tamu.

Gambar 50. Tampilan Menu Buku Tamu. (Sumber. Penulis 2021)

6. Tampilan Menu Donasi

Tampilan menu donasi berfungsi sebagai tempat untuk memasukkan data
donatur yang ingin memberikan donasi melalui Website Taman Baca Masyarakat
GEMMI di desa Marga Mulya. Berikut ini adalah Gambar 51. Tampilan Donatur.
 73

Gambar 51. Tampilan Menu Donasi. (Sumber. Penulis 2021)

7. Tampilan Form GNJ

Tampilan form gnj berfungsi sebagai tempat untuk memasukkan data
jenis donasi gnj pada Website Taman Baca Masyarakat GEMMI di desa Marga
Mulya. Berikut ini adalah Gambar 52. Form GNJ.

Gambar 52. Tampilan Form GNJ. (Sumber. Penulis 2021)

8. Tampilan Form Snack

Tampilan form snack berfungsi sebagai tempat untuk memasukkan data
jenis donasi snack pada Website Taman Baca Masyarakat GEMMI di desa
Marga Mulya. Berikut ini adalah Gambar 53. Form snack.
 74

Gambar 53. Tampilan Form Snack. (Sumber. Penulis 2021)

9. Tampilan Form Sembako

Tampilan form sembako berfungsi sebagai tempat untuk memasukkan
data jenis donasi sembako pada Website Taman Baca Masyarakat GEMMI di
desa Marga Mulya. Berikut ini adalah Gambar 54. Form sembako.

Gambar 54. Tampilan Form Sembako. (Sumber. Penulis 2021)

10. Tampilan Form Buku

Tampilan form buku berfungsi sebagai tempat untuk memasukkan data
jenis donasi buku pada Website Taman Baca Masyarakat GEMMI di desa Marga
Mulya. Berikut ini adalah Gambar 55. Form buku.
 75

Gambar 55. Tampilan Form Buku. (Sumber. Penulis 2021)

11. Tampilan Form Dana

Tampilan form dana berfungsi sebagai tempat untuk memasukkan data
jenis donasi dana pada Website Taman Baca Masyarakat GEMMI di desa Marga
Mulya. Berikut ini adalah Gambar 56. Form dana.

Gambar 56. Tampilan Form Dana. (Sumber. Penulis 2021)

12. Tampilan Cetak Serah Terima

Tampilan cetak serah terima berfungsi sebagai tanda bukti serah terima
donasi yang dicetak oleh admin dan diberikan kepada calon donatur. Berikut ini
adalah Gambar 57. Tampilan Cetak Serah Terima.
 76

Gambar 57. Tampilan Menu Donasi. (Sumber. Penulis 2021)

13. Tampilan Rekapitulasi Donasi

Tampilan rekapitulasi donasi berfungsi sebagai media untuk mengetahui
jumlah donasi yang telah terkumpul atau diterima oleh TBM GEMMI.
Dibawah ini adalah Gambar 58. Tampilan Rekapitulasi

Gambar 58. Tampilan Menu Donasi. (Sumber. Penulis 2021)

4. Pengujian (Testing)
a. Blackbox Testing
Dalam merancang website ini, penulis melakukan testing/pengujian.
Testing ini terbagi menjadi testing menu-menu, yaitu : testing from menu register,
testing from menu login, testing hasil halaman utama, testing form input
 77

pendaftaran donatur, testing from input buku tamu dan testing from input
pemberian donasi, input jenis donasi yaitu gnj, snack, sembako, buku dan dana.
Penulis melakukan testing dengan menggunakan Black Box Testing.
Keterangan :
Berhasil : Jika program yang diuji berjalan dan sesuai harapan
Error : Jika program yang diuji tidak berjalan atau masih terdapat
kesalahan
1. Testing Menu Register
Testing pertama dilakukan pada menu register. Dibawah ini adalah Tabel
36 Testing Menu Register.
Tabel 36. Testing Hasil Menu Register
No Skenario Tindakan Hasil yang Hasil Ket
Pengujian Diharapkan Pengujian
1 Nama Form Registrasi Tetap berada pada Tetap berada pada Berhasil
Lengkap Nama Lengkap form registrasi form registrasi

2 Alamat Form Registrasi Tetap berada pada Tetap berada pada Berhasil
Alamat Lengkap form registrasi form registrasi

3 Jenis Form Registrasi Tetap berada pada Tetap berada pada Berhasil
Kelamin Jenis Kelamin form registrasi form registrasi

4 No Telepon Form Registrasi Tetap berada pada Tetap berada pada Berhasil
No Telepon form registrasi form registrasi
5 Username Form Registrasi Tetap berada pada Tetap berada pada Berhasil
Username form registrasi form registrasi

6 Email Form Registrasi Tetap berada pada Tetap berada pada Berhasil
Email form registrasi form registrasi

7 Password Form Registrasi Tetap berada pada Tetap berada pada Berhasil
Password form registrasi form registrasi

8 Konfirmasi Form Registrasi Tetap berada pada Tetap berada pada Berhasil
Password konfirmasi form registrasi form registrasi
Password
9 Registrasi Form pilihan Memilih donatur Tetap berada pada Berhasil
sebagai donatur atau atau admin dan form registrasi
admin tetap berada pada
form registrasi
10 Register Klik Register Masuk daftar Masuk daftar Berhasil

(Penulis, 2021)
 78

2. Testing Menu Login

Testing menu login digunakan oleh user yang sudah terregistrasi.
Dibawah ini adalah Tabel 37. Testing Form Menu Login Admin.
Tabel 37. Testing Hasil Menu Admin
No Skenario Tindakan Hasil yang Hasil Ket
Pengujian Diharapkan Pengujian
1 Email Memasukan Tetap berada pada Tetap berada Berhasil
Email form email pada form email

2 Password Memasukan Tetap berada pada Tetap berada Berhasil

Password form password pada form
password

3 Login Klik Login Masuk Login Masuk Login Berhasil

(Penulis, 2021)

3. Testing Menu Halaman Utama

Testing dilakukan pada menu halaman utama yang bertujuan untuk calon
donatur dapat mengetahui informasi mengenai TBM GEMMI. Dibawah ini adalah
Tabel 38. Tampilan Hasil Menu Halaman Utama.
No Skenario Tindakan Hasil yang Hasil Ket
Pengujian Diharapkan Pengujian
1 Tombol Klik Tombol Masuk ke Masuk ke Berhasil
Login Login tampilan form tampilan form
login login

2 Tombol Klik Tombol Masuk ke Masuk ke Berhasil

Register Register tampilan form tampilan form
register register

3 Tombol Klik Tombol Masuk ke pilihan Masuk ke Berhasil

Menu Menu menu daftar tamu, pilihan menu
daftar donatur dan daftar tamu,
daftar donasi daftar donatur
dan daftar
donasi

4 Tombol Klik Tombol Masuk ke pilihan Masuk ke Berhasil

Tentang Tentang tentang sejarah pilihan tentang
tbm gemmi, lokasi sejarah tbm
tbm gemmi, profil gemmi, lokasi
tbm gemmi, tbm gemmi,
bentuk donasi, profil tbm
dan kontak gemmi, bentuk
donasi, dan
kontak
 79

5 Donasi Klik Tombol Masuk ke form Masuk ke form Berhasil

Pendaftaran pemberian donasi pemberian
Donasi donasi

(Penulis, 2021)

4. Testing Menu Buku Tamu

Testing dilakukan pada menu buku tamu yang bertujuan untuk calon
donatur dapat memasukan data diri yang dapat dibaca oleh sistem sebagai tamu
yang telah berkunjung di web TBM GEMMI. Dibawah ini adalah Tabel 39.
Tampilan Hasil Menu Buku Tamu.
Tabel 39. Testing Hasil Menu Buku Tamu

No Skenario Tindakan Hasil yang Hasil Ket

Pengujian Diharapkan Pengujian

1 Kembali KeKlik Tombol Kembali Kembali Berhasil

Beranda Kembali Ke ketampilan utama ketampilan
Beranda web utama web

2 Tanggal Form Tanggal Tetap berada Tetap berada Berhasil

Kunjungan Kunjungan pada form tanggal pada form
kunjungan tanggal
kunjungan

3 KepentinganForm pilihan Jika memilih Jika memilih Berhasil

kepentingan donasi maka donasi maka
ingin berdonasi setelah submit setelah submit
atau melihat akan masuk ke akan masuk ke
informasi form donasi, jika form donasi,
mengenai TBM memilih melihat jika memilih
GEMMI informasi melihat
mengenai TBM informasi
GEMMI setelah mengenai TBM
submit maka akan GEMMI setelah
kembali ke menu submit maka
awal akan kembali
ke menu awal

4 Submit Klik Submit Jika pada form Jika pada form Berhasil
kepentingan kepentingan
memilih donasi memilih donasi
maka setelah maka setelah
submit akan submit akan
masuk ke form masuk ke form
donasi, jika donasi, jika
memilih melihat memilih melihat
informasi informasi
mengenai TBM mengenai TBM
 80

GEMMI setelah GEMMI setelah

submit maka akan submit maka
kembali ke menu akan kembali
awal ke menu awal

Penulis, 2021)

5. Testing Menu Pendaftaran Donatur

Testing dilakukan pada menu pendaftaran donatur yang bertujuan untuk
calon donatur dapat memasukan data diri sebagai pendaftar donatur pada web
TBM GEMMI. Dibawah ini adalah Tabel 40. Tampilan Hasil Menu Pendaftaran
Donatur.
Tabel 40. Testing Hasil Menu Pendaftaran Donatur

No Skenario Tindakan Hasil yang Hasil Pengujian Ket

Pengujian Diharapkan

1 Kembali KeKlik Tombol Kembali Kembali Berhasil

Beranda Kembali Ke ketampilan utama ketampilan
Beranda web utama web

2 Status Form Status Tetap berada Tetap berada Berhasil

pada form pada form
pendaftaran pendaftaran
donatur donatur

3 Tempat, Form Tempat, Tetap berada Tetap berada Berhasil

Tanggal Tanggal Lahir pada form pada form
Lahir pendaftaran pendaftaran
donatur donatur

4 Pekerjaan Form Pekerjaan Tetap berada Tetap berada Berhasil

pada form pada form
pendaftaran pendaftaran
donatur donatur

5 Tanggal Form Tanggal Tetap berada Tetap berada Berhasil

Pendaftaran Pendaftaran pada form pada form
pendaftaran pendaftaran
donatur donatur

6 Submit Klik Submit Masuk daftar Masuk daftar Berhasil

donatur donatur

(Penulis, 2021)
 81

6. Testing Menu Donasi

Testing dilakukan pada menu donasi yang bertujuan untuk donatur dapat
memasukan data diri sebagai pemberi donasi dan memberikan bukti donasi di
form menu donasi pada web TBM GEMMI. Dibawah ini adalah Tabel 41.
Tampilan Hasil Menu Donasi.
Tabel 41. Testing Hasil Menu Donasi

No Skenario Tindakan Hasil yang Hasil Ket

Pengujian Diharapkan Pengujian
1 Kembali KeKlik Tombol Kembali Kembali Berhasil
Beranda Kembali Ke ketampilan utama ketampilan
Beranda web utama web

2 Nama Form Nama Tetap berada Tetap berada Berhasil

Penerima Penerima pada form Donasi pada form
Donasi

3 Jenis Donasi Klik pilihan Berada pada form Berada pada Berhasil
Jenis Donasi pilihan jenis form pilihan jenis
donasi dan donasi dan
menginputkan menginputkan
data jenis donasi data jenis donasi

4 Jumlah/Pack Form Tetap berada Tetap berada Berhasil

Jumlah/Pack pada form Donasi pada form
Donasi

5 Pilih File Klik pilihan Memilih salah Memilih salah Berhasil

satu pilihan jenis satu pilihan jenis
pack pack

6 Pilih FileKlik Browse Berada pada Berada pada Berhasil

(Browse) pilihan upload file pilihan upload
file

7 Tanggal Form Tanggal Tetap berada Tetap berada Berhasil

Donasi pada form Donasi pada form
Donasi

8 Submit Klik Submit Masuk daftar Masuk daftar Berhasil

donasi donasi

(Penulis, 2021)

7. Testing Form GNJ

Testing dilakukan pada form gnj yang bertujuan untuk memilih jenis
donasi gnj. Dibawah ini adalah Tabel 42. Tampilan Hasil Form GNJ.
 82

Tabel 42. Testing Form GNJ.

No Skenario Tindakan Hasil yang Hasil Ket
Pengujian Diharapkan Pengujian
1 Tombol Klik Tombol Masuk kepilihan Masuk kepilihan Berhasil
Jenis Nasi Jenis Nasi jenis nasi jenis nasi

2 Tambahan Klik Tambahan Masuk ke Masuk ke Berhasil

Donasi Donasi tampilan tampilan
tambahan donasi tambahan donasi

3 Cancel Klik Tombol Kembali kemenu Kembali kemenu Berhasil

Cencel sebelumnya sebelumnya

4 Save Klik Tombol Masuk ke menu Masuk ke menu Berhasil

Save donasi donasi

(Penulis, 2021)

8. Testing Form Snack

Testing dilakukan pada form snack yang bertujuan untuk memilih jenis
donasi snack. Dibawah ini adalah Tabel 43. Tampilan Hasil Form Snack.
Tabel 43. Testing Form Snack.

No Skenario Tindakan Hasil yang Hasil Ket

Pengujian Diharapkan Pengujian
1 Tombol Klik Tombol Masuk kepilihan Masuk kepilihan Berhasil
Jenis Jenis Snack jenis snack jenis snack
Snacki
2 Tambahan Klik Tambahan Masuk ke Masuk ke Berhasil
Donasi Donasi tampilan tampilan
tambahan donasi tambahan donasi

3 Cancel Klik Tombol Kembali kemenu Kembali kemenu Berhasil

Cencel sebelumnya sebelumnya

4 Save Klik Tombol Masuk ke menu Masuk ke menu Berhasil

Save donasi donasi

(Penulis, 2021)

9. Testing Form Sembako

Testing dilakukan pada form sembako yang bertujuan untuk memilih jenis
donasi sembako. Dibawah ini adalah Tabel 44. Tampilan Hasil Form Sembako.
Tabel 44. Testing Form Sembako.
No Skenario Tindakan Hasil yang Hasil Ket
Pengujian Diharapkan Pengujian
1 Tombol Klik Tombol Masuk kepilihan Masuk kepilihan Berhasil
Jenis Jenis Sembako jenis sembako jenis sembako
 83

Sembako
2 Tambahan Klik Tambahan Masuk ke Masuk ke Berhasil
Donasi Donasi tampilan tampilan
tambahan donasi tambahan donasi

3 Cancel Klik Tombol Kembali kemenu Kembali kemenu Berhasil

Cencel sebelumnya sebelumnya

4 Save Klik Tombol Masuk ke menu Masuk ke menu Berhasil

Save donasi donasi

(Penulis, 2021)

10. Testing Form Buku

Testing dilakukan pada form buku yang bertujuan untuk memilih jenis
donasi buku. Dibawah ini adalah Tabel 45. Tampilan Hasil Form Buku.
Tabel 45. Testing Form Buku.
No Skenario Tindakan Hasil yang Hasil Ket
Pengujian Diharapkan Pengujian
1 Tombol Klik Tombol Masuk kepilihan Masuk kepilihan Berhasil
Jenis Buku Jenis Buku jenis buku jenis buku

2 Keterangan Klik Keterangan Masuk ke Masuk ke Berhasil

tampilan keterangan
keterangan

3 Cancel Klik Tombol Kembali kemenu Kembali kemenu Berhasil

Cencel sebelumnya sebelumnya

4 Save Klik Tombol Masuk ke menu Masuk ke menu Berhasil

Save donasi donasi

(Penulis, 2021)

11. Testing Form Dana

Testing dilakukan pada form dana yang bertujuan untuk memilih jenis
donasi dana. Dibawah ini adalah Tabel 46. Tampilan Hasil Form Dana.
Tabel 46. Testing Form Dana.

No Skenario Tindakan Hasil yang Hasil Ket

Pengujian Diharapkan Pengujian
1 Tombol Klik Jumlah Memasukkan Memasukkan Berhasil
Jumlah Dana Dana jumlah dana jumlah dana

2 Bank/RekeningKlik Memasukkan Memasukkan Berhasil

Bank/Rekening Bank/Rekening Bank/Rekening

3 Cancel Klik Tombol Kembali kemenu Kembali kemenuBerhasil

Cencel sebelumnya sebelumnya
 84

4 Save Klik Tombol Masuk ke menu Masuk ke menu Berhasil

Save donasi donasi

(Penulis, 2021)

c. Beta Testing
Menurut Sugiyono yang dikutip oleh Candra et al., (2020: 50) menyatakan
bahwa :
Pengujian beta merupakan pengujian yang dilakukan secara
objektif, Dimana pengujian dilakukan secara langsung terhadap
pengguna, biasanya menggunakan kuisioner mengenai tanggapan
pengguna atas perangkat lunak yang telah dibangun.

Aplikasi yang sudah melewati tahap blackbox testing oleh pembuat aplikasi untuk
memastikan semua fungsional dalam aplikasi berjalan sesuai dengan scenario
yang diharapkan. Selanjutnya aplikasi diuji coba oleh pihak pengguna
(donatur/calon donatur dan pengurus TBM GEMMI) atau sebagai beta tester.
Pengujian aplikasi oleh beta tester, dilakukan pada tanggal 27 juli Dihadiri oleh 7
orang. Gambar 59. merupakan proses pelaksanaan beta testing.

Gambar 59. Uji Kelayakan Program di TBM GEMMI Desa Marga Mulya
(Sumber. Penulis 2021)

Hasil pelaksanaan uji coba dicatat dalam lembar saran uji kelayakan,
seperti pada gambar 60 berikut ini :
 85

Gambar 60. Lembar saran uji kelayakan (Sumber. Penulis 2021)

Pada kegiatan uji kelayakan program, yang dilaksanakan pada Selasa, 27

Juli 2021 di Taman Baca Masyarakat GEMMI di Desa Marga Mulya Lampung
Timur dengan hasil aplikasi dinyatakan sudah cukup baik dan sesuai dengan apa
yang dibutuhkan Taman Baca Masyarakat GEMMI Di Desa Marga Mulya.
B. Analisi dan Pembahasan
Pada tahap ini, penulis mengevaluasi kelebihan dan kekurangan sistem
pendonasian pada website Taman Baca Masyarakat GEMMI. Analisis dan
pembahasan sistem pendonasian pada website Taman Baca Masyarakat
GEMMI Di Desa Marga Mulya adalah sebagai berikut:
1. Kelebihan dan Kekurangan Program
Adapun kelebihan dan kekurangan program yang telah dirancang adalah
sebagai berikut :
a. Kelebihan Program

1) Website ini memiliki menu informasi TBM GEMMI secara online, sehingga
jangkauan sebar informasi TBM GEMMI menjadi lebih luas.
 86

Gambar 61. Tampilan Menu Informasi TBM GEMMI. (Sumber. Penulis 2021)

2) Website ini memiliki menu untuk proses pendaftaran donatur secara

online, sehingga jangkauan pendaftaran calon donatur dapat lebih luas.

Gambar 62. Tampilan Menu Pendaftaran Donatur. (Sumber. Penulis 2021)

3) Website yang memiliki menu untuk donatur melakukan pengisian buku

tamu secara online, sehingga proses pencarian data tamu yang
berkunjung pada website TBM GEMMI dapat dilakukan dengan mudah.
 87

Gambar 63. Tampilan Menu Buku Tamu. (Sumber. Penulis 2021)

4) Website yang memiliki menu layanan untuk donatur melakukan pengisian

formulir pemberian donasi secara online, sehingga proses pengisian
formulir pemberian donasi dapat dilakukan secara mudah, lebih cepat
serta dapat menghemat waktu dan biaya.

Gambar 64. Tampilan Menu Donasi. (Sumber. Penulis 2021)

5) Website yang memiliki menu pembuatan tanda serah terima donasi

secara online, sehingga prosesnya menjadi mudah dan lebih cepat.
 88

Gambar 65. Tampilan serah terima donasi. (Sumber. Penulis 2021)

b. Kekurangan Program

Meskipun sistem pendonasian pada Website Taman Baca Masyarakat

GEMMI di Desa Marga Mulya memiliki kelebihan. Namun, masih terdapat
kekurangan/celah yang selanjutnya kekurangan tersebut dapat diperbaiki dalam
penelitian lanjutan atau yang bersifat penelitian pengembangan aplikasi.
Kelemahan aplikasi yang dibangun yakni aktifitasnya belum sepenuhnya (100%)
mengunakan sistem/online atau biasa sebut dengan blended.
 89

BAB V

PENUTUP

A. Simpulan

Setelah melakukan penelitian pada Taman Baca Masyarakat GEMMI di

Desa Marga Mulya Lampung Timur, penulis menarik kesimpulan bahwa tujuan
dari penelitian ini tercapai dimana telah dihasilkannya sebuah sistem informasi
sesuai dengan tujuan penelitian ini yaitu Penerapan framework laravel pada
website Taman Baca Masyarakat GEMMI di Desa Marga Mulya Lampung Timur.
Pada website Taman Baca Masyarakat GEMMI di Desa Marga Mulya
Lampung Timur yang telah dirancang oleh penulis terdapat beberapa kelebihan
yang bermanfaat bagi penggunannya. Kelebihan dan manfaat tersebut antara
lain dengan tersedianya :
1. Website ini memiliki menu informasi pendonasian TBM GEMMI secara
online, sehingga jangkauan sebar informasi pendonasian TBM GEMMI
menjadi lebih luas.
2. Website ini memiliki menu untuk proses pendaftaran donatur secara
online, sehingga jangkauan pendaftaran calon donatur dapat lebih luas.
3. Website yang memiliki menu untuk donatur melakukan pengisian buku
tamu secara online, sehingga proses pencarian data tamu yang
berkunjung pada website TBM GEMMI dapat dilakukan dengan mudah.
4. Website yang memiliki menu layanan untuk donatur melakukan pengisian
formulir pemberian donasi secara online, sehingga proses pengisian
formulir pemberian donasi dapat dilakukan secara mudah, lebih cepat
serta dapat menghemat waktu dan biaya.
5. Website yang memiliki menu pembuatan tanda serah terima donasi
secara online, sehingga prosesnya menjadi mudah dan lebih cepat.

B. Saran

Website Taman Baca Masyarakat GEMMI di Desa Marga Mulya Lampung

Timur yang telah dirancang oleh penulis ini tentunya memiliki kelemahan.
Kelemahan tersebut antara lain aktifitasnya belum sepenuhnya (100%)
mengunakan sistem/online atau biasa sebut dengan blended. Disarankan
kepada peneliti selanjutnya untuk dapat melengkapi kekurangan tersebut pada
Website Taman Baca Masyarakat GEMMI di Desa Marga Mulya Lampung Timur.

89
 90

DAFTAR LITERATUR

Al-Qur’an Terjemah dan Tafsir. 2015. Darul Kutubil Islamiyah. Jakarta.

A. S, Rossa dan M. Shalahuddin. 2017. Rekayasa Perangkat Lunak, Bandung,

Modula.

Abdullah. 2015. Trik Cepat Membangun Aplikasi Berbasis Web dengan

Framework Laravel. Yogyakarta: Andi Offset.

Basuki Pribadi A. 2014. Proyek Membangun Website Berbasis PHP dengan

Codeigniter.Yogyakarta.Lokomedia.

Dewantry, Z. W. 2015. Aplikasi Pengelolan Dana Donasi pada yayaan pundi

amal, Jakarta.

Erick Fernando. 2012. Sistem Informasi Geografis Untuk Pemetaan Tempat

Kesehatan Di Kota Jambi. In: Prosiding Seminar Nasional Ilmu
Komputer Universitas Diponegoro.

Fernando, Erick,2012, Perancangan Sistem Informasi Transaksi Penjualan Pada

PT.XYZ, Jambi: Jurnal Processor.

Firmansyah, Yoki, dan Udi, (2019). “Penerapan Motode SDLC Waterfall dalam
Pembuatan Sistem Informasi Akademik Berbasis Web”, Jurnal
Teknologi dan Manajemen Informatika.

Haughee, Eric. 2013. Sublime Text Starter, Birmingham: PACKT Publishing.

Supono, dan Virdiandry Putratama. 2016. Pemograman Web Dengan
Menggunakan PHP dan Framework Codeigniter. Yogyakarta:
Deepublish (Grup Penerbitan CV Budi Utama).

Hisyam Wahid Luthfi dan Berliana Kusuma Riasti. 2013, Sistem Informasi
Perawatan dan Inventaris Laboratorium Pada SMK Negri 1 Rembang
Berbasis Web.

Indrajani. 2011. Perancangan Basis Data dalam All in 1, Elex Media

Komputindo : Jakarta.

Iswandi Eka. 2015. Panduan Belajar MySQL Database Server. Media Kita.
Jakarta Selatan

Kasman, A.D., (2015), Framework Laravel 5 Panduan Praktis dan Trik Jitu,
CV. ASFA Solution, Cirebon.

Krismiaji, 2015, Sistem Informasi Akuntansi, Unit Penerbit, Yogyakarta.

Kusrini, dan Koniyo. Andri. 2012. Tuntunan Praktis Membangun Sistem Informasi
Akuntansi dengan Visual Basic & Microsoft SQL Server. Yogyakarta:
Andi.

90
 91

Lestari, Gunarti Dwi dan Heryanto Susilo. 2011. Model Taman Bacaan
Masyarakat (TBM) Kreatif: Upaya Melestarikan dan Memperkuat
Kemampuan Keaksaraan dan Usaha Mandiri. Edisi 8 Tahun 2011.JPNF.

Martini, E. S. (2018). Membangun daya saing bangsa melalui pemantapan taman

bacaan masyarakat (TBM) bagi warga belajar di Desa Parit Kecamatan
Indralaya Utara Kabupaten Ogan Ilir. In Seminar Nasional Pengabdian
Kepada Masyarakat Universitas Terbuka (pp. 132–143). Jakarta:
Universitas Terbuka.

Michael Labriola. Jeff Tapper. 2010. Breaking Out Of The Web Browser With
Adobe AIR. Peachpit Press:New Riders-Eight Street. United States of
America.

Moleong, Lexy. J. 2016. Metodologi Penelitian Kualitatif Edisi Revisi. Bandung:

PT.Remaja Rosdakarya.

Naista, D. (2017). Codeigniter Vs Laravel. Yogyakarta: CV. Lokomedia.

Nugroho, Bunafit. 2013. Dasar Pemograman Web PHP ± MySQL dengan

Dreamweaver. Yogyakarta: Gava Media.

Prayitno, Agus. 2015, Pemanfaatan Sistem Informasi Perpustakaan Digital

Berbasis Website Untuk Para Penulis. Indonesian Journal on Software
Engineering.

Rosa A.S. dan M.Shalahuddin . 2011. Rekayasa Perangkat Lunak Terstruktur

Dan Berorientasi Objek. Bandung : Modula Bandung.

Saepudin, E. (2017). Peran taman bacaan masyarakat (TBM) bagi anak-anak

usia dini.

Setiawan, Didik. 2017. Buku Sakti Pemrograman Web: HTML, CSS, PHP,
MySQL dan Javascript. Yogyakarta: Start UP.

Sibero, Alexander F.K . 2013. Web Programming Power Pack.

Yogyakarta :Mediakom.

Sugiono, 2011, Memahami Penelitan Kualitatif, Alfabeta, Bandung

Sugiono, 2016, Metode Penelitian Kuantitatif Kualitatif dan R&D, Alfabeta,

Bandung.

Sugiyanto. 2013. Pembuatan Website Profil Sekolah Menengah Kejuruan

Pembangunan Nusantara Gabus Grobogan. seruniid.unsa.ac.id.

Sukamto, R. A., dan Shalahudin, M. 2018, Rekayasa Perangkat Lunak

Terstruktur Dan Berorientasi Objek. Bandung: Informatika Bandung.

Suntaso, B. 2015. Sistem Penunjang Keputusan Untuk Menentukan Penerimaan

Dana Santunan Sosial Anak Nagari Dan Penyalurannya Bagi
Mahasiswa Dan Pelajar Kurang Mampu Di Kenagarian Barung-Barung
Balantai Timur. Teknoif.
 92

Supono, dan Virdiandry Putratama. 2016. Pemograman Web Dengan

Menggunakan PHP dan Framework Codeigniter. Yogyakarta:
Deepublish (Grup Penerbitan CV Budi Utama).

Supono, dan Virdiandry Putratama. 2016. Pemograman Web Dengan

Menggunakan PHP dan Framework Codeigniter. Yogyakarta:
Deepublish (Grup Penerbitan CV Budi Utama).

Sutarman. 2012. Analisis Sistem Informasi Donatur, Yogyakarta : Andi.

Sutarno NS. (2012). Manajemen perpustakaan : Suatu pendekatan praktik.

Jakarta: Sagung Seto.

Sutarno NS. 2018. Membina Perpustakaan Desa. Jakarta : Sagung Seto.

Wibawanto, W (2017). Desain dan Pemrograman Multimedia Pembelajaran

Interaktif. Jember: Cerdas Ulet Kreatif.

Wibisono & Susanto. 2015. Perancangan Website Sebagai Media Informasi Dan
Promosi Batik Khas Kabupaten Kulonprogo.

Y. Kustiyahningsih, D. Rosa (2011). Pemrograman Basis Data Berbasis WEB

Menggunakan PHP dan Mysql, Yogyakarta: Graha Ilmu.

Yudanto, A.L., Tolle, H., Brata, A.H., (2017), Jurnal Pengembangan Teknologi
Informasi dan Ilmu Komputer, Rancang Bangun Aplikasi Sistem
Informasi Manajemen Laboratorium.
 93

LAMPIRAN
 93

CODING

Berikut ini penulis sajikan coding Penerapan Framework Laravel

Pada Website Taman Baca Masyarakat ‘GEMMI’ Di Desa Marga Mulya
Lampung Timur dalam bentuk file word yang dapat di download pada:

URL : https://bit.ly/3ECD7LL

Kode Barcode
 94

1. Lampiran Foto Interview

Foto pada saat interview bersama pengurus TBM GEMMI Di Desa Marga Mulya
(Sumber. Penulis 2021)

2. Lampiran Wawancara
Berikut adalah hasil Wawancara Peneliti dengan Narasumber Pengurus Taman
Baca Masyarakat ‘GEMMI’.
1) Pewawancara
Nama : Devi Aditiana Sari
NPM : 17430007
Program Studi : Ilmu Komputer
Fakultas : Ilmu Komputer
Universitas : Muhammadiyah Metro

2) Narasumber
Nama : Ronggo Prakoso
Bidang Pekerjaan : Pengurus TBM GEMMI sebagai anggota
Waktu Wawancara : 06 Desember 2020
Tempat Penelitian : Taman Baca Masyarakat ‘GEMMI’
Alamat Penelitian : Jl. Teuku Umar Dusun II Desa Marga
Mulya Kec. Bumi Agung Lampung Timur
 95

3) Tabel Wawancara

No Pertanyaan Jawaban Waktu

1. Sejak kapan TBM TBM GEMMI didirikan sejak tanggal 10.30 WIB
GEMMI ini didirikan ? 27 November 2019.

2. Apa saja kegiatan- Kegiatan yang ada pada TBM 10.31 WIB
kegiatan dan program GEMMI yaitu membeca ceria,
kerja yang ada pada belajar bersama, bermain bersama,
TBM GEMMI ? membuat kerajinan tangan, belajar
outdor, kuis dan belajar menari.
Untuk program kerja yang berjalan
yaitu kunjungan ke sekolahan
terdekat seminggu sekali,
membersihkan tempat ibadah
seminggu sekali dan melakukan
kegiatan GNJ (Gerakan Nasi Jumat)
yaitu berbagi makanan dan
sembako kepada kaum duafa setiap
hari jumat.

3. Dari mana sumber dana Sumber dana dan buku-buku 10.33 WIB
kegiatan dan buku-buku bacaan pada TBM GEMMI
bacaan yang ada pada bersumber atau diperoleh dari para
TBM GEMMI ? donatur.

4. Bagaimana cara TBM TBM GEMMI memberikan informasi 10.35 WIB

GEMMI memberikan mengenai kegiatan pendonasian
informasi mengenai melalui brosur atau pamflet yang di
kegiatan pendonasian ? sebar atau dibagikan kepada
masyarakat sekitar.

5. Bagaimana proses Calon donatur mendapatkan 10.37 WIB

donatur yang akan informasi melalui brosur atau
memberikan pamflet, kemudian datang ke TBM
donasinya ? GEMMI untuk mendaftarkan diri
sebagai donatur dan mengisi
persyaratan yang diberikan TBM
GEMMI, setelah itu bisa langsung
memberikan donasinya.

6. Persyaratan apa saja Calon donatur harus ngengisi buku 10.40 WIB
yang harus dipenuhi tamu dan formulir pendaftaran
oleh calon donatur ? donatu untuk dijadikan arsip TBM
GEMMI.

7. Apakah ada kendala Ada, proses pendonasian tersebut 11.00 WIB

pada proses masih belum maksimal dalam
pendonasian yang ada ? pengolahannya, mulai dari proses
pendaftaran calon donatur masih
dilakukan secara langsung dilokasi
 96

TBM GEMMI, pengisian buku tamu

masih menggunakan kertas buku
tamu, transaksi pemberian dan
penerimaan donasi serta pemberian
tanda bukti serah terima donasi
masih dilakukan secara manual
yaitu bertemu secara langsung
sehingga membutuhkan waktu lama,
biaya lebih dan menyulitkan calon
donatur dari luar daerah yang ingin
berdonasi.

8. Apa harapan anda Harapan saya untuk kedepannya 10.41 WIB

kedepannya dalam yaitiu adanya media untuk
pengelolaan proses pemberian informasi mengenai TBM
pendonasian ? GEMMI agar diketahui
keberadaannya oleh masyarakat
luas dan sebar informasi menjadi
semakin luas, serta adanya media
promosi untuk dapat menarik minat
para calon donatur yang berada
diluar daerah agar lebih mudah
dalam proses pendonasian, dengan
begitu jumlah donasi pada TBM
GEMMI dapat bertambah dan
semakin menarik antusias
masyarakat untuk mengunjungi TBM
GEMMI.

(Penulis, 2020)
 97

HASIL OBSERVASI (PENGAMATAN)

Observasi atau pengamatan yang dilakukan dalam penelitian ini, yakni

melakukan pengamatan tentang gambaran umum dan kegiatan di Taman Baca
Masyarakat ‘GEMMI’. Yaitu :
1. Mengamati lokasi dan keadaan TBM GEMMI.
2. Mengamati kegiatan di di TBM GEMMI.

A. FOTO HASIL OBSERVASI

Gambar 1. Tampak depan TBM GEMMI Desa Marga Mulya

(Sumber : Penulis 2020)

Gambar 2. Ruangan TBM GEMMI Desa Marga Mulya

(Sumber : Penulis 2020)
 98

Gambar 3. Ruangan TBM GEMMI Desa Marga Mulya

(Sumber : Penulis 2020)

Gambar 4. Koleksi buku bacaa TBM GEMMI Desa Marga Mulya

(Sumber : Penulis 2020)
 99

Gambar 5. Koleksi buku bacaan TBM GEMMI Desa Marga Mulya

(Sumber : Penulis 2020)

Gambar 6. Kegiatan kerajinan tangan bersama anak-anak di TBM GEMMI Desa

Marga Mulya
(Sumber : Dokumentasi TBM GEMMI 2020)
 100

DOKUMENTASI

Lampiran dokumentasi meliputi :

1. Arsip tertulis mengenai sejarah singkat Taman Baca Masyarakat ‘GEMMI’
Desa Marga Mulya.

Gambar 7. Sejarah Singkat TBM GEMMI Desa Marga Mulya

(Sumber : Dokumentasi TBM GEMMI 2020)
 101

2. Arsip tertulis mengenai Visi dan Misi Taman Baca Masyarakat ‘GEMMI’
Desa Marga Mulya.

Gambar 8. Visi dan Misi TBM GEMMI Desa Marga Mulya

(Sumber : Dokumentasi TBM GEMMI 2020)
 102

3. Arsip tertulis mengenai struktur organisai di Taman Baca Masyarakat

‘GEMMI’ Desa Marga Mulya.

Gambar 9. Struktur organisasi TBM GEMMI Desa Marga Mulya

(Sumber : Dokumentasi TBM GEMMI 2020)
 103

4. Arsip tertulis mengenai tugas dan wewenang di Taman Baca Masyarakat

‘GEMMI’ Desa Marga Mulya.

Gambar 10. Tugas dan wewenang TBM GEMMI Desa Marga Mulya
(Sumber : Dokumentasi TBM GEMMI 2020)
 104

5. Brosur atau pamflet kegiatan di Taman Baca Masyarakat ‘GEMMI’ Desa

Marga Mulya

Gambar 11. Brosur atau pamflet kegiatan TBM GEMMI Desa Marga Mulya
(Sumber : Dokumentasi TBM GEMMI 2020)

Gambar 12. Brosur atau pamflet kegiatan TBM GEMMI Desa Marga Mulya
(Sumber : Dokumentasi TBM GEMMI 2020)
 105

6. Formulir pendaftaran donatur di Taman Baca Masyarakat ‘GEMMI’ Desa

Marga Mulya.

Gambar 13. Formulir pendaftaran donatur TBM GEMMI Desa Marga Mulya
(Sumber : Dokumentasi TBM GEMMI 2020)
 106

7. Formulir buku tamu di Taman Baca Masyarakat ‘GEMMI’ Desa Marga

Mulya.

Gambar 14. Formulir Buku Tamu TBM GEMMI Desa Marga Mulya
(Sumber : Dokumentasi TBM GEMMI 2020)

8. Formulir pemberian donasi di Taman Baca Masyarakat ‘GEMMI’ Desa

Marga Mulya.

Gambar 15. Formulir Pemberian Donasi TBM GEMMI Desa Marga Mulya
(Sumber : Dokumentasi TBM GEMMI 2020)
 107

9. Formulir serah terima donasi di Taman Baca Masyarakat ‘GEMMI’ Desa

Marga Mulya.

Gambar 16. Formulir Serah Terima Donasi TBM GEMMI Desa Marga Mulya
(Sumber : Dokumentasi TBM GEMMI 2020)
 108

3. Formulir Pengajuan dan Persetujuan Judul dan Propsal Skripsi

 109

4. Izin diterima dari instansi penelitian

 110

5. SK Dosen Pembimbing
 111

6. Kartu Bimbingan
a. Kartu bimbingan dosen pendamping 1 (seminar proposal)
 112

b. Kartu bimbingan dosen pendamping 2 (seminar proposal)

 113

c. Kartu bimbingan dosen pendamping 1 (ujian skripsi)

 114

d. Kartu bimbingan dosen pendamping 2 (ujian skripsi)

 115

7. Lembar Perbaikan Ujian Proposal Skripsi

a. Lembar perbaikan ujian proposal skripsi (dosen penguji)
 116

a. Lembar perbaikan ujian proposal skripsi (dosen pendamping)

 117

8. Daftar Hadir Ujian Proposal Skripsi

 118

9. Berita acara uji kelayakan

119
120
 121

10. Form Uji kesamaan ( Similirity Check )

 122

11. Transkip Akademi

 123

12. SK Ujian Skripsi

 124

13. Berita acara sidang skripsi

125
126
127
128
 129

14. Lembar Perbaikan Ujian Skripsi

a. Lembar perbaikan ujian skripsi penguji utama
 130

b. Lembar perbaikan ujian skripsi pembimbing 1

 131

c. Lembar perbaikan ujian skripsi pembimbing 2

 132

15. Surat Keterangan Uji Kesamaan dari UPI

133
 134

RIWAYAT HIDUP

Bahwa yang bertanda tangan dibawah ini :

Photo
Nama Lengkap : Devi Aditiana Sari
NPM : 17430007
Jurusan : S1 Ilmu Komputer
Fakultas : Ilmu Komputer
Tempat /Tgl Lahir : Metro, 13 Agustus 1997
Jenis Kelamin : Perempuan
Agama : Islam
Status : Belum kawin
Email : devisari1396@gmail.com
Telpon : 085266867157
Alamat : Dusun IV, RT 003, RW 002, Margamulya Bumi
Agung Lampung Timur
Riwayat Pendidikan
Tamat MI Nurul Iman Muara Gading Mas 2003 – 2009
Tamat SMP Negeri 2 Batanghari 2009 – 2012
Tamat SMA Negeri 2 Sekampung 2012 – 2015
Tamat Universitas Muhammadiyah Metro 2017 – 2021

Demikian daftar riwayat hidup ini saya buat dengan sebenar benarnya.

Saya yang bersangkutan

(Devi Aditiana Sari)

 135

BIODATA PENULIS 2

Nama : Mustika, S.Kom., M.Kom

NIDN : 0204038302

Jurusan : Kaprodi D3 Sistem Informasi

Fakultas : Ilmu Komputer

E-mail : dosen.mustika@gmail.com

No Hp : 082182961724

Alamat : Jl. R. Imba Kusuma No. 29 Metro Pusat

 136

BIODATA PENULIS 3

Nama : Guna Yanti Kemala Sari Siregar, S.Kom., M.T.I

NIDN : 0222098401

Jurusan : Dosen tetap prodi s1 ilmu komputer

Fakultas : Ilmu Komputer

E-mail : gunayanti2017@gmail.com

No Hp : 085366183551

Alamat : 21c Yosomulyo Metro Pusat