Coding : Jurnal Komputer dan Aplikasi p-ISSN : 2338-493X

Volume 10, No. 01 (2022), hal 46-59 e-ISSN : 2809-574X

IMPLEMENTASI FRAMEWORK FLUTTER PADA SISTEM INFORMASI

PERPUSTAKAAN MASJID
(Studi Kasus: Masjid di Kota Pontianak)

Muslim1, Renny Puspita Sari2, Syahru Rahmayuda3

1,2,3
Jurusan Sistem Informasi, Fakultas MIPA, Universitas Tanjungpura
Jalan Prof.Dr.H. Hadari Nawawi, Pontianak Telp./Fax.: (0561) 577963
e-mail: 1muslim@student.untan.ac.id, 2rennysari@sisfo.untan.ac.id,
3
yudarahma@sisfo.untan.ac.id

Abstrak
Perpustakaan masjid didirikan untuk memenuhi kebutuhan informasi di lingkungan masjid. Saat ini
terdapat beberapa perpustakaan masjid yang pengelolaan dan pelayanannya masih bersifat manual. Hal
ini menyebabkan lembaga masjid sulit mengontrol kehilangan buku yang sering terjadi. Selain itu,
pemustaka sulit memperoleh informasi terkait stok buku yang tersedia di perpustakaan ketika akan
meminjam buku. Oleh karena itu dibutuhkan sistem informasi perpustakaan untuk melakukan otomasi dan
manajemen perpustakaan secara terkomputerisasi. Hal ini sesuai dengan perencanaan Kementerian Agama
Provinsi Kalimantan Barat untuk membangun sistem informasi perpustakaan masjid di Kota Pontianak
yang bertujuan untuk memudahkan lembaga masjid dalam mengelola bantuan bahan pustaka yang
diperoleh dari pemerintah. Hasil penelitian ini berupa sistem informasi perpustakaan berbasis mobile
menggunakan framework Flutter sebagai front- end dan berbasis web menggunakan framework Laravel
sebagai back-end yang dapat mempermudah lembaga masjid dalam mengelola bantuan bahan pustaka
dari Kementerian Agama Provinsi Kalimantan Barat, memudahkan masyarakat untuk melakukan
pelayanan peminjaman dan pengembalian buku serta mengurangi risiko kehilangan buku. Dari hasil
pengujian fungsional diperoleh bahwa sistem dapat berjalan sesuaidengan rancangan fungsional sistem.
Sedangkan pengujian interface kepada masyarakat umum masuk ke dalam kategori sangat baik dengan
persentase 84,94%.

Kata kunci : Flutter, Mobile, Laravel, Perpustakaan masjid, Sistem informasi

