perancangan sistem informasi simpan pinjamrepository.upnvj.ac.id/4110/1/awal.pdfperancangan sistem...

16
PERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS AKHIR I KADEK ADI YUDHA DARMAWAN 1410501015 UNIVERSITAS.PEMBANGUNAN.NASIONAL.“VETERAN” JAKARTA FAKULTAS ILMU KOMPUTER PROGRAM STUDI D-III MANAJEMEN INFORMATIKA 2017

Upload: others

Post on 26-Oct-2020

9 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

PERANCANGAN SISTEM INFORMASI SIMPAN PINJAM

PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS

WEB

TUGAS AKHIR

I KADEK ADI YUDHA DARMAWAN

1410501015

UNIVERSITAS.PEMBANGUNAN.NASIONAL.“VETERAN” JAKARTA

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI D-III MANAJEMEN INFORMATIKA

2017

Page 2: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

PERANCANGAN SISTEM INFORMASI SIMPAN PINJAM

PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS

WEB

TUGAS AKHIR

Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh Gelar

Ahli Madya Komputer

I KADEK ADI YUDHA DARMAWAN

1410501015

UNIVERSITAS.PEMBANGUNAN.NASIONAL.“VETERAN” JAKARTA

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI D-III MANAJEMEN INFORMATIKA

2017

Page 3: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

ii

Page 4: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

iii

Page 5: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

iv

Page 6: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

v

PERANCANGAN SISTEM INFORMASI SIMPAN PINJAM

PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS

WEB

I Kadek Adi Yudha Darmawan

Abstrak

Koperasi simpan pinjam merupakan lembaga keuangan yang memberikan layanan

transaksi simpan dan pinjam kepada anggotanya. Primer Koperasi Kartika

“Mawas” yang merupakan bagian dari Primer Koperasi TNI Angkatan Darat

(Primkopad) perlu memiliki sebuah sistem yang dapat digunakan untuk

pengolahan dan pencatatan transaksi, karena sistem yang digunakan saat ini masih

bersifat manual dan belum terkomputerisasi. Tahapan identifikasi masalah

menggunakan metodelogi PIECES.Sedangkan tahapan Perancangan Sistem

dimulai dengan Perancangan UML (Unified Modelling Language) serta

perancangan database. Untuk memenuhi kebutuhan sistem yang dibutuhkan maka

perlu dirancang sebuah sistem informasi simpan pinjam yang berbasis web.

Metodelogi pengembangan sistem menggunakan metode waterfall. Sistem

informasi simpan pinjam ini dibuat dengan menggunakan bahasa pemrograman

PHP serta mengguakan MySQL sebagai penyimpanan database, serta digunakan

juga framework Bootstrap. Sehingga proses pencatatan dan pembuatan laporan

dapat dilakukan secara efektif dan efisien. Sehingga, dengan adanya sistem ini

diharapkan dapat meningkatkan kinerja Primer Koperasi Kartika “Mawas” dalam

melaksanakan tugas dan fungsinya dalam pencatatan maupun pembuatan laporan

transaksi.

Kata Kunci : Koperasi, Simpan, Pinjam, PHP dan MySQL

Page 7: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

vi

DESIGN OF INFORMATION SAVE LOANS WEB-BASED

SYSTEMS IN KARTIKA PRIMARY COOPERATION

"MAWAS"

I Kadek Adi Yudha Darmawan

Abstract

Savings and Loans cooperatives are financial institutions that provide savings and

loan transaction services to their members. Kartika Koperasi Primer "Mawas"

which is part of Primary Cooperative Army Primkopad (Primkopad) need to have

a system that can be used for processing and recording transactions, because the

system used today is still manual and not computerized. Stages of problem

identification using PIECES methodology. While the design stage of the system

begins with UML (Unified Modeling Language) Design and database design. To

meet the needs of the system required it is necessary to design a web-based

savings and loan information system. Methodology of system development using

waterfall method. This savings and loan information system is made by using

PHP programming language as well as using MySQL as database storage, and

also used Bootstrap framework. So that the process of recording and preparing

reports can be done effectively and efficiently. Thus, with this system is expected

to improve the performance of Primary Cooperative Kartika "Mawas" in carrying

out its duties and functions in recording and preparing transaction reports.

Keywords : Cooperation, Save and Loans, Primkopad, PHP and MySQL

Page 8: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

vii

PRAKATA

Puji serta syukur penulis panjatkan kepada Tuhan Yang Maha Esa karena

hanya dengan ridho dan rahmatnya sehingga tugas akhir ini berhasil diselesaikan.

