3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan...

76
29 3.1.2 Struktur Organisasi dan Fungsi Struktur organisasi merupakan pembagian kegiatan kerja, menunjukan bagaimana fungsi atau kegiatan yang berbeda-beda dihubungkan sampai batas tertentu, menunjukan hirarki dan struktur wewenang organisasi serta memperlihatkan hubungan pelaporannya. Dengan struktur organisasi yang baik, tugas-tugas digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah, dan terawasi dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi pada CU.Muare Pesisir KP.Kapur Salibu Sungai Raya adalah sebagai berikut: Sumber: Hasil penelitian 2016 Gambar III.1 Struktur Organisasi CU.Muare Pesisir Adapun fungsi dan tugas masing-masing bagian sebagai berikut : Rapat Anggota Tahunan (RAT) Badan Pengawas Ketua Badan Pengawas Arief Suhartono, SE Badan Penasehat Sekretaris M.Saleh.S.Si,Apt Anggota Herianto Dewan Pengurus Agus Rahman H.Muda Mahendrawan,SH Drs. H. Razali Samad Sekretaris Burhanudin Bendahara Drg. Thomas Aquino.BV Anggota Yansyah Anggota Achdan

Transcript of 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan...

Page 1: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

29

3.1.2 Struktur Organisasi dan Fungsi

Struktur organisasi merupakan pembagian kegiatan kerja, menunjukan

bagaimana fungsi atau kegiatan yang berbeda-beda dihubungkan sampai batas

tertentu, menunjukan hirarki dan struktur wewenang organisasi serta

memperlihatkan hubungan pelaporannya. Dengan struktur organisasi yang baik,

tugas-tugas digolongkan sedemikian rupa sehingga dapat dilaksanakan secara

efektif, terarah, dan terawasi dan hasil-hasilnya dapat terkendali.

Bentuk struktur organisasi pada CU.Muare Pesisir KP.Kapur Salibu

Sungai Raya adalah sebagai berikut:

Sumber: Hasil penelitian 2016

Gambar III.1 Struktur Organisasi CU.Muare Pesisir

Adapun fungsi dan tugas masing-masing bagian sebagai berikut :

Rapat Anggota Tahunan

(RAT)

(

Badan Pengawas

Ketua Badan Pengawas

Arief Suhartono, SE

Badan Penasehat

Sekretaris

M.Saleh.S.Si,Apt

Anggota

Herianto

Dewan Pengurus

Agus Rahman

H.Muda Mahendrawan,SH

Drs. H. Razali Samad

Sekretaris

Burhanudin

Bendahara

Drg. Thomas

Aquino.BV

Anggota

Yansyah

Anggota

Achdan

Page 2: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

30

1. Rapat Anggota Tahunan (RAT)

Menetapkan Anggaran Dasar (ART), Menetapkan Kebijaksanaan umum

dibidang organisasi, pengurus ataupun pengawas, menetapkan rencana kerja,

rencana anggaran dan belanja serta pengesahan laporan keuangan

mengesahkan laporan pertanggung jawaban pengurus dan pengawas dalam

melaksanakan tugasnya, menentukan pembagian sisa hasil usaha dan

menetapkan keputusan penggabungan, peleburan dan pembubaran CU. Muare

Pesisir.

2. Dewan Penasehat

Bertugas memberikan pertimbangan dan nasehat baik diminta maupun tidak

diminta untuk kepentingan kemajuan CU dan berfungsi sebagai penasehat

Dapat menghadiri rapat anggota, rapat gabungan dan rapat pengurus.

3. Badan Pengawas

Memberikan bimbingan kepada para pengurus serta mencegah terjadinya

penyelewengan dan menilai hasil kerja pengurus dengan rencana yang sudah

ditetapkan.

4. Dewan Pengurus

Tugas dari Dewan Pengurus adalah mengurus CU sesuai dengan anggran

dasar, pengurus harus mengetahui seluk-beluk usaha serta memahami CU

tersebut. Dewan Pengurus terbagi menjadi beberapa bagian yaitu Ketua,

Sekretaris dan Bendahara.

Page 3: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

31

5. Ketua Dewan Pengurus

Tugas Ketua Dewan Pengurus adalah mengkoordinasi tugas seluruh anggota

pengurus dan menangani tugas pengurus yang berhalangan, memimpin rapat

dan mewakili CU didalam dan diluar pengadilan. Berwenang melalkukan

kegiatan yang sesuai dengan keputusan rapat anggota, rapat gabungan dan

rapat pengurus dalam mengambil keputusan tentang hal-hal yang berprisip

serta menandatangani surat-surat bersama sekretaris, surat-surat berharga

bendahara dan bertanggung jawabab pada rapat anggota.

6. Sekretaris

Bertugas melakukan pembinaan dan pengembangan dibidan kesektariatan,

keanggotaan dan pendidikan. Berfungsi sebagai pengurus selaku sekretaris.

Berwenang menentukan kebijaksanaan dan melakukan segala perbuatan yang

berhubungan dengan bidangnya sesuai dengan keputusan rapat pengurus, serta

menandatangani surat bersama unsur ketua.

7. Bendahara

Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan

melakukan pembayaran), membina administrasi keuangan dan pembukuan.

Berfungsi sebagai pengurus selaku bendahara. Berwenang melakukan

kebijakan dan melakukan segala perbuatan yang berhubungan dengan

bidangnya, serta menandatangani surat-surat bersama unsur ketua.

Bertanggung jawab kepada rapat pengurus lengkap melalui ketua.

Page 4: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

32

3.2. Analisis Kebutuhan

Dalam penulisan Tugas Akhir ini penulis akan membahas tentang sistem

informasi simpan pinjam berbasis web, di dalam penyimpanan data yang masih

manual antara calon anggota dan petugas di credit union sehingga sering terjadi

kekeliruan pendataan yang dilakukan oleh petugas.

Untuk itu penulis membuat sebuah acuan dari permasalahan yang ada

tentang sistem pendaftaran anggota dan simpan pinjam berbasis web, sehingga

dalam pengelolahan, serta keamanan dapat tersimpan dengan efisien ke dalam

database dan dapat mempermudah dalam memberikan laporan yang objektif

kepada user.

3.2.1. Kebutuhan Fungsional

Di dalam kebutuhan fungsional ini penulis menggunakan tiga tampilan yaitu

tampilan umum, anggota dan petugas. Adapun kebutuhan fungsional ini yang

menjadi kebutuhan utama untuk pengembangan adalah sebagai berikut:

1. Tampilan Umum

Pada halaman tampilan umum ini terdapat menu fitur-fitur adalah sebagai

berikut:

a. Beranda

Pada halaman ini pengguna umum dan calon anggota dapat mendaftar dan

terdapat form login jika sudah berhasil mendaftar.

b. Tentang Perusahaan

Pada halaman ini pengguna umum atau calon anggota dapat melihat

informasi tentang perusahaan.

Page 5: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

33

serta visi dan misi perusahaan yang dapat dilihat oleh calon anggota atau

umum lainnya.

c. Kontak Kami

Pada halaman kontak terdapat fasilitas informasi kontak perusahaan dari

alamat, email dan nomor telepon.

2. Menu Petugas

Pada halaman menu pegawai ini terdapat menu fitur-fitur sebagai berikut:

a. Beranda

Pada halaman ini terdapat informasi sejarah perusahaan dan sturuktur

organisasi perusahaan sebagai pembuka halaman utama anggota.

b. Input Data

Pada halaman ini menampilkan sub menu, dimana masing-masing sub menu

terdapat form data.

c. Data Pegawai

Pada halaman ini menampilkan data-data hasil inputan data pegawai, yang

dimana pada halaman ini petugas dapat menghapus data.

d. Data Anggota

Pada halaman ini menampilkan data-data hasil inputan data anggota, yang

dimana pada halaman ini petugas dapat mengubah atau menghapus data.

e. Data Pinjaman Anggota

Pada halaman ini menampilkan data-data hasil inputan data pinjaman

anggota, yang dimana pada halaman ini petugas dapat menghapus data

pinjaman.

Page 6: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

34

f. Data Pembayaran Anggota

Pada halaman ini menampilkan data-data hasil inputan data pembayaran

piutang anggota, yang dimana pada halaman ini petugas dapat menghapus

data pembayaran

g. Data Simpanan dan Penarikan

Pada halaman ini menampilkan data-data hasil inputan data simpanan

maupun penarikan anggota, yang dimana pada halaman ini petugas dapat

menghapus data simpanan.

h. Formulir Pinjaman Masuk

Pada halaman ini menampilkan data-data pengajuan pinjaman yang masuk

dimana admin dapat menerima atau menolak pinjaman

i. Status Pinjaman Anggota