1. PENDAHULUAN
Perkembangan teknologi informasi dan
telekomunikasi yang pesat di dunia membuat
masyarakat sadar akan berharganya sebuah
informasi. Di era digital seperti saat ini, dengan
bantuan teknologi informasi, siapapun dapat
mengakses informasi dengan sangat mudah.
Teknologi informasi merupakan teknologi yang
berguna untuk memproses, mengolah,
memperoleh, menyimpan dan mengubah data
sehingga menghasilkan suatu informasi yang
berguna [1]. Dengan menerapkan teknologi
yang disertai dengan sistem informasi dapat
melakukan perhitungan numeric ber-volume
besar dan berkecepatan tinggi, memungkinkan
komunikasi yang cepat dan akurat di dalam atau
antar organisasi serta menyimpan informasi
dengan jumlah yang sangat besar dalam ruang
yang kecil namun ringan untuk diakses.
Penggunaan sistem informasi adalah bagian
mengubah kegiatan pelayanan jasa informasi
secara manual menjadi terkomputerisasi salah
satunya dalam dunia perpustakaan [1].
46
Pembuatan sebuah sistem informasi
perpustakaan sangat memungkinkan untuk
membantu tugas pustakawan dalam mengelola
bahan pustaka serta memudahkan pustakawan
dalam melayani pemustaka yang menggunakan
sumber daya dan jasa koleksi perpustakaan.
Perpustakaan masjid diciptakan untuk
melengkapi kebutuhan informasi dilingkungan
masjid. Saat ini terdapat beberapa perpustakaan
masjid yang pengelolaan dan pelayanannya
masih bersifat manual, kurangnya dukungan
dari masyarakat, kurangnya promosi dan
publikasi. Dengan adanya sistem informasi
perpustakaan ini, tidak ada lagi alasan bagi
perpustakaan masjid untuk tidak melakukan
perubahan sistem perpustakaan. Dengan adanya
sistem peminjam buku ataupun pengembalian
buku, pemustaka tidak perlu menunggu lama
untuk proses peminjaman atau pengembalian
buku karena sudah bisa dilakukan secara online,
memudahkan petugas perpustakaan dalam
proses pembuatan laporan yang ditujukan
Coding : Jurnal Komputer dan Aplikasi
Volume 10, No. 01 (2022), hal 46-59
kepada kepala perpustakaan serta memudahkan
petugas untuk mengakses perpustakaan secara
online bahkan petugas dapat mengetahui
rekaman aktifitas pengunjung perpustakaan.
Pada penelitian ini berfokus pada
pengembangan sistem informasi perpustakaan
masjid di Kota Pontianak untuk dijadikan
tempat penelitian. Hal ini berdasarkan pada
perencanaan dari Kementerian Agama Provinsi
Kalimantan Barat pada tahun 2019 untuk
menerapkan sistem informasi perpustakaan
masjid di Kota Pontianak. Dengan adanya
penerapan sistem informasi perpustakaan
masjid di Kota Pontianak dapat mengelola
bantuan dari Kementerian Agama Provinsi
Kalimantan Barat yang pada setiap tahunnya
memberikan bantuan berupa bahan pustaka
yang disalurkan berdasarkan jenis dan kapasitas
masjid sehingga bahan pustaka yang masuk ke
perpustakaan sesuai dengan yang dibutuhkan
oleh siapa saja yang menggunakan sumber daya
dan jasa koleksi perpustakaan. Selain itu, sistem
ini dibangun dengan tujuan untuk
mempermudah pemustaka melakukan layanan
peminjaman dan pengembalian buku yang
dapat dilakukan secara online.
Sistem informasi perpustakaan ini akan
dibangun menggunakan framework flutter.
Flutter merupakan sebuah SDK (Software
Development Kit) yang digunakan untuk
mengembangkan aplikasi mobile yang dibuat
oleh Google. Flutter dikembangkan untuk
membuat aplikasi yang mempunyai
performance yang tinggi dan dapat
dipublikasikan untuk platform Android dan iOS
dari codebase tunggal. Flutter menggunakan
bahasa pemrograman dart sehingga dapat
dengan mudah untuk dipelajari. Bahasa
pemrograman dart dianggap mudah apabila
telah terbiasa dan familiar menggunakan bahasa
pemrograman Java atau Javascript [2].
Berdasarkan pada permasalahan tersebut,
maka dilakukan penelitian pada Perpustakaan
Masjid di kota Pontianak yaitu membangun
sistem informasi menggunakan framework
flutter. Diharapkan dengan adanya peralihan
dari sistem pelayanan informasi secara manual
menjadi sistem yang terkomputerisasi
memberikan kemudahan bagi petugas
perpustakaan untuk menanggapi siapa pun yang
menggunakan sebuah jasa koleksi
perpustakaan. Dalam sistem perpustakaan ini
47
p-ISSN : 2338-493X
e-ISSN : 2809-574X
data buku yang ada akan tersimpan pada satu
sistem basis data, sehingga dapat dipastikan
pengelolaan data buku di perpustakaan Masjid
Pontianak akan sangat cepat dan akurat. Oleh
karena itu, mengacu pada permasalahan
tersebut, maka di lakukan penelitian yang
berjudul ”Implementasi Framework Flutter
Pada Sistem Informasi Perpustakaan
Masjid”.
2. LANDASAN TEORI
2.1.1 Sistem Informasi
Sistem informasi adalah sekumpulan
komponen-komponen yang saling terintegrasi
yang bertujuan untuk mengumpulkan,
memproses, menyimpan, dan menyebarkan
informasi guna untuk membantu organisasi
dalam menentukan keputusan, koordinasi,
kontrol, analisis masalah, dan visualisasi [3].
Sistem informasi merupakan seperangkat
elemen-elemen yang saling bekerja sama, baik
secara manual maupun menggunakan komputer
dalam mengolah data seperti melakukan
pengumpulan, penyimpanan, dan pemrosesan
data untuk memperoleh informasi yang berguna
dan bernilai untuk membantu proses
pengambilan keputusan [4]. Komponen-
komponen yang ada di dalam sistem informasi
diantaranya sebagai berikut[5]:
1. Input
Input adalah proses memasukkan data
ke dalam sistem informasi.
2. Proses
Proses adalah sekumpulan prosedur
yang bertujuan untuk memanipulasi
masukkan (input) yang selanjutnya
disimpan ke dalam database dan kemudian
diproses sehingga menghasilkan suatu
keluaran yang dapat digunakan oleh
penerima.
3. Output
Output adalah hasil keluaran dari
data-data yang sudah diproses sehingga
menghasilkan suatu informasi yang berguna
dan bernilai yang dapat digunakan oleh end
user. Komponen ini berkaitan langsung
dengan user sistem informasi dan
merupakan hasil akhir dari pembuatan suatu
sistem informasi.
4. Basis Data
Basis data adalah sekumpulan data-
data yang berelasi yang disimpan ke dalam
Coding : Jurnal Komputer dan Aplikasi
Volume 10, No. 01 (2022), hal 46-59
hardware komputer dan diproses
menggunakan bantuan software. Basis data
merupakan sekumpulan tabel data yang
memiliki relasi antara satu tabel dengan
tabel lainnya sehingga menghasilkan satu
kesatuan sebuah bangunan data.
5. Teknologi
Teknologi adalah alat yang berguna
untuk memasukkan inputan, mengolah dan
memproses inputan dan memperoleh hasil
keluaran. Teknologi ini berupa hardware,
software dan brainware.
6. Kontrol
Kontrol merupakan suatu aksi yang
dilakukan dengan tujuan untuk menjaga atau
me-maintance sistem informasi sehingga
dapat berjalan dengan baik dan tidak
memiliki kendala.
2.1.2 Pepustakan Masjid
Pengertian perpustakaan masjid yang
tertuang dalam Undang-undang No. 43 Tahun
2007 yang menjelaskan bahwa perpustakaan
adalah suatu lembaga atau institusi yang
mengelola sebuah karya tulis, karya cetak, atau
karya rekam secara profesional dengan sistem
baku, yang berguna untuk memenuhi kebutuhan
pendidikan, penelitian, preservasi, informasi
serta rekreasi. Di dalam buku Pedoman Umum
Penyelenggaraan Perpustakaan Rumah Ibadah
menjelaskan arti serta tujuan dibangunnya
perpustakaan rumah ibadah. Perpustakaan
masjid merupakan suatu lembaga atau unit kerja
yang berperan dalam mengelola karya tulis,
karya cetak, atau karya rekam secara
profesional dengan menggunakan sistem baku
yang dibuat dan dikembangkan oleh masjid
agar dapat memenuhi keperluan penelitian,
pengetahuan, informasi, keagamaan, dan
rekreasi [6].
Perpustakaan masjid adalah bagian yang
tidak terpisahkan dari umat muslim dan
merupakan bagian daripada proses pendidikan
dan pembangunan iman. Berbagai bahan
pustaka sangat dibutuhkan untuk menambah
wawasan serta pengetahuan. Perpustakaan
masjid dibangun dengan tujuan untuk
mengembangkan dan menambah wawasan
yang berkaitan dengan Islam di lingkungan
masyarakat dan mendukung masjid sebagai
tempat ibadah kepada Allah SWT dan sebagai
sarana pendidikan serta dakwah Islamiah [7].
48
p-ISSN : 2338-493X
e-ISSN : 2809-574X
Adapun tujuan dari perpustakaan masjid
adalah [8]:
a) Memakmurkan masjid sebagai tempat
ibadah dan sebagai pusat pengajaran dan
pembelajaran Al-Qur’an dan sebagai
sumber ilmu pengetahuan.
b) Menambah mutu keimanan dan wawasan
umat muslim sehingga dapat tercipta
kesatuan pengetahuan dan pola berpikir
dalam lingkungan masyarakat,dan umat
untuk menciptakan masyarakat yang adil
dan makmur.
c) Meningkatkan kecintaan dan kesadaran di
lingkungan generasi muda umat muslim
untuk membaca Al-Qur’an dan buku agar
dapat meningkatkan keimanan, ketaatan
dan ketaqwaan kepada Allah SWT
d) Mempererat silaturrahmi dan
membimbing ukhuwah islamiyah di
lingkungan umat muslim melalui pendirian
perpustakaan masjid
e) Mendorong partisipasi dalam melakukan
amal oleh dermawan dan seluruh umat
muslim lewat pembinaan perpustakaan
masjid
f) Menyediakan pusat baca yang mencukupi
untuk umat muslim di lingkungan masjid.
Perpustakaan masjid mempunyai fungsi,
sebagai[9]:
1) Sebagai tempat belajar untuk umat atau
masyarakat, mengenai ilmu pengetahuan
dan keagamaan
2) Sebagai pusat dan sumber informasi terkait
keagamaan, agar dapat digunakan sebagai
tempat belajar.
3) Sebagai sarana untuk meningkatkan
kesenangan dalam membaca bagi umat
dan masyarakat.
4) Sebagai tempat menumbuhkan keinginan
untuk maju lebih jauh dengan membina
kehidupan rohani dan jasmani.
5) Sebagai tempat pengarsipan dokumen dan
seluruh kegiatan yang berkaitan dengan
keilmuan masjid.
2.1.3 Flutter
Flutter merupakan sebuah SDK
(Software Development Kit) yang digunakan
untuk mengembangkan aplikasi mobile yang
dibuat oleh Google. Flutter dikembangkan
untuk membuat aplikasi yang mempunyai
performance yang tinggi dan dapat
dipublikasikan untuk platform Android dan iOS
Coding : Jurnal Komputer dan Aplikasi
Volume 10, No. 01 (2022), hal 46-59
dari codebase tunggal. Flutter menggunakan
bahasa pemrograman dart sehingga dapat
dengan mudah untuk dipelajari. Bahasa
pemrograman dart dianggap mudah apabila
telah terbiasa dan familiar menggunakan bahasa
pemrograman Java atau Javascript. Selain itu,
Flutter juga menyediakan kerangka reactive-
functional, mesin render 2D, widget yang siap
untuk digunakan, dan tools yang digunakan
untuk membantu dalam melakukan
pengembangan aplikasi[2].
2.1.6 Dart
Dart merupakan bahasa pemrograman
yang dibuat oleh Google dan didesain oleh Lars
Bak dan Kasper Lund. Bahasa pemrograman
Dart dapat digunakan untuk membangun
aplikasi server atau dalam bentuk command line
interface, web, ataupun mobile (Android dan
iOS). Dart merupakan Bahasa pemrograman
yang mendukung adanya pendefinisian fungsi
di luar kelas atau sering disebut dengan top-
level function. Dalam Dart. Kode program
utama disimpan di dalam fungsi main() sama
halnya seperti C/C++[10].
Dart merupakan bahasa pemrograman
yang bersifat open source. Dart merupakan
bahasa pemrograman yang menggunakan
konsep berorientasi objek dengan sintaks gaya
C. Hal tersebut mendukung konsep
pemrograman seperti antarmuka, class, tidak
seperti bahasa pemrograman lainnya, Dart tidak
mendukung array. Dart dapat mereplikasi
struktur data seperti array, generic dan
pengetikan opsional[11].
2.1.7 Laravel
Laravel merupakan salah satu framework
PHP yang telah mengalami pertumbuhan yang
sangat cepat. Dengan ekspresifnya sintaks dan
dokumentasi yang sangat baik sehingga
memudahkan untuk memperoleh aplikasi web
yang berfungsi penuh secara up dan running
dalam waktu yang sangat singkat. Penggunaan
fitur PHP modern pada Laravel membuat
sangat mudah untuk disesuaikan dengan
kebutuhan pengembang dan memudahkan
untuk membuat web yang sangat kompleks. Hal
tersebut merupakan perpaduan sempurna antara
yang sederhana dan yang canggih[12].
Laravel dibuat oleh Taylor Otwell
sebagai framework PHP yang bersifat open
source sehingga dapat diakses oleh siapa pun.
49
p-ISSN : 2338-493X
e-ISSN : 2809-574X
Laravel dibuat dengan tujuan untuk
memudahkan dan mempercepat proses
pengembangan aplikasi web dengan
kesederhanaan yang tinggi. Laravel memiliki
pola arsitektur Model-View-Controller (MVC)
dengan pemrograman berorientasi objek serta
menggunakan pengkodean PSR-2 standar dan
standar autoloading PSR-4. Laravel memiliki
layanan mikro arsitektur dan menggunakan
paket pihak ketiga yang dibuat khusus atau
sudah tersedia sehingga dapat digunakan oleh
pengembang untuk membangun aplikasi
web[13].
2.1.8 Skala Likert
Skala pengukuran yang biasa
digunakan dalam penelitian yaitu skala likert.
Skala likert merupakan skala psikometrik yang
sangat umum digunakan dalam kuesioner serta
sering digunakan dalam penelitian berupa
survei. Skala likert memiliki empat atau lebih
butir-butir pertanyaan yang dikombinasikan
sehingga menghasilkan sebuah nilai atau skor
yang merepresentasikan suatu sifat dari
individu seperti pengetahuan, sikap dan
perilaku. Di dalam pengukuran skala likert
biasanya terdapat 5 skala jawaban responden
dengan masing-masing skor seperti pada tabel
1. Pada proses analisis data, hasil skor biasanya
diperoleh dari jumlah atau rata-rata dari seluruh
butir pertanyaan [14].
Tabel 1 Skala Jawaban Responden
Skala jawaban responden Skor
Sangat baik 5
Baik 4
Cukup 3
Kurang 2
Sangat kurang 1
3. METODE PENELITIAN
Metode penelitian yaitu berisi tahapan-
tahapan yang digunakan untuk menyelesaikan
permasalahan yang ada pada sistem
perpustakaan masjid yang ada di Kota
Pontianak. Berikut metode penelitian yang
dijabarkan menggunakan flowchart dapat
dilihat pada gambar 1.
Coding : Jurnal Komputer dan Aplikasi p-ISSN : 2338-493X
Volume 10, No. 01 (2022), hal 46-59 e-ISSN : 2809-574X