Judul penelitian ini adalah Perancangan Sistem Informasi Simpan Pinjam Pada

Primer Koperasi Kartika “Mawas” Berbasis Web.

Dengan selesainya penulisan ini, penulis mengucapkan banyak terima

kasih kepada pihak-pihak yang telah mendukung seerta membantu dalam

penyusunan penulisan laporan tugas akhir ini dan tidak lupa juga penulis

mengucapkan banyak terimakasih kepada :

1. Dr. Nidjo Sandjojo, M.Sc, selaku Dekan Fakultas Ilmu Komputer

Universitas Pembangunan Nasional “Veteran” Jakarta.

2. Ibu Anita Muliawati, S.Kom., MM. selaku Kepala Program Studi D3

Manajemen Informatika Fakultas Ilmu Komputer Universitas

Pembangunan Nasional “Veteran” Jakarta.

3. Ibu Tri Rahayu, SKom, MM., selaku dosen pembimbing yang telah

meluangkan waktu untuk memberikan arahan dan saran sehingga

penulisan laporan Tugas Akhir ini dapat terselesaikan dengan baik

4. Letnan Dua Kavaleri Indayanto, Selaku Ketua Primer Koperasi Kartika

“Mawas” yang telah memberikan tempat kepada penulis untuk melakukan

penelitian ilmiah.

Akhir kata, semoga Tugas Akhir ini dapat berguna dan bermanfaat bagi

para pembacanya.

Jakarta, 28 Juli 2017

Penulis

Page 9: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

viii

DAFTAR ISI

HALAMAN JUDUL ....................................................................................... i

PERNYATAAN ORISINALITAS ................................................................ ii

PERNYATAAN PERSETUJUAN PUBLIKASI .......................................... ii

PENGESAHAN ............................................................................................. ii

ABSTRAK ..................................................................................................... iii

ABSTRACT .................................................................................................. iv

KATA PENGANTAR .................................................................................... v

DAFTAR ISI ............................................................................................... viii

DAFTAR TABEL ............................................................................................ x

DAFTAR GAMBAR ..................................................................................... xi

DAFTAR LAMPIRAN ................................................................................. xii

DAFTAR SIMBOL ....................................................................................... xii

BAB 1 PENDAHULUAN ............................................................................ 1

1.1 Latar Belakang ......................................................................................... 1

1.2 Rumusan Masalah .................................................................................... 2

1.3 Batasan Masalah ....................................................................................... 2

1.4 Tujuan dan Manfaat Penelitian ................................................................. 3

1.5 Luaran yang Diharapkan .......................................................................... 3

1.6 Sistematika Penulisan ............................................................................... 3

BAB 2 TINJAUAN PUSTAKA ................................................................... 5

2.1 Sistem Informasi ...................................................................................... 5

2.2 Koperasi 6

2.3 UML(Unified Modelling Language) ......................................................... 7

2.3 Metode analisis PIECES .......................................................................... 8

2.4 Basis Data (Database) ............................................................................. 10

2.5 HTML (Hypertext Markup Modelling Language) ................................. 10

2.6 CSS (Cascading Style Sheet) ................................................................... 11

2.7 Bahasa Pemrograman PHP ..................................................................... 11

2.8 Web Server .............................................................................................. 12

2.9 XAMPP .. .............................................................................................. 12

2.10 MySQL . .. .............................................................................................. 13

2.11 Bootstrap .. .............................................................................................. 13

2.12 Sublime Text ........................................................................................... 14

2.13 Penelitian Terdahulu ............................................................................... 14

BAB 3 METODELOGI PENELITIAN .................................................... 15

3.1 Alur Penelitian ..................................................................................... 15 3.2 Tahapan Penelitian ............................................................................... 16

3.3 Waktu dan Tempat Penelitian .............................................................. 17

3.4 Alat dan Bahan Penelitian ................................................................... 17

3.5 Tahapan Kegiatan ................................................................................. 18

Page 10: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

ix

BAB 4 HASIL DAN PEMBAHASAN .................................................... 19

4.1 Objek Penelitian ..................................................................................... 19

4.1 Pengurus Primer Koperasi Kartika “Mawas” ......................................... 24

4.2 Analisis Dokumen yang Digunakan ....................................................... 24

4.3 Identifikasi Masalah ............................................................................... 24

4.4 Permasalahan Pokok ............................................................................... 24

4.5 Rancangan Umum Sistem Usulan .......................................................... 24

4.6 Rancangan Aplikasi ................................................................................ 24