Pada halaman ini menampilkan data-data pinjaman anggota yang diterima

dan tidak diterima

j. Keluar

Ketika petugas mengklik tombol keluar, maka akan keluar peringatan,

“Ingin Keluar” ketika diklik tombol “ok” maka kembali ke halaman login.

3. Menu Angota

Pada halaman menu anggota ini terdapat menu fitur-fitur sebagai berikut:

a. Beranda

Pada halaman ini terdapat informasi data diri anggota sebagai pembuka

halaman utama anggota.

Page 7: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

35

b. Formulir Peminjaman

Pada halaman ini menampilkan formulir peminjaman ketika anggota ingin

meminjam.

c. Data Simpanan dan Penarikan

Pada halaman ini menampilkan data simpanan anggota, dimana anggota

dapat melihat history simpanannya.

d. Data Status Pinjaman

Pada halaman ini menampilkan data status pinjaman, dimana anggota dapat

melihat informasi apakah perngajuan pinjaman di terima atau tidak di terima

oleh pihak Credit Union.

e. Keluar

Ketika petugas mengklik tombol keluar, maka akan keluar peringatan,

“Ingin Keluar” ketika diklik tombol “ok” maka kembali ke halaman login.

3.2.2. Kebutuhan Non Fungsional

Di dalam sistem informasi simpan pinjam berbasis web ini, diperlukan

operasional pendukung agar web yang dibuat dapat berjalan dengan baik. Adapun

kebutuhan non fungsional pada system informasi ini adalah sebagai berikut:

1. Perangkat Keras (Hardware)

Perangkat keras (Hardware) adalah salah satu komponen dari sebuah

komputer yang sifat alatnya bisa dilihat dan diraba secara langsung atau yang

berbentuk nyata, yang berfungsi untuk mendukung proses komputerisasi. Di

dalam pembutan aplikasi berbasis web ini, dibutuhkan perangkat keras

(hardware) dengan spesifikasi sebagai berikut:

Page 8: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

36

a. CPU (Central Processing Unit)

Processor : Intel(R) Celeron(R) CPU 1019Y @

1.00GHz 1.00GHz

Installed memory (RAM) : 2,00 GB (1,88 GB usable)

System type : 64-bit Operating System

b. Monitor : 11.6 LED

c. Keyboard : 83 keys

d. Mouse : Optical / Touchpad

2. Perangkat Lunak (Software)

Perangkat lunak (Software) adalah sekumpulan data elektronik yang disimpan

dan diatur oleh komputer, data elektronik yang disimpan oleh komputer itu

dapat berupa program atau instruksi yang akan menjalankan suatu perintah. Di

dalam pembuatan aplikasi berbasis web ini dibutuhkan perangkat lunak

(software) seperti Dreamweaver dan WampServer. Agar pembuatan sistem

informasi berbasis web dapat berjalan dengan lancar tentu kita perlu

melakukan penginstalan terhadap ke dua perangkat lunak (software) tersebut.

Dreamweaver berfungsi sebagai salah satu editor web yang digunakan oleh

seorang programmer dalam pembutan web sementara WampServer berfungsi

sebagai wadah untuk menyimpan dan menerjemahkan sebuah database

menjadi sebuah halaman website.

3. Brainware

Brainware adalah perangkat intelektual yang mengoperasikan dan

mengeksplorasi kemampuan dari Hardware dan Software pada komputer.

Page 9: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

37

Pengguna dari system pendaftaran anggota baru berbasis web adalah calon

anggota dan petugas.

2.3 Perancangan Perangkat Lunak

Perancangan perangkat lunak digunakan untuk memberikan gambaran awal

mengenai aplikasi pendaftaran anggota dan simpan pinjam berbasis web yang

akan dibuat. Perancangan web di bagi menjadi tiga bagian yaitu rancangan antar

muka dan rancangan database, dan rancangan struktur navigasi.

2.3.1 Rancangan Antar Muka

1. Rancangan Antar Muka Halaman Umum

a. Rancangan Tampilan Halaman Umum

Index adalah halaman pembuka yang tampil pada saat pertama website dibuka

dan langsung menampilkan halaman pengguna umum, Pada halaman index

terdapat beberapa menu yang menampilkan halaman Beranda, Pendaftaran

Anggota, sejara credit union dan kontak kami.

Beranda Pendaftaran Anggota Sejarah Credit Union Kontak KamiLogo

Header

Username

Password

Login

- LOGIN -

Sumber: Hasil Penelitian (2017)

Gambar III.2. Rancangan Antar Muka Halaman Umum

b. Rancangan Tampilan Halaman Pendaftaran Anggota

Page 10: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

38

Halaman Pendftaran Anggota adalah halaman yang .menampilkan form

pendaftaran anggota.

Logo Beranda Pendaftaran Anggota Sejarah Credit Union Kontak Kami

Tanggal Masuk :

Nama Lengkap :

Jenis Kelamin :

Tempat Lahir :

Tanggal Lahir :

Status :

Agama :

Alamat :

No Telpon :

No KTP :

Pekerjaan :

Foto :

Username :

Password

BatalSimpan

Laki-Laki Wanita

Sumber: Hasil Penelitian (2017)

Gambar III.3. Rancangan Antar Muka Halaman Pendaftaran Anggota

c. Rancangan Tampilan Halaman Sejarah Credit Union

Halaman ini terdapat halaman ini pengguna umum dapat melihat informasi

Sejarah dan tentang visi dan misi dari Credit Union.

Page 11: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

39

Logo

Sejara Credit Union

Xxxxxxxxxxxxxxxxxxxx

Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Beranda Pendaftaran Anggota Sejarah Credit Union Kontak Kami

Sumber: Hasil Penelitian (2017)

Gambar III.4. Rancangan Antar Muka Halaman Sejarah Credit Union

d. Rancangan Tampilan Halaman Kontak Kami

Halaman ini adalah dimana pengguna dapat melihat informassi kontak yang

dapat dihubungin dari Credit Union..

Beranda Tentang Perusahaan Visi dan Misi Kontak KamiLogo

Kontak Kami

Xxxxxxxxx

Xxxxxxxxxxxxxxxxxxxx

Xxxxxxxxxx

Xxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxx

Sumber: Hasil Penelitian (2017)

Gambar III.5. Rancangan Antar Muka Halaman Kontak Kami

Page 12: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

40

2. Rancangan Tampilan Halaman Anggota

a. Rancangan Tampilan Halaman Anggota

Halaman anggota adalah halaman pembuka yang tampil pada saat pertama

website dibuka dan langsung menampilkan halaman data anggota, Pada

halaman anggota terdapat beberapa menu yang menampilkan beranda, data

simpanan, data pinjaman, status pinjaman dan keluar.

xxxxxZ

Beranda

Formulir Peminjaman

Data Simpanan Anggota

Data Pembayaran Anggota

Status Pinjaman

CREDIT UNION MUARE PESISIR

Welcome Member

XXXX

XXXXX

XXXXXX

XXXXXXXXXXX

XXXXXXXXXXXXXXXX

XXXXXX

XXXXXXX

Footer

Keluar

Sumber: Hasil Penelitian (2017)

Gambar III.6. Rancangan Antar Muka Halaman Anggota

b. Rancangan Tampilan Halaman Formulir Pinjaman Anggota

Halaman Formulir pinjaman anggota adalah halaman yang menampilkan form

formulir pinjaman untuk anggota.

Page 13: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

41

xxxxxZ

Beranda

Formulir Peminjaman

Data Simpanan Anggota

Data Pembayaran Anggota

Status Pinjaman

CREDIT UNION MUARE PESISIR

Welcome Member

Footer

Keluar

Tanggal Pinjam :

No BA :

Besar Pinjaman :

Jaminan 1 :

Jaminan 2 :

Alasan Pinjam :

Total Pendapatan Perbulan :

Total Pengeluaran Perbulan :

Kirim Batal

Sumber: Hasil Penelitian (2017)

Gambar III.7. Rancangan Antar Muka Halaman Formulir Pinjaman

c. Rancangan Tampilan Halaman Simpanan Anggota

Halaman simpanan anggota adalah halaman yang menampilkan history dari

data angsuran simpanan anggota

Page 14: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

42

xxxxxZ

Beranda

Formulir Peminjaman

Data Simpanan Anggota

Data Pembayaran Anggota

Status Pinjaman

CREDIT UNION MUARE PESISIR

Welcome Member

Footer

Keluar

No Tanggal Simpan No BA Setoran

x xxxxxx 9999 9999

x xxxxxx 9999 9999

x xxxxxx 9999 9999

Saldo Akhir

9999

9999

9999

Sumber: Hasil Penelitian (2017)

Gambar III.8. Rancangan Antar Muka Halaman Simpanan Anggota