Tahap ini akan digambarkan

mengenai pengembangan sistem yang
merupakan penerjemah dari data yang telah
dianalisa ke dalam bentuk yang mudah di
mengerti user. Bentuk perancangan
menggunakan UML diantaranya yaitu
usecase diagram, sequence diagram,
activity diagram, class diagram serta
perancangan basis data berupa entity
relationship diagram dan perancangan
antarmuka.
d) Implementasi
Berdasarkan dari perancangan maka
akan diimplementasikan sistem informasi
perpustakaan menggunakan framework
Flutter sebagai front-end dan framework
laravel sebagai back-end.
e) Pengujian
Gambar 1. Metode penelitian Setelah melakukan implementasi
sistem, selanjutnya dilakukan tahap
Berikut penjelasan mengenai metode
pengujian untuk mengukur keberhasilan
penelitian yang digambarkan dalam bentuk flow
chart diantaranya yaitu: sistem yang telah dibangun. Pada penelitian
1. Metode Pengumpulan Data ini digunakan pengujian black box yang
Pertama adalah dengan cara melakukan berfokus pada pengujian fungsional dan
observaasi pada objek yang diteliti tampilan antarmuka sistem.
meliputi,sistem yang ada pada perpustakaan
masjid seperti, organisasi perpustakaan, 4. HASIL DAN PEMBAHASAN
stakeholder yang ada, proses rekap data buku, 4.1. Use Case Diagram
proses peminjaman, proses pengembalian serta Adapun use case diagram umum
laporan data buku yang ada. SIMPERJID dapat dilihat pada gambar 2.
2. Metode Penelitian
Tahap yang digunakan adalah sebagai
berikut:
a) Analisis Sistem Berjalan
Menganalisa sistem atau prosedur
yang digunakan saat ini yaitu berupa sistem
manual.
b) Evaluasi Sistem Berjalan
Pada sistem yang ada saat ini, maka
didapat permasalahan-permasalahan yang
ada serta kekurangan dalam prosedur yang
sedang berjalan pada perpustakaan,
kemudian dibuat alternatif yaitu dengan
menganalisa sistem lama serta dibuat
rekomendasi sistem baru dengan
menggunakan analisis PIECES. Sehingga
diperoleh sistem informasi perpustakaan
menggunakan Flutter yaitu berbasis android
mobile.
c) Perancangan Sistem