4.7 Spesifikasi File ....................................................................................... 24

4.8 Rancangan Kode .................................................................................... 25

4.9 Rancangan Arsitektur Menu .................................................................. 26

4.10 Rancangan User Interface ..................................................................... 33

BAB 5 PENUTUP ..................................................................................... 63

5.1 Simpulan .............................................................................................. 63

5.2 Saran …… ............................................................................................ 63

DAFTAR PUSTAKA ................................................................................... 64

RIWAYAT HIDUP

LAMPIRAN

Page 11: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

x

DAFTAR TABEL

Tabel 1 Penelitian Terdahulu .................................................................... 14

Tabel 2 Jadwal Kegiatan Penelitian .......................................................... 18

Tabel 3 Pengurus Primer Koperasi Kartika “Mawas” ............................... 24

Tabel 4 Anggota Primer Koperasi Kartika “Mawas” ................................ 25

Tabel 5 Deskripsi Use Case Diagram Sistem Berjalan ............................. 25

Tabel 6 Dokumen Masukan ...................................................................... 32

Tabel 7 Dokumen Keluaran ...................................................................... 33

Tabel 8 Deskripsi Use Case Diagram Login Sistem Usulan ..................... 36

Tabel 9 Deskripsi Use Case Diagram Pendaftaran pada Sistem Usulan .. 37

Tabel 10 Deskripsi Use Case Diagram Simpanan Anggota ........................ 38

Tabel 11 Deskripsi Use Case Diagram Permohonan Pinjaman .................. 39

Tabel 12 Deskripsi Use Case Diagram Pemberian Pinjaman ..................... 40

Tabel 13 Deskripsi Use Case Diagram Angsuran ....................................... 41

Tabel 14 Deskripsi Use Case Diagram Laporan ......................................... 42

Tabel 15 Tabel Akses .................................................................................. 54

Tabel 16 Tabel Anggota .............................................................................. 54

Tabel 17 Tabel Pangkat ............................................................................... 54

Tabel 18 Tabel Simpanan ............................................................................ 55

Tabel 19 Tabel Pinjaman ............................................................................. 55

Tabel 20 Tabel Angsuran ............................................................................ 56

Tabel 21 Deskripsi Kode Transaksi ............................................................ 57

Page 12: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

xi

DAFTAR GAMBAR

Gambar 1 Standart Web Architecture & Dynamic Web Architecture ......... 12

Gambar 2 XAMPP Control Panel ............................................................... 12

Gambar 3 Alur Penelitian ............................................................................ 15

Gambar 4 Struktur Organisasi Primer Koperasi Kartika “Mawas” ............ 20

Gambar 5 Use Case Diagram Sistem Berjalan ........................................... 25

Gambar 6 Activity Diagram Pendaftaran Anggota pada Sistem Berjalan ... 26

Gambar 7 Activity Diagram Simpanan Anggota pada Sistem Berjalan ...... 27

Gambar 8 Activity Diagram Permohonan Pinjaman pada Sistem Berjalan . 28

Gambar 9 Activity Diagram Pembayaran Angsuran Sistem Berjalan ........... 29

Gambar 10 Activity Diagram Pembuatan Laporan pada Sistem Berjalan ..... 30

Gambar 11 Use Case Diagram Login Sistem Usulan .................................... 36

Gambar 12 Use Case Diagram Pendaftaran Anggota .................................... 37

Gambar 13 Use Case Diagram Simpanan Anggota ....................................... 38

Gambar 14 Use Case Diagram Permohonan Pinjaman ................................. 39

Gambar 15 Use Case Diagram Pemberian Pinjaman .................................... 40

Gambar 16 Use Case Diagram Angsuran ..................................................... 41

Gambar 17 Use Case Diagram Laporan ....................................................... 42 Gambar 18 Class Diagram Sistem Usulan .................................................... 43

Gambar 19 Activity Diagram Login Sistem Usulan ...................................... 44

Gambar 20 Activity Diagram Pendaftaran pada Sistem Usulan .................... 45

Gambar 21 Activity Diagram Simpaan pada Sistem Usulan ......................... 46

Gambar 22 Activity Diagram Pengajuan Pinjaman pada Sistem Usulan ...... 47

Gambar 23 Activity Diagram Pemberian Pinjaman pada Sistem Usulan ...... 48

Gambar 24 Activity Diagram Pemberian Pinjaman pada Sistem Usulan ...... 49

Gambar 25 Activity Diagram Laporan pada Sistem Usulan ......................... 50