d. Rancangan Tampilan Halaman Data Pembayaran Piutang

Halaman Pembayaran Piutang adalah halaman yang menampilkan history dari

data angsuran piutang anggota

Page 15: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

43

xxxxxZ

Beranda

Formulir Peminjaman

Data Simpanan Anggota

Data Pembayaran Anggota

Status Pinjaman

CREDIT UNION MUARE PESISIR

Welcome Member

Footer

Keluar

No No BATanggal

PembayaranTotal Bayar

x xxxxxx 9999 9999

x xxxxxx 9999 9999

x xxxxxx 9999 9999

Sisa Piutan

9999

9999

9999

Sumber: Hasil Penelitian (2017)

Gambar III.9. Rancangan Antar Muka Halaman Pembayaran Piutang

e. Rancangan Tampilan Halaman Status Pinjaman

Halaman Status Pinjaman adalah sebagai halaman utama yang menampilkan

informasi status pengajuan pinjaman oleh pihak credit union.

Page 16: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

44

xxxxxZ

Beranda

Formulir Peminjaman

Data Simpanan Anggota

Data Pembayaran Anggota

Status Pinjaman

CREDIT UNION MUARE PESISIR

Welcome Member

Footer

Keluar

No Status No BA Total Pinjam

x xxxxxx 9999 9999

x xxxxxx 9999 9999

x xxxxxx 9999 9999

Petugas

9999

9999

9999

Sumber: Hasil Penelitian (2017)

Gambar III.10. Rancangan Antar Muka Halaman Status Pinjaman

3. Rancangan Tampilan Halaman Admin

a. Rancangan Tampilan Halaman Admin

Halaman admin adalah halaman pembuka yang tampil pada saat pertama

website dibuka dan langsung menampilkan halaman admin, Pada halaman

admin terdapat beberapa menu yang menampilkan beranda, input, data

pegawai, data anggota, data pinjaman anggota,simpanan anggota, formulir

pinjaman, status Pinjaman anggota dan keluar.

Page 17: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

45

xxxxxZ

Beranda

Data Pinajaman Anggota

Data Simpanan Anggota

Keluar

CREDIT UNION MUARE PESISIR

Welcome Admin

Footer

Input >

Data Pegawai

Data Anggota

Formulir Pinjaman

Status Pinjaman Anggota

Sumber: Hasil Penelitian (2017)

Gambar III.11. Rancangan Antar Muka Halaman Admin

b. Rancangan Tampilan Halaman Input Data

Halaman input adalah halaman yang menampilkan sub menu dimana sub

menu akan menampilkan data berupa form inputan.

Page 18: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

46

xxxxxZ

Beranda

Data Pinajaman Anggota

Data Simpanan Anggota

Keluar

CREDIT UNION MUARE PESISIR

Welcome Admin

Footer

Input >

Data Pegawai

Data Anggota

Formulir Pinjaman

Status Pinjaman Anggota

Tanggal Masuk :

Nama Lengkap :

Jenis Kelamin :

Tempat Lahir :

Tanggal Lahir :

Status :

Agama :

Alamat :

No Telpon :

No KTP :

Pekerjaan :

Foto :

Username :

Password

BatalSimpan

Laki-Laki Wanita

Sumber: Hasil Penelitian (2017)

Gambar III.12. Rancangan Antar Muka Halaman Data Input

c. Rancangan Tampilan Halaman Data pegawai

Halaman data pegawai adalah halaman yang menampilkan data diri pegawaim

dimana petugas dapat mengubah dan menghapus data.

Page 19: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

47

xxxxxZ

Beranda

Data Pinajaman Anggota

Data Simpanan Anggota

Keluar

CREDIT UNION MUARE PESISIR

Welcome Admin

Footer

Input >

Data Pegawai

Data Anggota

Formulir Pinjaman

Status Pinjaman Anggota

No Nama Alamat No Telfon Usermame Level Aksi

x xxx xxxx xxxxx xxxxx xxxx xxx

x xxx xxxx xxxxx xxxxx xxxx xxx

x xxx xxxx xxxxx xxxxx xxxx xxx

x xxx xxxx xxxxx xxxxx xxxx xxx

Sumber: Hasil Penelitian (2017)

Gambar III.13. Rancangan Antar Muka Halaman Data Pegawai

d. Rancangan Tampilan Halaman Data Anggota

Halaman data anggota adalah halaman yang menampilkan data diri anggota

dimana petugas dapat mengubah dan menghapus data.

Page 20: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

48

xxxxxZ

Beranda

Data Pinajaman Anggota

Data Simpanan Anggota

Keluar

CREDIT UNION MUARE PESISIR

Welcome Admin

Footer

Input >

Data Pegawai

Data Anggota

Formulir Pinjaman

Status Pinjaman Anggota

No No Ba Nama Foto Username Aksi Detail

x xxx xxxx z xxxxx xxxx xxx

x xxx xxxx z xxxxx xxxx xxx

x xxx xxxx z xxxxx xxxx xxx

x xxx xxxx z xxxxx xxxx xxx

Sumber: Hasil Penelitian (2017)

Gambar III.14. Rancangan Antar Muka Halaman Anggota

e. Rancangan Tampilan Halaman Pinjaman Anggota

Halaman data pinjaman anggota adalah halaman yang menampilkan data

pinjaman history pinjaman anggota yang dapat diubah dan dihapus oleh

petugas.

Page 21: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

49

xxxxxZ

Beranda

Data Pinajaman Anggota

Data Simpanan Anggota

Keluar

CREDIT UNION MUARE PESISIR

Welcome Admin

Footer

Input >

Data Pegawai

Data Anggota

Formulir Pinjaman

Status Pinjaman Anggota

No No Ba Tanggal Angsuran Total AngsuranSisa

AngsuranAksi

x xxx xxxx z xxxxx xxxx

x xxx xxxx z xxxxx xxxx

x xxx xxxx z xxxxx xxxx

x xxx xxxx z xxxxx xxxx

Sumber: Hasil Penelitian (2017)

Gambar III.15. Rancangan Antar Muka Halaman Pinjaman Anggota

f. Rancangan Tampilan Halaman Simpanan Anggota

Halaman data simpanan anggota adalah halaman yang menampilkan data

history simpanan anggota yang dapat dihapus oleh petugas.

Page 22: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

50

xxxxxZ

Beranda

Data Pinajaman Anggota

Data Simpanan Anggota

Keluar

CREDIT UNION MUARE PESISIR

Welcome Admin

Footer

Input >

Data Pegawai

Data Anggota

Formulir Pinjaman

Status Pinjaman Anggota

No Tanggal No BA Setoran Saldo Akhir Aksi

x xxx xxxx xxx xxxxx xxxx

x xxx xxxx xxx xxxxx xxxx

x xxx xxxx xxx xxxxx xxxx

x xxx xxxx xxx xxxxx xxxx

Sumber: Hasil Penelitian (2017)

Gambar III.16. Rancangan Antar Muka Halaman Simpanan Anggota

g. Rancangan Tampilan Halaman Formulir Pinjaman

Halaman data formulir pinjamn adalah halaman yang menampilkan form

formulir pinjaman untuk halaman admin.

Page 23: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

51

xxxxxZ

Beranda

Data Pinajaman Anggota

Data Simpanan Anggota

Keluar

CREDIT UNION MUARE PESISIR

Welcome Admin

Footer

Input >

Data Pegawai

Data Anggota

Formulir Pinjaman

Status Pinjaman Anggota

NoTanggal

PinjamNo BA

Nama

Lengkap

Besar

Pinjaman

Jaminan

1

x xxx xxxx xxx xxxxx xxxx

x xxx xxxx xxx xxxxx xxxx

x xxx xxxx xxx xxxxx xxxx

x xxx xxxx xxx xxxxx xxxx

Jaminan

2

xxxx

xxxx

xxxx

xxxx

Status

xxxx

xxxx

xxxx

xxxx

Sumber: Hasil Penelitian (2017)

Gambar III.17. Rancangan Antar Muka Halaman Formulir Pinjaman

h. Rancangan Tampilan Halaman Status Pinjaman

Halaman data status pinjamn adalah halaman yang menampilkan history status

pinjaman anggota yang diterima atau tidak diterima.

Page 24: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

52

xxxxxZ

Beranda

Data Pinajaman Anggota

Data Simpanan Anggota

Keluar

CREDIT UNION MUARE PESISIR

Welcome Admin

Footer

Input >

Data Pegawai

Data Anggota

Formulir Pinjaman

Status Pinjaman Anggota

No Status No BA Total Pinjam

x xxxxxx 9999 9999

x xxxxxx 9999 9999

x xxxxxx 9999 9999