50
Coding : Jurnal Komputer dan Aplikasi p-ISSN : 2338-493X
Volume 10, No. 01 (2022), hal 46-59 e-ISSN : 2809-574X

Gambar 4 menjelaskan alur aktivitas

umum dari SIMPERJID dimulai ketika user
mengakses sistem dengan menampilkan
halaman login. Kemudian jika user telah
memiliki akun, maka user dapat memasukkan
username dan password. Namun, jika user
belum memiliki akun, maka admin dapat
menambahkan data user baru ke dalam sistem.
Di dalam sistem terdapat 3 level user. Yaitu
admin, operator dan pemustaka. Ketika user
login sebagai admin, maka admin dapat
mengelola data masjid dan data operator.
Ketika user login sebagai operator, maka
operator dapat mengelola data buku, data
laporan dan verifikasi peminjaman. Ketika user
login sebagai pemustaka, maka pemustaka
dapat melakukan peminjaman, pengembalian
dan perpanjangan buku.

4.3. Sequence DiagramAdapun sequence

diagram login dapat dilihat pada gambar 5.

Gambar 2. Use Case Diagram

Gambar 2 merupakan diagram use case

umum dari SIMPERJID yang mendeskripsikan
interaksi antara aktor dan fungsi-fungsi yang
ada di dalam sistem. Use diagram umum dari Gambar 5. Sequence Diagram Login
SIMPERJID terdiri dari use case login,
dashboard, kelola masjid, kelola operator,
kelola kategori buku, kelola buku, kelola
laporan, kelola peminjaman buku, kelola profil,
homepage, riwayat peminjaman dan register.