Gambar 26 Sequence Diagram Login pada Sistem Usulan ........................... 51

Gambar 27 Sequence Diagram Pendaftaran .................................................. 51

Gambar 28 Sequence Diagram Simpanan Anggota ...................................... 52

Gambar 29 Sequrnce Diagram Pinjaman pada Sistem Usulan ..................... 52

Gambar 30 Sequence Diagram Angsuran ...................................................... 53

Gambar 31 Sequence Diagram Laporan ....................................................... 54

Gambar 32 Struktur Menu Admin ................................................................. 58

Gambar 33 Struktur Menu Anggota .............................................................. 58

Gambar 34 Tampilan Halaman Login ........................................................... 59

Gambar 35 Tampilan Homepage ................................................................... 60

Page 13: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

xii

DAFTAR SIMBOL

1. Flowchart

No Simbol Nama Penjelasan/Arti

1 START

Terminator

Mulai Untuk memulai suatu program.

2

Garis Alir

Digambarkan untuk

menggambarkan suatu aliran

data

3

Proses

Suatu simbol yang

menunjukkan setiap

pengolajam uamh dilakukan

oleh komputer

4

Input/ Output

Untuk memasukkan data

ataupun menunjukkan hasil

dari suatu proses

5 END

Terminator

Akhir

Untuk mengakhiri suatu

program.

Page 14: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

xiii

2. Use Case Diagram

No Simbol Nama Penjelasan/Arti

1

Actor

Mendefinisikan himpunan

peran yang pengguna mainkan

ketika berinteraksi dengan Use

Case.

2

Generalization

Hubungan dimana objek panah

(descendent) berbagi perilaku

dan struktur data dari objek

yang ada diatasnya objek induk

(ancestor).

3

Use Case

Deskripsi dari urutan aksi-aksi

yang ditampilkan sistem yang

menghasilkan suatu hasil yang

terukur bagi suatu actor.

3. Class Diagram

No Simbol Nama Penjelasan/Arti

1.

Generalization

Hubungan dimana objek

panah (descendent) berbagi

perilaku dan struktur data

dari objek yang ada

diatasnya objek induk

(ancestor).

2.

Class

Himpunan dari objek-objek

yang berbagi atribut serta

operasi yang sama.

Page 15: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

xiv

3.

Association

Menghubungkan antara

objek satu dengan objek

lainnya.

4. Activity Diagram

No Simbol Nama Penjelasan/Arti

1.

Initial Node Bagaimana objek dibentuk

dan diawali

2.

Final Node Bagaimana objek dibentuk

dan diakhiri

3.

Action

State dari sistem yang

mencerminkan eksekusi dari

suatu aksi

4.

Decision

Perbandingan pernyataan,

penyeleksian data yang

memberikan pilihan untuk

langkah selanjutnya.

5.

Join & Fork

Node

Merepresentasikan Awal dan

akhir dari aktivitas Pararel

Page 16: PERANCANGAN SISTEM INFORMASI SIMPAN PINJAMrepository.upnvj.ac.id/4110/1/AWAL.pdfPERANCANGAN SISTEM INFORMASI SIMPAN PINJAM PADA PRIMER KOPERASI KARTIKA “MAWAS” BERBASIS WEB TUGAS

xv

DAFTAR LAMPIRAN

Lampiran 1 Form Pendaftaran Sistem Berjalan

Lampiran 2 KTA TNI-AD

Lampiran 3 Rekapitulasi Potongan Simpanan Anggota

Lampiran 4 Surat Permohonan Kredit Uang

Lampiran 5 Bukti Kas Masuk

Lampiran 6 Laporan Anggota Sistem Berjalan

Lampiran 7 Laporan Simpanan Anggota Sistem Berjalan

Lampiran 8 Laporan Pinjaman Sistem Berjalan

Lampiran 9 Laporan Angsuran Sistem Berjalan

Lampiran 10 Bukti Kas Keluar

Lampiran 11 Form Pendaftaran Sistem Usulan

Lampiran 12 Formulir Simpanan Anggota

Lampiran 13 Form Pinjaman Sistem Berjalan

Lampiran 14 Form Angsuran Sistem Berjalan

Lampiran 15 Laporan Anggota Sistem Berjalan

Lampiran 16 Laporan Sumpanan Sistem Berjalan

Lampiran 17 Laporan Peminjaman Sistem Berjalan

Lampiran 18 Bukti Pinjaman Sistem Berjalan

Lampiran 19 Laporan Angsuran

Lampiran 20 Bukti Pembayaran Angsuran