Petugas

9999

9999

9999

Aksi

z

z

z

Sumber: Hasil Penelitian (2017)

Gambar III.18. Rancangan Antar Muka Halaman Status Pinjaman

3.3.2 Rancangan Basis Data

Perancangan basis data berikut ini menghasilkan pemetaan tabel-tabel

yang digambarkan dengan Entity Relationship Diagram (ERD) dan Logical

Record Structure (LRS)

1. Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) yang terdapat pada website yang dibuat

penulis terlihat pada gambar III.13 sebagai berikut.

Page 25: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

53

Anggota

Agama

Formulir_Pinjaman

Laporan Pinjaman

Pegawai

Pekerjaan

Simpanan

Pinjaman

Status_pinjaman melakukan

mempunyai

memilki

melakukan

nenounyai

mengajukan

mengimput

mempunyai

m

1

m

m

11

m

1

1

1

1

1

1

1

id_formulir

tanggal_pinjam

no_ba

besar_pinjaman

Jaminan1

jaminan2

alasan_pinjam total_pendapatan

total_pengeluaran

no_ba

tanggal_masuK

nama_lengkap

jenis_kelamin

tempat_lahir

tanggal_

lahir S

tatu

s

id_agam

a

Ala

mat

no_te

lpid

_peke

rjaan

Use

rnam

e

password

No_laporan

L_tanggal_pinjam

no_ba

L_besar_pinjaman

L_Jaminan1

L_jaminan2

L_alasan_pinjam

L_total_pendapatan

;_total_pengeluaran

id_simpanan

tgl_simpan

no_ba

saldo_awal

saldo_akhir

id_agama

agama

id_pekerjaan pekerjaan

id_pinjamanno_ba

tgl_pembayaran

total_bayar

sisa_piutang

id_pegawai

nama

alamat

no_telp

username

password

level

id_status

status_pinjaman

no_ba

total_pinjam

id_pegawai

Sumber: Hasil Penelitian (2017)

Gambar III.19. Entity Relationship Diagram

2. Logical Record Structure (LRS)

Logical Record Structure (LRS) yang dirancang digambarkan data struktur

basis data berikut ini.

1

M

Page 26: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

54

Anggota

Agama

no_ba*

tanggal_masuk

nama_lengkap

jenis_kelamin

tempat_lahir

tanggal_lahir

Status

id_agama **

Alamat

no_telp

no_ktp

id_pekerjaan **

Foto

Username

password

id_agama*

agama

Formulir_Pinjaman

Laporan Pinjaman

id_formulir*

tanggal_pinjam

no_ba**

besar_pinjaman

jaminan1

jaminan2

alasan_pinjam

total_pendapatan

total_pengeluaran

no_laporan *

l_tanggal_pinjam

no_ba **

l_besar_pinjaman

l_jaminan1

l_jaminan2

l_alasan_pinjam

l_total_pendapatan

l_total_pengeluaran

l_status_pinjam

Pegawai

id_pegawai *

nama

alamat

no_telp

username

password

level

Pekerjaan

Simpanan

id_pekerjaan *

pekerjaan

Pinjaman

id_pinjaman *

no_ba **

tgl_pembayaran

total_bayar

sisa_piutang

Status_pinjaman id_simpanan *

tgl_simpan

no_ba **

saldo_awal

saldo_akhir

id_status *

status_pinjaman

no_ba **

total_pinjam

id_pegawai **

M

1

1

1

1

1

M

1

1

11

1

M

1

1

M

Sumber: Hasil Penelitian (2017)

Gambar III.20. Logical Record Structure

3. Spesifikasi File

Menjelaskan tentang file atau tabel yang berbentuk dari transformasi ERD

atau file-file penunjang untuk website, file-file ini dengan paremeter-parameter

sebagai berikut:

Page 27: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

55

1. Spesifikasi File Anggota

Nama File : Anggota

Akronim : Anggota. Frm

Fungsi : Untuk menyimpan data anggota

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 291

Kunci Field : no_ba

Software : MySQL

Tabel III.1

Spesifikasi File Anggota

No Elemen Data Nama Field Tipe Size Ket

1. No_ba No_ba Int 4 Primery Key

2. Tanggal_masuk Tanggal_masuk Varchar 20

3. Nama_lengkap Nama_lengkap Varchar 30

4. Jenis_kelamin Jenis_kelamin Varchar 10

5. Tempat_lahir Tempat_lahir Varchar 20

6. Tanggal_lahir Tanggal_lahir Varchar 20

7. Status Status Varchar 12

8. Id_agama Id_agama Int 3 Foreign Key

9. Alamat Alamat Text

10. No_telpn No_telpn Varchar 26

11. No_ktp No_ktp Varchar 16

12. Foto Foto Varchar 50

13. Username Username Varchar 30

14. Password Password Varchar 50

Sumber: Hasil Penelitian (2017)

2. Spesifikasi File Data Agama

Nama File : Data Agama

Akronim : data_agama. Frm

Fungsi : Untuk menyimpan data agama

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 19

Kunci Field : id_agama

Software : MySQL

Page 28: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

56

Tabel III. 2

Spesifikasi File Data Agama

Sumber: Hasil Penelitian (2017)

3. Spesifikasi File Formulir Pinjaman

Nama File : formulir pinjaman

Akronim : formulir_pinjaman. Frm

Fungsi : Untuk menyimpan data formulirn pinjaman

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 128

Kunci Field : id_formulir

Software : MySQL

Tabel III. 3

Spesifikasi File Formulir Pinjaman

Sumber: Hasil Penelitian (2017)

4. Spesifikasi File laporan_pinjaman

Nama File : laporan_pinjaman

Akronim : laporan_pinaman. Frm

Fungsi : Untuk menyimpan laporan pinjaman

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 128

Kunci Field : no_laporan

Software : MySQL

No Elemen Data Nama Field Tipe Size Ket

1. id_agama id_agama Int 3 Primary Key

2. Agama Agama Varchar 16

No Elemen Data Nama Field Tipe Size Ket

1. Id_formulir Id_formulir Int 3 Primary Key

2. Tanggal_pinjam Tanggal_pinjam Varchar 20

3. No_ba No_ba Varchar 5

4. Besar-pinjaman Besar-pinjaman Varchar 20

5. Jaminan1 Jaminan1 Varchar 20

6. Jaminan2 Jaminan2 Varchar 20

7. Alasan_pinjam Alasan_pinjam Text

8. Total_pendapatann Total_pendapatann Varchar 20

9. Total_pengeluaran Total_pengeluaran Varchar 20

Page 29: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

57

Tabel III.4

Spesifikasi File laporan_pinjaman

Sumber: Hasil Penelitian (2017)

5. Spesifikasi File Pegawai

Nama File : pegawai

Akronim : pegawai. Frm

Fungsi : Untuk menyimpan data pegawai

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 125

Kunci Field : id_pegawai

Software : MySQL

Tabel III.5

Spesifikasi File pegawai

Sumber: Hasil Penelitian (2017)

6. Spesifikasi File Jawab Pekerjaan

Nama File : pekerjaan

Akronim : pekerjaan. Frm

Fungsi : Untuk menyimpan data_pekerjaan

Tipe File : File Master

No Elemen Data Nama Field Tipe Size Ket

1. No_laporan No_laporan Int 3 Primary Key

2. L_Tanggal_pinjam L_Tanggal_pinjam Varchar 20

3. No_ba No_ba Varchar 5

4. L_Besar-pinjaman L_Besar_pinjaman Varchar 20

5. L_Jaminan1 L_Jaminan1 Varchar 20

6. L_Jaminan2 L_Jaminan2 Varchar 20

7. L_Alasan_pinjam L_Alasan_pinjam Text

8. L_Total_pendapatan L_Total_pendapatan Varchar 20

9. L_Total_pengeluaran L_Total_pengeluaran Varchar 20

No Elemen Data Nama Field Tipe Size Ket

1. Id_pegawai Id_pegawai Int 3 Primary Key

2. Nama Nama Varchar 30

3. Alamat Alamat Text

4. No_telp No_telp Varchar 12

5. Username Username Varchar 20

6. Password Password Varchar 50

7. Level Level Varchar 10

Page 30: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

58

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 23

Kunci Field : id_pekerjaan

Software : MySQL

Tabel III.6

Spesifikasi File Jawaban pekerjaan

Sumber: Hasil Penelitian (2017)

7. Spesifikasi File pinjaman

Nama File : pinjaman

Akronim : pinjaman. Frm

Fungsi : Untuk menyimpan data pinjaman

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 69

Kunci Field : id_pinjaman

Software : MySQL

Tabel III.7

Spesifikasi File Pinjaman

Sumber: Hasil Penelitian (2017)