4.2 Activity Diagram

Adapun activity diagram umum
SIMPERJID dapat dilihat pada gambar 3.

Gambar 4. Activity Diagram Umum

SIMPERJID

51
Coding : Jurnal Komputer dan Aplikasi p-ISSN : 2338-493X
Volume 10, No. 01 (2022), hal 46-59 e-ISSN : 2809-574X

Adapun Sequence Diagram Login dapat

dilihat pada gambar 6.

Gambar 5 merupakan sequence diagram

login yang menunjukkan interaksi antara aktor dan
sistem. Alur dari sequence diagram ini dimulai
ketika aktor mengaskses sistem dengan menjalankan
fungsi get(‘/login’) di route untuk menampilkan Gambar 6. Entity Relationship Diagram (ERD)
form login kepada aktor. Selanjutnya aktor mengirim
data login dengan menjalankan fungsi post(‘/login’)
Gambar 6 merupakan Entity Relationship
di route yang kemudian dialihkan menuju
UserController dengan memanggil fungsi Diagram (ERD) dari SIMPERJID dengan
login(request) untuk memverifikasi data login. menggunakan notasi crow’s foot. Pada
Selanjutnya dari UserController dialihkan menuju perancangan ERD terdapat 11 entitas
Model Pengguna dengan memanggil fungsi diantaranya yaitu Pengguna, Masjid,
where(‘email’, $request->email) untuk mengecek Peminjaman, Pengembalian, Buku,
data email pengguna dan fungsi check(request- Buku_Katbuku, KatBuku, Peran,
>password) untuk mengecek data password Peminjaman_buku, Cart dan Users.
pengguna yang digunakan untuk login ke dalam
sistem. Selanjutnya dari UserController dijalankan
fungsi response(). Apabila data login salah, maka
sistem akan memberikan pesan kesalahan pada
aktor. Namun jika data login benar, maka sistem
akan memberikan pesan bahwa aktor berhasil login
dan sistem menampilkan halaman dashboard.

