User Manual

User Manual:

Open the PDF directly: View PDF PDF.
Page Count: 14

DownloadUser Manual
Open PDF In BrowserView PDF
USER MANUAL
ZACO: APLIKASI PENCATATAN ZAKAT MAL DAN INFAQ

Disusun Oleh:
Aji Zulkifli Ramdani (1177050001)
Mohammad Farhan Fajrul Haq (1177050062)
Muhammad Nabil (1177050073)

JURUSAN TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI BANDUNG
2018/2019

KATA PENGANTAR
Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha Panyayang, Kami
panjatkan puja dan puji syukur atas kehadirat-Nya, yang telah melimpahkan rahmat, hidayah, dan
inayah-Nya kepada kami, sehingga kami dapat menyelesaikan manual user tentang “Zaco:Aplikasi
Pencatatan Zakat Mal dan Infaq”. User Manual ini telah kami susun dengan maksimal dan
mendapatkan bantuan dari berbagai pihak sehingga dapat memperlancar pembuatan manual user
ini. Untuk itu kami menyampaikan banyak terima kasih kepada semua pihak yang telah
berkontribusi dalam pembuatan manual user ini.
Terlepas dari semua itu, Kami menyadari sepenuhnya bahwa masih ada kekurangan baik dari
segi susunan kalimat maupun tata bahasanya. Oleh karena itu dengan tangan terbuka kami
menerima segala saran dan kritik dari pembaca agar kami dapat memperbaiki manual user ini.
Akhir kata kami berharap semoga manual user ini dapat memberikan manfaat terhadap pembaca.

Bandung 24 Mei 2019

Penyusun

ii

DAFTAR ISI

KATA PENGANTAR .................................................................................................................................. i
DAFTAR ISI............................................................................................................................................... iii
MODUL I ..................................................................................................................................................... 1
Akses Situs ....................................................................................................................................... 1

A.

MODUL II ................................................................................................................................................... 3
A.

Register ............................................................................................................................................ 3

B.

Login................................................................................................................................................. 4

C.

Mengelola Data Zakat .................................................................................................................... 6

D.

a.

Menambah data pencatatan zakat dan infaq.................................................................................. 7

a.

Mengubah data pencatatan zakat dan infaq .................................................................................. 8

b.

Menghapus Data Zakat dan Infaq ................................................................................................. 9
Logout ............................................................................................................................................ 10

iii

MODUL I
A. Akses Situs
Aplikasi Pencatatan Zakat Mal dan Infaq Zaco, merupakan aplikasi berbasis web yang
dapat diakses dengan sangat mudah oleh pengguna melalui browser. Hal yang diperlukan
oleh pengguna untuk mengakses situs Zaco meliputi:
•

Koneksi Internet
Koneksi internet yang disarankan untuk mengakses situs Zaco adalah koneksi 5G
atau 4G karena kecepatan koneksi yang tinggi. Namun, jika 4G tidak tersedia,
pengguna tetap dapat mengakses situs dengan jaringan 3G. Namun, kecepatan
koneksi mungkin akan lebih lambat dibandingkan jaringan 4G. Namun, secara
keseluruhan, pengguna dapat mengakses situs Zaco dengan berbagai jaringan aktif,
terlepas dari tinggi rendahnya kecepatan koneksi.

•

Browser
Jenis browser yang dapat digunakan untuk mengakses situs Zaco sebenarnya
meliputi semua browser modern yang tersedia dan mungkin banyak dipakai.
Kami telah melakukan testing terhadap beberapa browser, diantaranya: Google
Chrome, Microsoft Edge, Mozilla Firefox, dan Internet Explorer, dan hasilnya situs
Zaco dapat diakses tanpa masalah.

Untuk mengakses situs Zaco, Anda dapat mengikuti langkah-langkah yang tertera di bawah
ini:
1. Buka browser yang telah terinstall di perangkat Anda. Dalam contoh ini, Kami
menggunakan Google Chrome versi 74.0.3729.169 (64 Bit) pada sistem operasi Windows
10.

1

2. Pada kolom pencarian browser, ketikkan https://zaco.000webhostapp.com kemudian tekan
enter.

3. Secara otomatis, Anda akan terhubung ke situs aplikasi, dan Zaco siap digunakan.

2