8. Spesifikasi File Simpanan

Nama File : Simpanan

Akronim : simpanan. Frm

Fungsi : Untuk menyimpan data simpanan

Tipe File : File Master

Organisasi File : Indexed Sequential

No Elemen Data Nama Field Tipe Size Ket

1. Id_pekerjaan Id_pekerjaan Int 3 Primary Key

2. Pekerjaan Pekerjaan Varchar 20

N

o

Elemen Data Nama Field Tipe Size Ket

1. Id_pinjaman Id_pinjaman Int 3 Primary Key

2. No_ba No_ba Varchar 6

3. Tgl_pembayaran Tgl_pembayaran Varchar 20

4. Total_bayar Total_bayar Varchar 20

5. Sisa_piutang Sisa_piutang Varchar 20

Page 31: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

59

Akses File : Random

Media : Hard disk

Panjang Record : 69

Kunci Field : id_simpanan

Software : MySQL

Tabel III.8

Spesifikasi File Simpanan

Sumber: Hasil Penelitian (2017)

9. Spesifikasi File Status Pinjaman

Nama File : status_pinjaman

Akronim : status_pinjaman. Frm

Fungsi : Untuk menyimpan hasil status pinjaman

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 44

Kunci Field : id_status

Software : MySQL

Tabel III.9

Spesifikasi File Status_Pinjaman

Sumber: Hasil Penelitian (2017)

No Elemen Data Nama Field Tipe Size Ket

1. Id_simpanan Id_simpanan Int 11 Primary Key

2. Tgl_simpan Tgl_simpan Varchar 12

3. No_ba No_ba Varchar 6

4. Saldo_awal Saldo_awal Varchar 20

5. Saldo_akhir Saldo_akhir Varchar 20

No Elemen Data Nama Field Tipe Size Ket

1. Id_status Id_status Int 3 Primary Key

2. Status_pinjaman Status_pinjaman Varchar 20

3. No_ba No_ba Varchar 6 Foreign Key

4. Total_pinjam Total_pinjam Int 12

5. Id_pegawai Id_pegawai Int 3 Foreign Key

Page 32: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

60

3.3.3. Rancangan Struktur Navigasi

Struktur navigasi yang digunakan dalam pembuatan website ini adalah

struktur navigasi nonlinier, jadi tiap-tiap tampilan mempunyai kedudukan yang

sama tidak ada masterpage dan slavepage. Struktur navigasi terdiri dari 3 bagian

yaitu struktur navigasi pada halaman website (umum), struktur navigasi pada

halaman anggota dan struktur navigasi pada halaman petugas. Struktur nonlinier

terlihat pada halaman Beranda, Tentang perusahaan, Visi Misi Perusahaan dan

kontak kami.

1. Struktur Navigasi Pengguna Umum

Penulis membuat struktur navigasi pengguna umum untuk membuat sebuah

peta agar mempermudah pengguna umum dalam melihat isi dalam website ini.

Selain itu fungsi dari struktur navigasi ini adalah membuat rincian umum

mengenai isi dalam suatu website yang telah dibuat.

index

BerandaPendaftaran

Anggota

Sejarah Credit

UnionKontak Kami

Sumber: Hasil Penelitian (2017)

Gambar III.21. Struktur Navigasi Halaman Utama Pengguna Umum

2. Struktur Navigasi Anggota

Penulis membuat struktur navigasi anggota untuk membuat sebuah peta agar

mempermudah anggota dalam melihat isi dalam website ini. Selain itu fungsi

Page 33: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

61

dari struktur navigasi ini adalah membuat rincian umum mengenai isi dalam

suatu website yang telah dibuat.

main

Beranda Formulir Pinjaman Data Simpanan Anggota Data Pembayaran Piutang Keluar

Index

Status

Pinjaman

Sumber: Hasil Penelitian (2017)

Gambar III.22. Struktur Navigasi Anggota

3. Struktur Navigasi Petugas

Penulis membuat struktur navigasi petugas untuk membuat sebuah peta agar

mempermudah petugas dalam melihat isi dalam website ini. Selain itu fungsi

dari struktur navigasi ini adalah membuat rincian umum mengenai isi dalam

suatu website yang telah dibuat.

Index

Petugas

Beranda Input Data Pegawai Data Anggota

Data

Pinjaman

Anggota

Data

Pembayaran

Anggota

Pendaftaran

Anggota

Agama

Pekerjaan

Keluar

Data

Simpanan

Anggota

Formulir

Pinjaman

Status

Pinjaman

Anggota

Sumber: Hasil Penelitian (2017)

Gambar III.23. Struktur Navigasi Petugas

Page 34: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

62

3.4. Implementasi dan Pengujian Unit

3.4.1 Implementasi

Implementasi rancangan antar muka yang terdapat pada sistem informasi

website berdasarkan hasil rancangan antar muka dibagi menjadi 3 (tiga), yakni

halaman antar muka pengguna umum, anggota dan petugas.

1. Implementasi Rancangan Antar Muka Halaman Pengguna Umum

a. Beranda adalah implementasi halaman Umum website atau halaman

pembuka yang tampil pada saat website dibuka.

Sumber: Hasil Penelitian (2017)

Gambar III.24. Implementasi Halaman Pengguna Utama

Page 35: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

63

b. Pendaftaran Anggota adalah implementasi halaman yang form formulir

pendaftaran anggota.

Sumber: Hasil Penelitian (2017)

Gambar III.25. Implementasi Halaman Pemdaftaran Anggota

Page 36: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

64

c. Sejarah Credit Union adalah implementasi halaman yang menampilkan

informasi visi dan misi Credit Union

Sumber: Hasil Penelitian (2017)

Gambar III.26. Implementasi Halaman Sejarah Credit Union

Page 37: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

65

d. Kontak adalah implementasi halaman menampilkan informasi tentang

kontak dari credit union kepada umum,

Sumber: Hasil Penelitian (2017)

Gambar III.27. Implementasi Halaman Kontak Kami

Page 38: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

66

2. Implementasi Rancangan Antar Anggota

a. anggota adalah implementasi halaman utama website atau halaman data

diri anggota ketika berhasil login sebagai angota.

Sumber: Hasil Penelitian (2017)

Gambar III.28. Implementasi Halaman Anggota

Page 39: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

67

b. Formulir Pinjaman anggota adalah implementasi halaman menampilkan

formulir pinjaman untuk anggota.

.

Sumber: Hasil Penelitian (2017)

Gambar III.29. Implementasi Halaman Formulir Anggota

Page 40: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

68

c. Simpanan anggota adalah implementasi halaman menampilkan data

history simpanan anggota.

Sumber: Hasil Penelitian (2017)

Gambar III.30. Implementasi Halaman Simpanan Anggota

Page 41: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

69

d. Pembayaran Piutang adalah implementasi halaman yang menampilkan

informasi piutang anggota

Sumber: Hasil Penelitian (2017)

Gambar III.31. Implementasi Halaman Pembayaran Anggota

Page 42: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

70

e. Status pinjaman adalah implementasi halaman yang menampilkan

informasi status pinjaman yang di terima atau tidak diterima oleh pihak

Credit Union.

Sumber: Hasil Penelitian (2017)

Gambar III.32. Implementasi Halaman Status Anggota

Page 43: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

71

3. Implementasi Rancangan Antar Muka Admin

a. admin adalah implementasi halaman utama website atau halaman

pembuka yang tampil pada saat berhasil login sebagai Admin.

Sumber: Hasil Penelitian (2017)

Gambar III.33. Implementasi Halaman Admin

Page 44: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

72

b. Input adalah implementasi halaman utama menampilkan sub menu yang

dimana masing-masing sub menu menampilkan form inputan.

Sumber: Hasil Penelitian (2017)

Gambar III.34. Implementasi Halaman Input

Page 45: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

73

c. Data pegawai adalah implementasi halaman yang menampilkan data diri

anggota dimana admin dapat mengubah atau menghapus data.

Sumber: Hasil Penelitian (2017)

Gambar III.35. Implementasi Halaman Data Pegawai

Page 46: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

74

d. Data Anggota adalah implementasi halaman menampilkan data anggota

yang dimana petugas dapat mengubah dan menghapus data anggota.

Sumber: Hasil Penelitian (2017)

Gambar III.36. Implementasi Halaman Data Anggota

Page 47: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

75

e. Pinjaman Anggota adalah implementasi halaman menampilkan data

pinjaman semua anggota yang dimana petugas dapat menghapus dan

mengelolah data.

Sumber: Hasil Penelitian (2017)

Gambar III.37. Implementasi Halaman Pinjaman Anggota

Page 48: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

76

f. Pembayaran Anggota adalah implementasi halaman menampilkan data