4.4 ERD

52
Coding : Jurnal Komputer dan Aplikasi p-ISSN : 2338-493X
Volume 10, No. 01 (2022), hal 46-59 e-ISSN : 2809-574X

4.5. Class Diagram

Adapun rancangan Class Diagram dapat dilihat pada gambar 7

Gambar 7. Class Diagram

Gambar 7 merupakan rancangan class masing-masing kelas inheritance terdapat anak-

diagram yang menggambarkan hubungan antar
kelas berdasarkan pada framework Laravel dan
framework Flutter. Di dalam gambar tersebut
dapat dilihat bahwa terdapat 2 kelas inheritance
yaitu kelas controllers dan models. Dari
53
anak kelas yang dihubungkan menggunakan
relasi generalization. Pada kelas controllers
memiliki 2 folder yaitu folder admin yang
terdiri dari 8 kelas yang digunakan untuk
memanggil fungsi yang akan ditampilkan pada
Coding : Jurnal Komputer dan Aplikasi p-ISSN : 2338-493X
Volume 10, No. 01 (2022), hal 46-59 e-ISSN : 2809-574X

backend sistem dan folder Api yang terdiri dari frontend sistem. Sedangkan pada kelas models
5 kelas yang digunakan untuk memanggil terdapat 9 anak kelas yang menghubungkan
fungsi dari flutter yang akan ditampilkan ke entitas-entitas dari database sistem.

54
Coding : Jurnal Komputer dan Aplikasi p-ISSN : 2338-493X
Volume 10, No. 01 (2022), hal 46-59 e-ISSN : 2809-574X

4.6. Implementasi pengguna pada aplikasi mobile, verifikasi

Implementasi sistem merupakan tersebut yaitu verifikasi peminjaman, verifikasi
implementasi hasil rancangan antarmuka ke perpanjangan serta verifikasi pengembalian.
dalam sistem yang dibangun menggunakan 3. Antarmuka Homepage
framework flutter dengan bahasa pemrograman
Dart untuk back-end dan framework Laravel
dengan bahasa pemrograman PHP untuk front-
end. Berikut implementasi dari setiap
fungsional pada sistem informasi perpustakaan
masjid.

1. Antarmuka Kelola Masjid

Gambar 10. Antarmuka Homepage

Gambar 8. Antarmuka Kelola Masjid
Gambar 8 menampilkan tabel berisi data
daftar masjid. Admin dapat melakukan
beberapa fungsi diantaranya yaitu tambah
masjid, ubah masjid dan hapus masjid.
2. Antarmuka Kelola Peminjaman
Gambar 10 menampilkan menu utama
yang terdiri dari daftar masjid, daftar buku,
peminjaman buku dan tentang aplikasi. Pada
sidebar terdapat beberapa menu yang dapat
dipilih oleh pengguna. Dan pada bagian topbar
kanan sistem terdapat tombol logout untuk
pengguna keluar dari sistem.

4. Antarmuka Peminjaman Buku

Gambar 9. Antarmuka Kelola Peminjaman

Gambar 9 menampilkan tabel data

peminjaman. pada antarmuka ini operator dapat
melakukan beberapa fungsi diantaranya,
tambah data peminjaman untuk pengguna yang
sudah memiliki akun, disini operator dapat
melakukan fungsi verfikasi yang telah di input
55
Coding : Jurnal Komputer dan Aplikasi p-ISSN : 2338-493X
Volume 10, No. 01 (2022), hal 46-59 e-ISSN : 2809-574X

Gambar 12 menampilkan daftar buku

yang di dalam setiap masjidnya terdapat add to
keranjang pada setiap buku yang ada. Pada
antarmuka ini pengguna melakukan beberapa
fungsi yaitu melihat detail buku, memilih buku
yang akan dimasukan kedalam keranjang, dan
melihat keranjang peminjaman.

6. Antarmuka Check Out Peminjaman

Gambar 11. Antarmuka Peminjaman Buku

Gambar 11 menampilkan daftar masjid

yang di dalam setiap masjidnya terdapat
beberapa list buku yang tersedia pada masjid
yang dipilih. Pada antarmuka ini pengguna
melakukan beberapa fungsi yaitu melihat detail
masjid, memilih buku, dan melihat keranjang
peminjaman. Gambar 13. Antarmuka Check Out Peminjaman
Gambar 13 menampilkan daftar buku
5. Antarmuka Daftar Buku Didalam Masjid yang akan di pinjaman berada pada salah satu
masjid terdapat add to keranjang. Pada
antarmuka ini pengguna melakukan beberapa
fungsi yaitu memilih lama peminjaman yang
akan dilakukan dan melakukan check out.

7. Antarmuka Riwayat Peminjaman