MODUL II
A. Register
Aktivitas register dapat dilakukan user untuk mendaftarkan diri menjadi pengguna
otentik aplikasi sehingga dapat memanfaatkan fitur-fitur aplikasi secara optimal. Dengan
melakukan registrasi terlebih dahulu di dalam aplikasi, pengguna akan memiliki akun
untuk melakukan login di dalam aplikasi.
Untuk melakukan registrasi, Anda dapat mengikuti langkah-langkah yang telah
kami sediakan di bawah ini:

Untuk melakukan registrasi atau pendaftaran untuk pertama kali, guest dapat menekan
tombol register yang terletak di bagian pojok kanan atas dari landing page.

3

Setelah itu, Guest akan langsung diarahkan ke laman register, dimana pada laman ini,
Guest diharuskan untuk mengisi form yang diberikan untuk mendaftarkan diri sebagai user/
pengguna pada aplikasi ini. Setiap field form harus diisi dengan benar untuk menghindari
kesalahan validasi yang nantinya dapat membatalkan proses registrasi. Jika terjadi
kesalahan input pada form registrasi ini, maka user akan diarahkan untuk mengisi kembali
form registrasi sesuai kriteria/ requirement yang ada. Setelah mengisi semua field yang ada
dalam form, tekan tombol register untuk men-submit hasil input form ke dalam database.

Jika proses registrasi berhasil, maka pengguna akan diarahkan ke dalam laman
dashboard/beranda. Laman beranda ini berisi informasi singkat mengenai fungsionalitas
dan deskripsi singkat tentang aplikasi ini. Dengan sampainya pengguna ke laman ini,
menandakan berhasilnya proses registrasi dan pengguna dapat memanfaatkan seluruh fitur
yang ditawarkan oleh aplikasi ini.

B. Login
Aktivitas Login memungkinkan pengguna untuk menggunakan akunnya yang telah
terdaftar untuk menggunakan berbagai macam fitur yang ada di dalam aplikasi. Dengan
melakukan login, pengguna memiliki hak akses penuh terhadap fitur pengolahan
pencatatan zakat dan infaq mulai dari menambah data zakat, mengubah data zakat, dan
menghapus data zakat.

4

Aktivitas login sendiri merupakan sebuah proses yang krusial karena dengan melakukan
login, pengguna telah melakukan proses autentikasi akun, sehingga akhirnya dapat
menggunakan aplikasi.
Untuk melakukan login, Anda dapat mengikuti langkah-langkah yang tertera di bawah ini:

Dari laman landing page, login dapat dilakukan dengan menekan tombol login yang berada
di bagian pojok kanan atas landing page aplikasi. Setelah tombol ditekan, pengguna
kemudian akan diarahkan pada laman login yang berisi form untuk melakukan login.

Setelah tiba di halaman login, pengguna diharuskan untuk mengisi setiap field pada form
yang disajikan untuk menginput data autentikasi akun. Dalam form yang disajikan, terdapat
dua field yang harus diisi oleh pengguna, yaitu field email dan field password. Setelah

5

menginput kedua field dalam form, pengguna dapat menekan tombol login untuk
melakukan validasi terhadap data yang diinput oleh pengguna. Jika data yang diinput salah,
maka pengguna akan diarahkan untuk kembali mengisi form login samapai data yang
dimasukkan sesuai.

Sama dengan proses registrasi, dalam proses login, pengguna akan diarahkan ke laman
home/dashboard setelah proses validasi login berhasil dilakukan. Dengan hadirnya
pengguna ke laman dashboard, menandakan bahwa proses login telah selesai dan berhasil
tanpa masalah.
C. Mengelola Data Zakat
Fitur utama yang ditawarkan oleh Zaco dan menjadi tujuan utama penggunaan aplikasi ini
adalah kemampuannya untuk mengelola pencacatan zakat dan infaq. Secara garis besar,
fitur mengelola pendataan zakat ini dapat diklasifikasikan menjadi 3 fungsi utama, yaitu
menambah data zakat, mengubah/ mengedit data zakat yang sudah tercatat, dan menghapus
data zakat. Berikut ini, kami sajikan pembahsan yang lebih mendalam dan lebih rinci
mengenai 3 fungsi utama yang tadi telah disebutkan:

6

a. Menambah data pencatatan zakat dan infaq

Dari laman data zakat, proses penambahan data zakat dan infaq dapat dilakukan oleh
pengguna dengan menekan tombol tambah data yang terletak di pojok kanan atas laman
data zakat ini. Setelah menekan tombol tambah data, pengguna aakn diarahkan pada
laman tambah data zakat untuk selanjutnya melakukan input data yang akan
ditambahkan.