pembayaran piutang semua anggota yang dimana petugas dapat

menghapus dan mengelolah data.

Sumber: Hasil Penelitian (2017)

Gambar III.38. Implementasi Halaman Pembayaran Anggota

Page 49: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

77

g. Simpanan Anggota adalah implementasi halaman yang menampilkan data

simpanan semua anggota yang dimana petugas dapat menghapus dan

mengelolah data.

Sumber: Hasil Penelitian (2017)

Gambar III.39. Implementasi Halaman Simpanan Anggota

Page 50: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

78

h. Formulir pinjaman adalah implementasi halaman yang menampilkan data data

pinjaman semua anggota yang dimana petugas dapat menghapus dan

mengelolah data.

Sumber: Hasil Penelitian (2017)

Gambar III.40. Implementasi Halaman Formulir Pinjaman Masuk

Page 51: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

79

i. Status Pinjaman Anggota adalah implementasi halaman yang menampilkan

data status pinjaman semua anggota yang doterima atau tidak diterima, dimana

petugas dapat menghapus dan mengelolah data.

Sumber: Hasil Penelitian (2017)

Gambar III.41. Implementasi Halaman Status Pinjaman Anggota

3.4.2 Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras (hardware) minimum dan

perangkat lunak (software) yang dibutuhkan untuk mengimplementasikan website

ini.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

a) Processor : Intel Atom Inside 1.60 GHz

b) Memory : 1GB SDRAM Memory

c) Harddisk : 150GB

Page 52: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

80

2) Monitor : Resolusi 1024x600

3) Mouse : Standard PS/2 Mouse

4) Keyboard : Standard PS/2 Keyboard

5) Koneksi internet : Kecepatan 2 Mbps.

b. Client

1) CPU

a) Processor : Intel Atom Inside 1.60 GHz

b) Memory : 1GB SDRAM Memory

c) Harddisk : 150GB

2) Monitor : Resolusi 1024x600

3) Mouse : Standar PS/2 Mouse

4) Keyboard : Standard PS/2 keyboard

5) Koneksi internet : Kecepatan 2 Mbps.

2. Spesifikasi Perangkat Lunak

a. Server

1) Sistem Operasi : Microsoft Windows 7 Ultimate.

2) Browser : Mozilla Firefox dan Google Chrome.

3) DBMS : MySQL

4) Web Server : PHP, phpMyAdmin, Apache Server

b. Client

1) Sistem Operasi : Microsoft Windows 7.

2) Web Browser : Mozilla Firefox dan Google Chrome.

Page 53: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

81

3.4.3 Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing

yang fokus terhadap proses masukan dan keluaran program diantarnya adalah

sebagai berikut:

1. Pengujian Terhadap Form Login

Pengujian blackbox testing ini berdasarkan pada Form Login yang telah dibuat

pada website

Tabel III.10

Hasil Pengujian Black Box Testing Halaman Form Login

No Skenario Pengujian Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Username dan

password tidak diisi

kemudian klik

tombol login

Username :

(kosong)

password

:(kosong)

Sistem akan

menolak

akses user dan

menampilkan

“gagal login”

Sesuai

harapan

Valid

2. Mengetikan

username dan

password tidak diisi

atau kosong

kemudian klik

tombol login

Username : Admin

Password

:

(kosong)

Sistem akan

menolak

akses user dan

menampilkan

“gagal login”

Sesuai

harapan

Valid

3. Username tidak diisi

(kosong) dan

password diisi

kemudian klik

tombol login

Username :

(kosong) password

: admin

Sistem akan

menolak

akses user dan

menampilkan

“gagal login”

Sesuai

harapan

Valid

4. Mengetikkan salah

satu kondisi salah

pada user nama atau

password kemudian

klik tombol login

Username : Admin

(benar) Password :

Admin (benar)

Sistem akan

menolak

akses user dan

menampilkan

“gagal login”

Sesuai

harapan

Valid

5. Mengetikkan user

nama dan password

dengan data yang

benar kemudian klik

tombol login

User nama :

Admin (benar)

Password : Admin

(benar)

System

menerima

akses login

dan kemudian

langsung

menampilkan

menu utama

Sesuai

harapan

Valid

Sumber: Hasil Penelitian (2017)

Page 54: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

82

2. Pengujian Terhadap Form Data Anggota

Tabel III.11

Hasil Pengujian Black Box Testing Halaman Anggota

No Skenario Pengujian Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Jika tanggal masuk,

nama lengkap,

jenis_kelamin,

tempat lahir, tanggal

lahir, status, agama,

alamat, no telfon, no

ktp, pekerjaan fotom

username, password

tidak diisi kemudian

klik tombol simpan.

Jika semua form

inputan tidak diisi.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

data:

-tanggal

masuk tidak

boleh kosong

-nama

lengkap tidak

boleh kosong

-

jenis_kelamin

tidak boleh

kosong

-tempat lahir

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-status tidak

boleh kosong

-agama tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

Sesuai

harapan

Valid

Page 55: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

83

-foto harus

dipilih

-username

tidak boleh

kosong

-password

tidak boleh

kosong”

2. Jika tanggal masuk

diisi dan nama

lengkap,

jenis_kelamin,

tempat lahir, tanggal

lahir, status, agama,

alamat, no telfon, no

ktp, pekerjaan fotom

username, password

tidak diisi kemudian

klik tombol simpan.

Jika tanggal lahir

tidak diisi dan

lainnya diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

data:

-nama

lengkap tidak

boleh kosong

-

jenis_kelamin

tidak boleh

kosong

-tempat lahir

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-status tidak

boleh kosong

-agama tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-foto harus

dipilih

-username

Sesuai

harapan

Valid

Page 56: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

84

tidak boleh

kosong

-password

tidak boleh

kosong”

3. Jika nama lengkap

diisi, tanggal masuk,

jenis_kelamin,

tempat lahir, tanggal

lahir, status, agama,

alamat, no telfon, no

ktp, pekerjaan fotom

username, password

tidak diisi kemudian

klik tombol simpan.

Jika nama diisi dan

lainnya tidak diisi.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

data:

-tanggal

masuk tidak

boleh kosong

-jenis kelamin

tidak boleh

kosong

-tempat lahir

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-status tidak

boleh kosong

-agama tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-foto harus

dipilih

-username

tidak boleh

kosong

-password

tidak boleh

Sesuai

harapan

Valid

Page 57: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

85

kosong”

4. Jika jenis kelamin

diisi tanggal masuk,

nama lengkap,

tempat lahir, tanggal

lahir, status, agama,

alamat, no telfon, no

ktp, pekerjaan fotom

username, password

tidak diisi kemudian

klik tombol simpan.

Jika jenis kelamin

diisi dan lainnya

tidak diisi.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

data:

-tanggal

masuk tidak

boleh kosong

-nama

lengkap tidak

boleh kosong

-tempat lahir

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-status tidak

boleh kosong

-agama tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-foto harus

dipilih

-username

tidak boleh

kosong

-password

tidak boleh

kosong”

Sesuai

harapan

Valid

5. Jika tempat lahir

diisi tanggal masuk,

Jika tempat lahir

diisi dan lainnya

Sistem akan

menolak

Page 58: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

86

nama lengkap,

jenis_kelamin,

tanggal lahir, status,

agama, alamat, no

telfon, no ktp,

pekerjaan fotom

username, password

tidak diisi kemudian

klik tombol simpan.

tidak diisi. akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

data:

-tanggal

masuk tidak

boleh kosong

-nama

lengkap tidak

boleh kosong

-

jenis_kelamin

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-status tidak

boleh kosong

-agama tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-foto harus

dipilih

-username

tidak boleh

kosong

-password

tidak boleh

kosong”

Sesuai

harapan

Valid

6. Jika tanggal lahir,

nama lengkap,

jenis_kelamin,

tempat lahir, status,

agama, alamat, no

Jika tanggal lahir

diisi dan lainnya

tidak diisi.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

Sesuai

harapan

Valid

Page 59: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

87

telfon, no ktp,

pekerjaan fotom

username, password

tidak diisi kemudian

klik tombol simpan.

kesalahan

pada

pengisian

data:

-tanggal

masuk tidak

boleh kosong

-nama

lengkap tidak

boleh kosong

-

jenis_kelamin

tidak boleh

kosong

-tempat lahir

tidak boleh

kosong

-status tidak

boleh kosong

-agama tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-foto harus

dipilih

-username

tidak boleh

kosong

-password

tidak boleh

kosong”

7. Jika status diisi dan

tanggal masuk, nama

lengkap,

jenis_kelamin,

tempat lahir, tanggal

lahir, agama, alamat,

no telfon, no ktp,

pekerjaan fotom

Jika status diisi

dan lainnya tidak