Gambar 12. Antarmuka Daftar Buku Didalam

Masjid

56
Coding : Jurnal Komputer dan Aplikasi p-ISSN : 2338-493X
Volume 10, No. 01 (2022), hal 46-59 e-ISSN : 2809-574X

Gambar 14. Antarmuka Riwayat Peminjaman

Gambar 14 menampilkan daftar riwayat

peminjaman buku yang ada pada masjid yang
ada. Pada antarmuka ini pengguna dapat
melihat notifikasi proses peminjaman yaitu
notifikasi buku sedang dipinjam, buku sudah
diperpanjanjang dan buku sudah dikembalikan

8. Antarmuka Detail Peminjaman

Gambar 15. Antarmuka Detail Peminjaman

Gambar 15 menampilkan tanggal
Sangat
peminjaman dan tanggal tempo peminjaman Sangat Baik Cukup Kurang
Kurang
baik (5) (4) (3) (2)
buku. Pada antarmuka ini pengguna data (1)
melakukan beberapa fungsi yaitu kembalikan Bagaimana
pendapat anda
buku dan perpanjang peminjaman buku. Pada mengenai
proses perpustakaan masjid ini perpanjanganan 1 penggunaan 13 18 2 0 0
hanya dapat dilakukan satu kali saja. kombinasi
warna pada
4.6. Hasil Pengujian Responden aplikasi ?
Bagaimana
Sistem ini telah diujikan kepada pendapat anda
msyarakat umum untuk mengukur peforma dan mengenai
tampilan dari antarmuka sistem. Berdasarkan 2 penggunaan 10 23 0 0 0
kombinasi
pada data dari hasil pengujian sistem yang telah warna pada
dilakukan menggunakan kuisioner online yang aplikasi ?
diikuti oleh 33 orang responden, maka Bagaimana
diperoleh hasil dari pengujian antarmuka dan pendapat anda
kinerja sistem dapat dilihat pada tabel 2. mengenai
kemudahan
3 15 12 6 0 0
dalam
Tabel 2 Tabel hasil penilaian pengujian memahami dan
antarmuka dan kinerja sistem SIMPERJID mengenali menu
No Butir Uji Skala Penialaian dalam aplikasi ?
Bagaimana
4 10 20 3 0 0
pendapat anda
57
Coding : Jurnal Komputer dan Aplikasi p-ISSN : 2338-493X
Volume 10, No. 01 (2022), hal 46-59 e-ISSN : 2809-574X

mengenai I = 100 / jumlah pilihan jawaban