Pada laman ini, pengguna diharuskan untuk melakukan input data-data yang diperlukan
untuk melakukan penambahan catatan zakat. Field-field yang harus diisi oleh pengguna
meliputi field nama pengirim, nama penerima, nominal zakat, dan tanggal penerimaan
zakat. Untuk mengisi tiap-tiap field dari form yang disajikan, ada beberapa
rule/ketentuan yang harus diperhatikan saat mengisi form. Setiap field-field yang ada
dalam form harus diisi dan tidak boleh kosong. Jika ada satu field yang tidak diisi

7

karena kosong, maka penambahan data zakat dapat berakhir dalam kegagalan, dan
pengguna akan diarahkan untuk kembali mengisi form penambahan data. Selain itu,
form tanggal terima zakat harus dalam format Date yang telah ditentukan, yaitu yyyymm-dd (empat digit angka untuk tahun, dua digit angka untuk bulan, dan dua digit
angka untuk hari). Jka input tidak sesuai dengan format yang telah ditentukan, maka
pengguna akan kembali diarahkan untuk mengisi form.
Setelah mengisi semua field dalam form sesuai ketentuan, tekan tombol submit yang
terletak di bagian bawah form. Jika berhasil, maka pengguna akan diarahkan kembali
ke laman data zakat.

a. Mengubah data pencatatan zakat dan infaq

Dari laman data zakat, melakukan edit data pencatatan zakat dan infa dapat dilakukan
dengan menekan tombol edit yang terdapat di sebelah kanan tabel. Setelah tombol

8

ditekan,

sistem

akan

mengarahkan

pengguna

pada

laman

edit

data.

Selanjutnya pengguna harus mengisi setiap field yang ada dalam form yang disajikan.
Sama halnya denga tambah data, dalam laman edit data ini, pengguna juga harus
melakukan input data sesuai ketentuan aplikasi. Jika ketentuan-ketentuan tersebut
diabaikan, maka proses edit data tidak akan berhasil.

b. Menghapus Data Zakat dan Infaq

Yang terakhir adalah proses penghapusan data catatan zakat. Untuk melakukan proses
hapus data zakat dari laman data zakat dapat menekan tombol delete yang terletak di

9

sebelah

kanan

table

dengan

tombol

berwarna

merah.

Selanjutnya, akan muncul pop-up yang menanyakan kepada pengguna apakah
pengguna ingin benar-benar menghapus data yang ada. Jika ya, maka tekan tombol OK.
Namun, jika Anda ingin membatalkan proses penghapusan data, maka tekan cancel.

D. Logout
Fitur logout berguna untuk mengeluarkan pengguna dari akunnya. Hal ini bertujuan demi
alasan keamanan akun pengguna, karena dengan melakukan logout, pengguna telah
membatasi hak akses data pada orang lain yang akan menggunakan aplikasi setelah dirinya,
pada perangkat yang sama. Pengguna lain juga tidak akan dapat masuk dan merubah data
zakat yang ada dalam akun Anda.

10

Untuk melakukan logout, pengguna dapat menekan nama pengguna akun yang terdapat di
bagian pook kanan atas dari navigation bar. Lalu, akan muncul dropdown menu logout
yang dapat Anda tekan untuk melakukan logout.

Jika logout berhasil, maka pengguna akan diarahkan pada landing page kembali. Pengguna
setelah Anda tidak dapat mengakses data-data yang ada di dalam akun Anda, dan untuk
memanfaatkan fitur Zaco secara optimal, pengguna lain harus melakukan login dan
registrasi terlebih dahulu, sehingga akun Anda tetap aman.

11



Source Exif Data:
File Type                       : PDF
File Type Extension             : pdf
MIME Type                       : application/pdf
PDF Version                     : 1.7
Linearized                      : No
Page Count                      : 14
Language                        : en-US
Tagged PDF                      : Yes
XMP Toolkit                     : 3.1-701
Producer                        : Microsoft® Word 2019
Creator                         : Muhammad Naboeil
Creator Tool                    : Microsoft® Word 2019
Create Date                     : 2019:05:24 16:39:24+07:00
Modify Date                     : 2019:05:24 16:39:24+07:00
Document ID                     : uuid:61D32A09-A60B-48B7-A966-CD2A12FA2862
Instance ID                     : uuid:61D32A09-A60B-48B7-A966-CD2A12FA2862
Author                          : Muhammad Naboeil
EXIF Metadata provided by EXIF.tools

Navigation menu