diisi.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

Sesuai

harapan

Valid

Page 60: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

88

username, password

tidak diisi kemudian

klik tombol simpan.

data:

-tanggal

masuk tidak

boleh kosong

-nama

lengkap tidak

boleh kosong

-

jenis_kelamin

tidak boleh

kosong

-tempat lahir

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-agama tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-foto harus

dipilih

-username

tidak boleh

kosong

-password

tidak boleh

kosong”

8. Jika agama diisi dan

tanggal masuk, nama

lengkap,

jenis_kelamin,

tempat lahir, tanggal

lahir, status, alamat,

no telfon, no ktp,

pekerjaan fotom

username, password

tidak diisi kemudian

Jika agama diisi

dan lainnya tidak

diisi.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

data:

-tanggal

Sesuai

harapan

Valid

Page 61: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

89

klik tombol simpan. masuk tidak

boleh kosong

-nama

lengkap tidak

boleh kosong

-

jenis_kelamin

tidak boleh

kosong

-tempat lahir

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-status tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-foto harus

dipilih

-username

tidak boleh

kosong

-password

tidak boleh

kosong”

9. Jika alamat diisi dan

tanggal masuk, nama

lengkap,

jenis_kelamin,

tempat lahir, tanggal

lahir, status, agama,

no telfon, no ktp,

pekerjaan fotom

username, password

tidak diisi kemudian

klik tombol simpan.

Jika alamat diisi

dan lainnya tidak

diisi.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

data:

-tanggal

masuk tidak

boleh kosong

Sesuai

harapan

Valid

Page 62: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

90

-nama

lengkap tidak

boleh kosong

-

jenis_kelamin

tidak boleh

kosong

-tempat lahir

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-status tidak

boleh kosong

-agama tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-foto harus

dipilih

-username

tidak boleh

kosong

-password

tidak boleh

kosong”

10. Jika foto diisi dan

tanggal masuk, nama

lengkap,

jenis_kelamin,

tempat lahir, tanggal

lahir, status, agama,

alamat, no telfon, no

ktp, pekerjaan,

username, password

tidak diisi kemudian

klik tombol simpan.

Jika foto diisi dan

lainnya tidak diisi.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

data:

-tanggal

masuk tidak

boleh kosong

-nama

lengkap tidak

Sesuai

harapan

Valid

Page 63: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

91

boleh kosong

-

jenis_kelamin

tidak boleh

kosong

-tempat lahir

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-status tidak

boleh kosong

-agama tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-username

tidak boleh

kosong

-password

tidak boleh

kosong”

11. Jika username diisi

dan tanggal masuk,

nama lengkap,

jenis_kelamin,

tempat lahir, tanggal

lahir, status, agama,

alamat, no telfon, no

ktp, pekerjaan

foto,password tidak

diisi kemudian klik

tombol simpan.

Jika usename diisi

dan lainnya tidak

diisi.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

data:

-tanggal

masuk tidak

boleh kosong

-nama

lengkap tidak

boleh kosong

-

Sesuai

harapan

Valid

Page 64: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

92

jenis_kelamin

tidak boleh

kosong

-tempat lahir

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-status tidak

boleh kosong

-agama tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-foto harus

dipilih

-password

tidak boleh

kosong”

12. Jika password diisi

dan tanggal masuk,

nama lengkap,

jenis_kelamin,

tempat lahir, tanggal

lahir, status, agama,

alamat, no telfon, no

ktp, pekerjaan fotom

username, tidak diisi

kemudian klik

tombol simpan.

Jika password diisi

dan lainnya tidak

diisi.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

pada

pengisian

data:

-tanggal

masuk tidak

boleh kosong

-nama

lengkap tidak

boleh kosong

-

jenis_kelamin

tidak boleh

kosong

Sesuai

harapan

Valid

Page 65: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

93

-tempat lahir

tidak boleh

kosong

-tanggal lahir

tidak boleh

kosong

-status tidak

boleh kosong

-agama tidak

boleh kosong

-alamat tidak

boleh kosong

-no telfon

tidak boleh

kosong

-no ktp tidak

boleh kosong

-pekerjaan

tidak boleh

kosong

-foto harus

dipilih

-username

tidak boleh

kosong”

13. Mengisi semua data

pada form inputan

kemudian klik

Simpan

Semua form

inputan diisi

Sistem akan

menerima

akses user dan

menampilkan

“data berhasil

disimpan”

Sesuai

harapan

Valid

Sumber: Hasil Penelitian (2017)

3. Pengujian Terhadap Form Formulir Pinjaman

Tabel III.12

Hasil Pengujian Black Box Testing Halaman Form Formulir

Pinjaman

No Skenario Pengujian Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Jika tanggal, no

anggota, besar

pinjaman, jaminan 1,

Semua form

imputan tidak diisi

Sistem akan

menolak

akses user dan

Sesuai

Page 66: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

94

jaminan 2, alas an

pinjam, pendapatan,

pengeluaran tidak

diisi kemudian klik

tombol simpan

menampilkan

“Maaf, data

belum

lengkap :

-tanggal tidak

boleh kosong

- no anggota

tidak boleh

kosong

-besar

pinjaman

tidak boleh

kosong

-jaminan 1

tidak boleh

ksong

-jaminan 2

tidak boleh

kosong

-alasan

pinjam tidak

boleh kosong

- pendapatan

tidak boleh

kosong

-pengeluaran

tidak boleh

kosong”

harapan Valid

2. Jika tanggal diisi dan

no anggota, besar

pinjaman, jaminan 1,

jaminan 2, alas an

pinjam, pendapatan,

pengeluaran tidak

diisi kemudian klik

tombol simpan

Semua tanggal

diisi dan lainnya

tidak diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

- no anggota

tidak boleh

kosong

-besar

pinjaman

tidak boleh

kosong

-jaminan 1

tidak boleh

ksong

-jaminan 2

tidak boleh

kosong

Sesuai

harapan

Valid

Page 67: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

95

-alasan

pinjam tidak

boleh kosong

- pendapatan

tidak boleh

kosong

-pengeluaran

tidak boleh

kosong”

3. Jika no anggota diisi

dan tanggal, besar

pinjaman, jaminan 1,

jaminan 2, alas an

pinjam, pendapatan,

pengeluaran tidak

diisi kemudian klik

tombol simpan

Semua no anggota

diisi dan lainnya

tidak diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

-tanggal tidak

boleh kosong

-besar

pinjaman

tidak boleh

kosong

-jaminan 1

tidak boleh

ksong

-jaminan 2

tidak boleh

kosong

-alasan

pinjam tidak

boleh kosong

- pendapatan

tidak boleh

kosong

-pengeluaran

tidak boleh

kosong”

Sesuai

harapan

Valid

4. Jika besar pinjaman

diisi dan tanggal, no

anggota, jaminan 1,

jaminan 2, alas an

pinjam, pendapatan,

pengeluaran tidak

diisi kemudian klik

tombol simpan

Semua besar

jaminan diisi dan

lainnya tidak diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

-tanggal tidak

boleh kosong

- no anggota

tidak boleh

Sesuai

harapan

Valid

Page 68: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

96

kosong

-jaminan 1

tidak boleh

ksong

-jaminan 2

tidak boleh

kosong

-alasan

pinjam tidak

boleh kosong

- pendapatan

tidak boleh

kosong

-pengeluaran

tidak boleh

kosong”

5. Jika jaminan 1 diisi

dan tanggal, no

anggota, besar

pinjaman, jaminan 2,

alas an pinjam,

pendapatan,

pengeluaran tidak

diisi kemudian klik

tombol simpan

Jika jaminan 1

diisi dan lainnya

tidak diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

-tanggal tidak

boleh kosong

- no anggota

tidak boleh

kosong

-besar

pinjaman

tidak boleh

kosong

-jaminan 2

tidak boleh

kosong

-alasan

pinjam tidak

boleh kosong

- pendapatan

tidak boleh

kosong

-pengeluaran

tidak boleh

kosong”

Sesuai

harapan

Valid

6. Jika jaminan 2 diisi

dan tanggal, no

anggota, besar

pinjaman, jaminan

Jika jaminan 2

diisi dan lainnya

tidak diisi

Sistem akan

menolak

akses user dan

menampilkan

Sesuai

harapan

Valid

Page 69: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

97

1alasan pinjam,

pendapatan,

pengeluaran tidak

diisi kemudian klik

tombol simpan

“Maaf, data

belum

lengkap :

-tanggal tidak

boleh kosong

- no anggota

tidak boleh

kosong

-besar

pinjaman

tidak boleh

kosong

-jaminan 1

tidak boleh

ksong

-alasan

pinjam tidak

boleh kosong

- pendapatan

tidak boleh