kemudahan saat = 100 / 5
mengoperasikan
aplikasi ? = 20
agaimana Nilai interval yang diperoleh dari masing-
pendapat anda masing jawaban adalah 20. Berikut merupakan
mengenenai rentang nilai interval dari setiap jawaban
5 12 15 6 0 0
konsistensi dengan jarak terendah yaitu 0% hingga jarak
tampilan dalam
aplikasi ? tertinggi yaitu 100%.
Bagaimana Sangat Kurang = 0% - 19,9%
pendapat anda Kurang = 20% - 39,9%
6 mengenai 7 25 1 0 0 Cukup = 40% - 59,9%
aplikasi secara
keseluruhan
Baik = 60% - 79,9%
Sangat Baik = 80% - 100%
Berdasarkan hasil penilaian pengujian Berdasarkan dari hasil skor akhir yang
antarmuka dan kinerja sistem menggunakan diperoleh yaitu 84,94%, dapat disimpulkan
kuisioner online oleh 33 responden seperti pada bahwa hasil pengujian tampilan antarmuka dan
tabel 2, dilakukan perhitungan hasil kuisioner kinerja sistem memperoleh predikat sangat
menggunakan skala likert untuk memperoleh baik.
kesimpulan penilaian. Berikut perhitungan
menggunakan skala likert . 5. KESIMPULAN
Total skor = T x Pn Berdasarakan hasil penelitian
impelementasi framework flutter pada sistem
Dimana :
T = total jumlah responden yang informasi perpustakan masjid berikut beberapa
memilih jawaban kesimpulan yang dapat diambil diantaranya
Pn = Skor skala penilaian sebagai berikut :
Total Skor skala penilaian : Baik sekali 1. Dengan dibangunnya sistem informasi
Total skor = 67 x 5 perpustakaan berbasis mobile menggunakan
= 335 framework Flutter sebagai front-end dan
Total skor skala penilaian : Baik berbasis web menggunakan framework
Total skor = 113 x 4 Laravel sebagai back-end dengan API dapat
=452 membantu manajeman perpustakaan masjid
Total skor skala penilaian : Cukup
dan memudahkan dalam proses transaksi
Total skor = 18 x 3
= 54 buku.
Total skor skala penilaian : Kurang 2. Dengan mengimplementasikan framework
Total skor = 0 x 2 flutter sebagai front-end menghasilkan
=0 sistem berbasis mobile yang dapat
Total skor skala penilaian : Sangat kurang mempermudah pengguna khususnya
Total skor = 0 x 1 pemustaka untuk melihat informasi buku di
=0
perpustakaan masjid dan mempermudah
Y = Skor skala penilaian tertinggi x jumlah
responden x jumlah pertanyaan proses transaksi buku seperti melakukan
Y = 5 x 33 x 6 peminjaman, perpanjangan maupun
Y = 990 pengembalian buku karena dapat dilakukan
Penyelesaian akhir = total skor / Y x 100 secara online melalui sistem informasi
= (335+452+54) / 990 x 100 perpustakaan masjid.
= 84,94 % 3. Pengujian fungsional telah dilakukan oleh
Setelah memperoleh skor akhir , selanjutnya
adalah mencari interval untuk mengetahui pihak kantor Kementerian Agama Provinsi
kategori dari skor akhir. Rumus yang digunakan Kalimantan Barat, pihak masjid yang
unutk memperoleh interval skor akhir adalah memiliki perpustakaan masjid di Kota
sebagai berikut : Pontianak dan pengujian tampilan
58
Coding : Jurnal Komputer dan Aplikasi
Volume 10, No. 01 (2022), hal 46-59
antarmuka sistem dengan metode
penyebaran kuisioner yang ditujukan kepada
masyarakat umum sebanyak 33 responden. [5]
Berdasarkan dari hasil pengujian yang sudah
dilakukan maka diperoleh kesimpulan yaitu [6]
fitur-fitur yang dimiliki oleh sistem yang
telah dibangun dapat dijalankan dan
digunakan berdasarkan pada kebutuhan dan
rancangan yang telah ditentukan. Dan pada [7]
tampilan antarmuka sistem memperoleh
predikat dengan kategori sangat baik dengan
persentase 84,94 % yang dihitung [8]
menggunakan skala likert.
6. SARAN [9]
Adapun saran untuk penelitian
selanjutnya adalah sebagai berikut.
1. Diharapakan penelitian selanjutnya sistem
informasi perpustakaan dapat di
kembangkan dengan perangkat Ios. [10]
2. Diharapkan penelitian selanjutnya dapat
menambahkan fitur denda pada proses
peminjaman buku. [11]
3. Pada penelitian selanjutnya sistem informasi
perpustakaan masjid ini tidak hanya sebatas [12]
kota Pontianak saja tetapi bisa meliputi
perpustakaan masjid sekalimantan barat.
4. Pada penelitian yang telah dikembangkan [13]
terdapat kekurangan dari segi tampilan
antarmuka sistem, di harapkan penelitian
selanjutnya dapat melakukan
[14]
pengembangan sistem sehingga lebih
menarik.
DAFTAR PUSTAKA
[1] Kadir,A. (2003). Pengenalan Sistem
Informasi. Yogyakarta.Andi Yogyakarta.
[2] Risnandar, R. (2012). Integrasi Payment
Gateway Paypal & PHP. Jakarta. Ilmu
Komputer.
[3] Laudon, Kenneth C., & Laudon, Jane P.
(2012). Management System: Managing
the Digital Firm Twelfth Edition. New
Jersey. Prentice Hall.
[4] Bagranof, Nancy A., Mark G Simkin, dan
Carolyn Strand Norman. (2005). Core
Concepts of Accounting Information
59
p-ISSN : 2338-493X
e-ISSN : 2809-574X
Systems. 9th Edition. John Wiley & Sons
Inc.
Kristanto, Andri. (2003). Perancangan
Sistem Informasi dan Aplikasinya,
Yogyakarta. Gava Media.
Perpustakaan Nasional. (2007). Undang-
undang Republik Indonesia no 43
Tentang Perpustakaan. Jakarta.
Perpustakaan Nasional.
Siregar, Beiling. (2007). Gedung dan
Perlengkapan Perpustakaan. Medan.
Program Studi Ilmu Perpustakakan.
USU.
Ayub, E, Muhsin, MK dan Ramlan
Mardjoned. (2001). Jakarta. Gema Insani
Press.
Daryono, Muchyidin, S. (2007).
Manajemen dan Pengembangan
Perpustakaan Masjid dalam Dinamika
Informasi Global. Jakarta. PT. Remaja
Rosda Karya.
Raharjo, B. (2019). Pemrograman
Android dengan Fitur Flutter. Bandung.
Informatika Bandung.
Tutorials Point Ltd. (2019). Flutter.
Diambil dari Tutorials Point:
www.tutorialspoint.com.
Matula, T. (2013). Laravel Application
Development Cookbook. Birmingham,
UK. Packt Publishing Ltd.
Stack Overflow Documentation. (2019).
Learning Laravel. Stack Overflow
contributors. Retrieved from Stack
Overflow.
Syofian, S., Setiyaningsih, T., &
Syamsiah, N. (2015). Otomatisasi
Metode Penelitian Skala Likert Berbasis
Web. Jakarta. Jurnal semnastek.