kosong

-pengeluaran

tidak boleh

kosong”

7. Jika alasan diisi dan

tanggal, no anggota,

besar pinjaman,

jaminan 1, jaminan

2, pendapatan,

pengeluaran tidak

diisi kemudian klik

tombol simpan

Alasan pinjam

diisi dan lainnya

tidak diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

-tanggal tidak

boleh kosong

- no anggota

tidak boleh

kosong

-besar

pinjaman

tidak boleh

kosong

-jaminan 1

tidak boleh

ksong

-jaminan 2

tidak boleh

kosong

- pendapatan

tidak boleh

Sesuai

harapan

Valid

Page 70: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

98

kosong

-pengeluaran

tidak boleh

kosong”

8. Jika pendapatan diisi

dan tanggal, no

anggota, besar

pinjaman, jaminan 1,

jaminan 2, alas an

pinjam, pengeluaran

tidak diisi kemudian

klik tombol simpan

Pendapatan diisi

dan lainya tidak

diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

-tanggal tidak

boleh kosong

- no anggota

tidak boleh

kosong

-besar

pinjaman

tidak boleh

kosong

-jaminan 1

tidak boleh

ksong

-jaminan 2

tidak boleh

kosong

-alasan

pinjam tidak

boleh kosong

-pengeluaran

tidak boleh

kosong”

Sesuai

harapan

Valid

9. Jika pengeluatan disi

dan tanggal, no

anggota, besar

pinjaman, jaminan 1,

jaminan 2, alas an

pinjam, pendapatan

tidak diisi kemudian

klik tombol simpan

Pengeluaran diisi

dan lainnya tidak

diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

-tanggal tidak

boleh kosong

- no anggota

tidak boleh

kosong

-besar

pinjaman

tidak boleh

kosong

Sesuai

harapan

Valid

Page 71: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

99

-jaminan 1

tidak boleh

ksong

-jaminan 2

tidak boleh

kosong

-alasan

pinjam tidak

boleh kosong

- pendapatan

tidak boleh

kosong”

10. Mengisi semua data

pada form inputan

kemudian klik

Simpan

Semua form

inputan diisi

Sistem akan

menerima

akses user dan

menampilkan

“data berhasil

disimpan”

Sesuai

harapan

Valid

Sumber: Hasil Penelitian (2017)

4. Pengujian Terhadap Form Pekerjaan

Tabel III.13

Hasil Pengujian Black Box Testing Halaman Form Pekerjaan

No Skenario Pengujian Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Jika semua form

tidak diisi kemudian

dilik tombol simpan

Semua form

inputan tidak diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

Pekerjaan

tidak boleh

kosong”

Sesuai

harapan

Valid

2. Mengisi semua data

pada form inputan

kemudian klik

Simpan

Semua form

inputan diisi

Sistem akan

menerima

akses user dan

menampilkan

“data berhasil

disimpan”

Sesuai

harapan

Valid

Sumber: Hasil Penelitian (2017)

Page 72: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

100

5. Pengujian Terhadap Form Agama

Tabel III.14

Hasil Pengujian Black Box Testing Halaman Form Agama

No Skenario Pengujian Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Jika semua form

tidak diisi kemudian

dilik tombol simpan

Semua form

inputan tidak diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

-Agama tidak

boleh kosong”

Sesuai

harapan

Valid

2. Mengisi semua data

pada form inputan

kemudian klik

Simpan

Semua form

inputan diisi

Sistem akan

menerima

akses user dan

menampilkan

“data berhasil

disimpan”

Sesuai

harapan

Valid

Sumber: Hasil Penelitian (2017)

6. Pengujian Terhadap Form Pegawai

Tabel III.15

Hasil Pengujian Black Box Testing Halaman Form Pegawai

No Skenario Pengujian Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Jika nama lengkap,

foto, no telfon,

username, password

tidak diisi kemudian

klik tombol simpan.

Tidak mengisikan

data pada semua

form inputan.

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

dalam

pengisian data

-Nama Tidak

boleh kosong

-Foto harus

diisi

-Telfon tidak

Sesuai

harapan

Valid

Page 73: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

101

boleh kosong

-username

tidak boleh

kosong

Password -

tidak boleh

kosong ”

- ”

2. Jika nama lengkap

diisi dan foto, no

telfon, username,

password tidak diisi

kemudian klik

tombol simpan.

Nama diisi tetapi

form lainnya

dikosongkan

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

dalam

pengisian data

-Foto harus

diisi

-Telfon tidak

boleh kosong

-username

tidak boleh

kosong

Password -

tidak boleh

kosong ”

- ”

Sesuai

harapan

Valid

3. Jika alamat diisi

nama petugas,

alamat, no_telfon,

username, password

tidak diisi kemudian

klik tombol simpan

Alamat diisi tetapi

form lainnya

dikosongkan

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

-Nama

petugas tidak

boleh kosong

-no telfon

tidak boleh

kosong

-username

tidak boleh

kosong

-password

tidak boleh

kosong

Sesuai

harapan

Valid

4. Jika foto diisi dan

nama lengkap, no

Foto diisi tetapi

form lainnya

Sistem akan

menolak

Page 74: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

102

telfon, username,

password tidak diisi

kemudian klik

tombol simpan.

dikosongkan akses user dan

menampilkan

“Maaf, ada

kesalahan

dalam

pengisian data

-Nama Tidak

boleh kosong

-Telfon tidak

boleh kosong

-username

tidak boleh

kosong

Password -

tidak boleh

kosong ”

- ”

Sesuai

harapan

Valid

5. Jika no telfon diisi

dan nama lengkap,

foto, username,

password tidak diisi

kemudian klik

tombol simpan.

No telfon diisi

tetapi form lainnya

dikosongkan

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

dalam

pengisian data

-Nama Tidak

boleh kosong

-Foto harus

diisi

-username

tidak boleh

kosong

Password -

tidak boleh

kosong ”

- ”

Sesuai

harapan

Valid

6. Jika username diisi

dan foto, no telfon,

password tidak diisi

kemudian klik

tombol simpan.

Username diisi

tetapi form lainnya

dikosongkan

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

dalam

pengisian data

-Nama Tidak

boleh kosong

-Foto harus

diisi

Sesuai

harapan

Valid

Page 75: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

103

-Telfon tidak

boleh kosong

Password -

tidak boleh

kosong ”

- ”

7. Jika password diisid

dan nama lengkap,

foto, no telfon,

username, tidak diisi

kemudian klik

tombol simpan.

Nama petugas diisi

tetapi form lainnya

dikosongkan

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, ada

kesalahan

dalam

pengisian data

-Nama Tidak

boleh kosong

-Foto harus

diisi

-Telfon tidak

boleh kosong

-username

tidak boleh

kosong”

- ”

Sesuai

harapan

Valid

8. Mengisi semua data

pada form inputan

kemudian klik

Simpan

Semua form

inputan diisi

Sistem akan

menerima

akses user dan

menampilkan

“data berhasil

disimpan”

Sesuai

harapan

Valid

Sumber: Hasil Penelitian (2017).

7. Pengujian Terhadap Form Simpanan Anggota

Tabel III.16

Hasil Pengujian Black Box Testing Halaman Form Simpanan

Anggota

No Skenario Pengujian Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

3. Jika semua form

tidak diisi kemudian

dilik tombol simpan

Semua form

inputan tidak diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

Sesuai

harapan

Valid

Page 76: 3.1.2 Struktur Organisasi dan Fungsi...Bendahara memiliki tugas mengelola keuangan (menerima,menyimpan dan melakukan pembayaran), membina administrasi keuangan dan pembukuan. Berfungsi

104

belum

lengkap :

-Setoran

tidak boleh

kosong”

4. Mengisi semua data

pada form inputan

kemudian klik

Simpan

Semua form

inputan diisi

Sistem akan

menerima

akses user dan

menampilkan

“data berhasil

disimpan”

Sesuai

harapan

Valid

Sumber: Hasil Penelitian (2017)

8. Pengujian Terhadap Form Pinjaman Anggota

Tabel III.17

Hasil Pengujian Black Box Testing Halaman Form Pinjaman

Anggota

No Skenario Pengujian Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

5. Jika semua form

tidak diisi kemudian

dilik tombol simpan

Semua form

inputan tidak diisi

Sistem akan

menolak

akses user dan

menampilkan

“Maaf, data

belum

lengkap :

-Angsuran

tidak boleh

kosong”

Sesuai

harapan

Valid

6. Mengisi semua data

pada form inputan

kemudian klik

Simpan

Semua form

inputan diisi

Sistem akan

menerima

akses user dan

menampilkan

“data berhasil

disimpan”

Sesuai

harapan

Valid

Sumber: Hasil Penelitian (2017)