BAB 4. IMPLEMENTASI SISTEM
4.4 Pemeliharaan Sistem
4.4 Pemeliharaan Sistem
Berdasarkan penjelasan dari halaman sebelumnya, diperlukan pemeliharaan sistem agar sistem tersebut dapat berjalan sebagaimana mestinya. Adapun tujuan dari pemeliharaan sistem ini adalah sebagai berikut:
1. Mencegah modifikasi sistem yang akan menyebabkan masalah lain.
2. Membuat modifikasi sistem yang sesuai dengan kebutuhan organisasi.
3. Menyempurnakan proses penyusunan sistem dan proses pemeliharaan sistem dengan menganalisa informasi tentang modifikasi sistem.
4. Mengganti pemeliharaan sistem dengan survey sistem jika memodifikasi yang diminati relatif besar.
4.5 Perancangan Sistem 4.5.1 Instalasi XAMPP
XAMPP 3.2.1 berfungsi sebagai web server yang menyediakan layanan untuk memenuhi permintaan user yang akan mengakses e-application. Berikut adalah tahapan misalnya:
1. non-aktikan anti-virus karena dapat menyebabkan beberapa komponen XAMPP tidak bisa diinstall dengan lancar.
2. Setelah itu akan muncul tampilan sebagai berikut.
Gambar 4.1 Instalasi XAMPP 3.2.1
Kotak dialog ini berfungsi untuk menentukan lokasi penyimpanan XAMPP. Jika sudah memilih folder, tekan next untuk melanjutkan atau back jika ingin kembali ke langkah sebelumnya, atau cancel untuk membatalkan instalasi.
1. Pilih menu yang akan diinstal lalu tekan next, atau back untuk kembali ke langkah sebelumnya, atau cancel untuk membatalkan instalasi.
Gambar 4.2 Instalasi XAMPP 3.2.1
46
2. Proses instalasi sedang berjalan. Proses ini membutuhkan waktu beberapa menit.
Gambar 4.3 Instalasi XAMPP 3.2.2
3. XAMPP sudah terinstal dan siap digunakan sebagai web server. Untuk menggunakan XAMPP, cukup jalankan XAMPP control panel.
Gambar 4.4 Instalasi XAMPP 3.2.1
4. XAMPP sudah berjalan dan siap untuk menjalankan web server.
Gambar 4.5 Contol Panel XAMPP
4.5.2 Hasil Rancangan Sistem
Desain Perancangan Sistem merupakan rancangan bangun yang dibuat dengan menggunakan Adobe Dreamweaver CS6 Menu merupakan jalur pemakai (jalur interface) yang berisi beberapa pilihan yang disajikan kepada pemakai. User dapat memilih pilihan di menu dengan cara menggerakan kursor. Struktur menu merupakan gambaran mengenai isi dari keseluruhan program yang dibuat. Struktur menu dari program aplikasi ini adalah sebagai berikut:
48
1. Menu Home
Gambar 4.6 Halaman Utama (Home)
2. Menu Profil
Gambar 4.7 Halaman Profil
3. Menu Produk Layanan
Gambar 4.8 Halaman Produk Layanan
4. Menu Info Berita
Gambar 4.9 Halaman Info Berita
50
5. Menu Login
Gambar 4.10 Form Login
6. Menu Admin
Gambar 4.11 Form Admin
7. Menu Member
Gambar 4.12 Form Member
8. Menu Tambah Member
Gambar 4.13 Form Imput Member
52
9. Menu Data Member
Gambar 4.14 Form Data Member
10. Menu Pinjaman
Gambar 4.15 Form List Pinjaman Member
11. Menu Imput Pinjaman
Gambar 4.16 Form Imput Pinjaman
12. Menu Pembayaran
Gambar 4.17 Form Imput Pembayaran
54
13. Menu Tabungan Member
Gambar 4.18 Form List Tabungan Member
14. Menu Imput Tabungan
Gambar 4.19 Form Imput Tabungan
15. Menu Pengambilan Tabungan
Gambar 4.20 Form Pengambilan Tabungan
16. Menu Transaction
Gambar 4.21 Form Transaction
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Berdasarkan hasil penelitian dan pembahasan pada bab-bab sebelumnya, maka bab ini penulis akan mencoba menarik kesimpulan dari penguraian tersebut:
1. Melalui website ini, maka informasi tentang KSP Nasari dapat diakses dengan mudah oleh berbagai kalangan, dapat diakses dimana saja dan kapan saja yang kiranya memerlukan informasi tentang KSP Nasari 2. sistem informasi ini dilakukan pada intranet atau komputer lokal tanpa
terkoneksi ke internet. Koneksi internet dibutuhkan pada saat menghosting website dan pengaksesan situs setelah hosting.
3. Sistem informasi data anggota dan event yang telah dirancang dapat menciptakan keefektifitasan dan keefesienan kerja pada bagian publikasi KSP Nasari
5.2 Saran
Saran yang dapat penulis sampaikan adalah sebagai berikut:
1. Sebaiknya dilakukan penggandaan (backup) database secara teratur ke dalam media penyimpanan lainnya untuk mencegah hal-hal yang tidak diinginkan seperti data hilang atau rusak.
2. Website ini dapat dikembangkan ke tingkat yang lebih lanjut.
DAFTAR PUSTAKA
Nugroho, Bunafit. 2008. Aplikasi Pemrograman Web Dinamis dengan PHP dan MSQL. Jakarta : Gava Media.
Nugroho, Bunafit. 2013. Dasar Pemrograman Web PHP - MySQL dengan Dreamweaver. Jakarta : Gava Media
Riyanto, Slamet. 2014. Step by Step Adobe Photoshop to CSS3. Jakarta: PT. Elex Media Komputindo.
Hakim, Lukmanul. 2009. Trik Rahasia Master PHP Terbongkar Lagi. Lokomedia, Yogyakarta
Arifin, Hasnul. 2010. Buku Wajib Programer: Syntax/eWolf Community. Yokyakarta:
MediaKom
www.google.com yang di akses mulai dari maret-mei 2017
Panduan Tatacara Penulisan Skripsi & Tugas Akhir. 2014. Dokumen Nomor:
Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sumatera Utara.
Lampiran Script Aplikasi Sistem Informasi Koperasi Simpan Pinjam Nasari Medan Berbasis Web
Script index.php
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<style>
body {background: url(images/blurred.jpg) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;}
</style>
<script language="javascript">
function validasi(form){
if (form.username.value == "") {
alert("Anda belum mengisikan Username.");
form.username.focus();
return (false);}
if (form.password.value == ""){
alert("Anda belum mengisikan Password.");
form.password.focus();
return (false); } return (true);}
</script>
</head>
<body OnLoad="document.login.username.focus();">
<div class="container">
<section class="main">
<form name="login" action="cek_login.php"
method="POST" onSubmit="return validasi(this)" class="form-3">
<p class="clearfix">
<label for="login">Username</label>
<input type="text" name="username"
id="login" placeholder="Username">
</p>
<p class="clearfix">
<label for="password">Password</label>
<input type="password" name="password"
id="password" placeholder="Password">
</p>
<p class="clearfix">
<input type="submit" name="submit"
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/metro-bootstrap.css" rel="stylesheet">
<link href="css/metro-bootstrap-responsive.css" rel="stylesheet">
<link href="css/iconFont.css" rel="stylesheet">
<link href="css/docs.css" rel="stylesheet">
<!-- Load JavaScript Libraries -->
<script src="js/jquery/jquery.min.js"></script>
<script src="js/jquery/jquery.widget.min.js"></script>
<script src="js/jquery/jquery.mousewheel.js"></script>
<!-- Metro UI CSS JavaScript plugins -->
<script src="js/load-metro.js"></script>
<script src="js/docs.js"></script>
<style>
</style>
</head>
<a width="100%">
<h3>Selamat Datang di Sistem Informasi Koperasi Simpan Pinjam Nasari berbasis Web</h3>
<body class="metro">
<br />
<div class="container grid">
<div class="row">
<div class="span7"><legend>Galeri </legend>
<div class="carousel" id="imgSlide"><div class="slide">
<img src="images/galeri/i1.jpg" class="cover1" /></div><div class="slide">
<img src="images/galeri/i2.jpg" class="cover1" /></div>
class="cover1"/></div>
<div class="slide"><img src="images/galeri/i4.jpg" class="cover1"
/></div>
</div><div class="span7">
<legend>Galeri </legend><div class="carousel" id="imgSlide1">
<div class="slide"><img src="images/galeri/i5.jpg" class="cover1"
/>
</div> <div class="slide">
<img src="images/galeri/i6.jpg" class="cover1" /></div>
<div class="slide"><img src="images/galeri/i7.jpg" class="cover1" />
</div>
<div class="slide">
<img src="images/galeri/i8.jpg" class="cover1"
/></div></div>
$("#imgSlide1").carousel({
period: 3000,
<p>Koperasi merupakan suatu badan yang dibentuk dan dijalankan oleh satu orang atau lebih dengan tujuan untuk kepentingan bersama dengan asas kekeluargaan yang berdasarkan pada prinsip gerakan ekonomi rakyat.
Hal-hal yang menyangkut tentang perkoperasian telah diatur dalam UU no.25 tahun 1992. Pada UU tersebut pada pasal 4 menjelaskan bahwa koperasi berfungsi dan berperan untuk mengembangkan potensi dan kemampuan ekonomi untuk anggota dan masyarakat. Selain itu untuk memperbaiki kualitas hidup manusia, mempererat perekonomian rakyat, mengembangkan perekonomian yang ada di Indonesia serta mengembangkan kreativitas dan jiwa berorganisasi
</p><p><b><u>Jenis Koperasi</u></b></p><p><ol><li>Koperasi pembelian atau konsumsi adalah koperasi yang memiliki fungsi untuk menyediakan barang dan jasa yang dibutuhkan oleh anggota.</li><li>Koperasi penjualan atau
pemasaran adalah koperasi yang menyalurkan atau mendistribusikan barang atau jasa ke anggotanya yang memiliki peran sebagai pemilik dan pemasok untuk konsumen.</li><li>Koperasi produksi ialah koperasi yang menghasilkan jasa dan barang yang anggotanya berperan sebagai pegawai atau karyawan serta pemilik koperasi.</li><li>Koperasi Jasa adalah koperasi yang menyediakan jasa untuk kebutuhan anggotanya, contohnya adalah koperasi simpan pinjam.</li></ol></p>
<p><b><u>Koperasi Simpan Pinjam</u></b></p><p>Koperasi simpan pinjam adalah salah satu koperasi jasa tugas utamanya adalah menyediakan jasa
peminjaman dan penyimpanan dana untuk anggota pada khususnya. Tujuan adanya koperasi ini adalah agar anggotanya mendapatkan pinjaman dana dengan mudah dan tidak rumit. Pada dasarnya, sistem dari koperasi ini adalah untuk menghimpun dan menyalurkan dana dalam bentuk suatu pinjaman dari anggota ke anggota lainnya yang membutuhkan dengan prosedur atau mekanisme yang telah ditentukan dan disepakati bersama. Proses pembagian bunga di koperasi ini adil karena disepakati dalam rapat anggota. Keuntungan dari menjadi anggota koperasi ini adalah, saat peminjaman dana tidak perlu menggunakan jaminan.
</p><p><b><u>Prinsip-prinsip dasar dari berdirinya suatu koperasi simpan pinjam yaitu:</u></b></p><p><ul><li>Memiliki keanggotaan yang bersifat
sukarela dan terbuka.</li><li>Pengelolaan koperasi dilakukan dengan cara yang demokratis.</li><li>Pembagian sisa hasil usaha (SHU) atau laba, dilakukan dengan adil dan sebanding dengan peran jasa setiap
anggotanya.</li><li>Memiliki sifat mandiri.</li>
<li>Pendidikan perkoperasian.</li>
<li>Kerjasama antar koperasi.</li>
</ul>
</p>
<p><b><u>Modal atau dana yang didapatkan koperasi menurut pada Undang-undang No.12 tahun 1967, yaitu:</u></b></p>
<p><title>Selamat Datang di Website Kami</title><ul><li>Simpanan pokok yang merupakan uang yang harus dibayarkan oleh setiap anggotanya ke koperasi saat masuk menjadi anggota dan tidak dapat diambil kembali. Simpanan ini jumlahnya sama untuk setiap anggota. Jika masih menjadi anggota, simpanan ini tidak dapat diambil.</li>
<li>Simpanan wajib adalah sejumlah uang yang harus dibayar oleh anggota ke koperasi dengan jumlah yang tidak harus sama dalam waktu tertentu. Anggota tidak dapat mengambil simpanan ini selama masih resmi menjadi anggota.</li>
<li>Dana cadangan adalah dana yang diperoleh dari sisa SHU untuk pemupukan modal sendiri atau menutup kerugian koperasi.</li>
<li>Donasi atau hibah merupakan dana yang didapat dari pemberian atau donasi dari orang lain ke koperasi.</li>
<li>Modal pinjaman.</li>
<li>Modal sendiri.</li></ul></p>
<p><b><u>Mekanisme meminjam di koperasi simpan pinjam</u></b></p>
<p>Syarat utama untuk meminjam di koperasi simpan pinjam adalah dengan menjadi anggota. Saat menjadi anggota, Anda harus membayar simpanan pokok yang dibayarkan sekali dengan jumlah yang sama untuk setiap anggotanya dan juga harus membayar simpanan wajib yang dibayar di setiap bulannya. Selain itu terdapat simpanan sukarela yang jumlahnya bebas dan berbeda tergantung pada anggota masing-masing.</p>
<p>Pengajuan pinjaman di koperasi simpan pinjam tergantung pada kepentingan dana tersebut akan digunakan. Contohnya sebagai modal usaha. Untuk pengajuan dana, pemohon dana atau anggota harus menulis dan mengajukan proposal usaha secara lengkap termasuk besar modal yang
menggunakan modal yang dipinjam dari koperasi tersebut, penghitungan
perkiraan laba dan keuangan secara menyeluruh. Proposal tersebut berguna untuk bahan pertimbangan pihak koperasi untuk memberikan dana secara tunai dan cepat atau hanya sebagian saja serta untuk melihat dan memperhitungkan kemampuan untuk mengembalikan modal atau pinjaman.</p>
</a>
</tr>
</table>
</div>
</html>
//
Script login.php
<?php
// Sesion Di jalankan session_start();
$username = $_POST['username'];
$password = $_POST['password'];
// membuat koneksi Ke MYSQL dan Database, Sesuaikan Dengan pengaturan di tempat anda
$koneksi=mysql_connect("localhost", "root", "");
$db=mysql_select_db("koperasiii",$koneksi);
// mencari password berdasarkan username
$query = "SELECT * FROM login WHERE username = '$username'";
$hasil = mysql_query($query) or die("Error");
$data = mysql_fetch_array($hasil);
if ($data['username'] && $password==$data['password']){
// jika sesuai, maka buat session
$_SESSION['username'] = $data['username'];
$_SESSION['nama'] = $data['nama'];
$_SESSION['hak_akses'] = $data['hak_akses'];
alert('Username atau Password tidak sesuai. Silahkan diulang kembali!');
<?php
session_start();
$hak_akses = $_SESSION['hak_akses'];
if(!isset($_SESSION['username']) && $hak_akses!="Admin"){
?>
<script language="JavaScript">
alert('Anda Bukan Admin. Silahkan Login kembali!');
<title>Koperasi Simpan Pinjam Online | Admin</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="964" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="964" bgcolor="#B0C4DE"><img src="image/header.jpg" width="964" height="130" /></td>
</tr>
</table>
<table width="964" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><hr></td>
</tr>
</table>
<table width="964" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#F8F8FF" height="32">
<td width="10"> </td> href="home-admin.php?page=pro-version" title="View"><u>V</u>iew Transaction</a></li>
<li><a href="login/logout.php" title="Log out"><u>L</u>og out</a></li>
<table width="964" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#F8F8FF">
<td> </td>
</tr>
</table>
<tr bgcolor="#F8F8FF">
<td width="10"> </td>
<td rowspan="4" valign="top">
<table width="938" height="auto" bgcolor="white"
border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="938" valign="top">
<?php
$page = (isset($_GET['page']))?
$_GET['page'] : "main";
switch ($page) {
case 'form-input-member' : include "form-input-member.php"; break;
case 'form-view-member' : include "form-view-member.php"; break;
case 'form-edit-member' : include "form-edit-member.php"; break;
case 'hapus-member' : include
"hapus-member.php"; break;
case 'input-member' : include
"input-member.php"; break;
case 'list-pinjaman' : include
"list-pinjaman.php"; break;
case 'list-tabungan' : include
"list-tabungan.php"; break;
case 'form-input-pinjaman' : include "form-input-pinjaman.php"; break;
case 'form-input-bayar' : include "form-input-bayar.php"; break;
case 'form-input-tabungan' : include "form-input-tabungan.php"; break;
case 'input-bayar' : include
"input-bayar.php"; break;
case 'input-pinjaman' : include "input-pinjaman.php"; break;
case 'input-tabungan' : include "input-tabungan.php"; break;
case 'view-detail-member' : include "view-detail-member.php"; break;
case 'form-ambil-tabungan' : include "form-ambil-tabungan.php"; break;
case 'ambil-tabungan' : include "ambil-tabungan.php"; break;
case 'pro-version' : include
"pro-version.php"; break;
case 'media' : include
"media.php"; break;
case 'main' :
default : include 'about-login.php';
<table width="964" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#F8F8FF">
<td> </td>
</tr>
</table>
<table width="964" border="0" align="center" cellpadding="0" cellspacing="0">
<td height="36" colspan="5" bgcolor="#B0C4DE"><div align="right" style="margin:0 12px 0 0;"><font
color="#000"></font><br></div></td>
Script from-view member.php
<div style="border:0; padding:10px; width:924spx; height:auto;"><br />
<center><font color="orange" size="2"><b>View All Member</b></font></center><br />
<input type="button" value="Tambah Member" onclick=location.href="home-admin.php?page=form-input-member" title="Add Member"><br /><br />
<table width="924" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#FF6600">
<th width="5%">No</td>
<th width="15%" height="42">USERNAME</td>
<th width="28%">NAMA</td>
<th width="15%">NIK</td>
<th width="20%">NO HP</td>
<th width="17%">Action</td>
</tr>
<?php
include "koneksi.php";
$Cari="SELECT * FROM member";
$Tampil = mysql_query($Cari);
$nomer=0;
while ( $hasil = mysql_fetch_array ($Tampil)) {
$username= stripslashes ($hasil['username']);
$nama = stripslashes ($hasil['nama']);
$nik = stripslashes ($hasil['nik']);
$no_hp = stripslashes ($hasil['no_hp']);
{
$nomer++;
?>
<tr align="center" bgcolor="#DFE6EF">
<td> </td>
<td height="32"><?=$nomer?><div align="center"></div></td>
<td><?=$username?><div align="center"></div></td>
<td><?=$nama?><div align="center"></div></td>
<td><?=$nik?><div align="center"></div></td>
<td><?=$no_hp?><div align="center"></div></td>
<td bgcolor="#EEF2F7"><div align="center"><a href="home-admin.php?page=view-detail-member&username=<?=$username?>">Detail</a> |
<a
admin.php?page=form-edit-member&username=<?=$username?>">Edit</a> | <a href="home-
admin.php?page=hapus-member&username=<?=$username?>">Hapus</a></div></td>
</tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<?php
} }
//Tutup koneksi engine MySQL mysql_close($Open);
?>
</table>
</div>
Script view-detail-member.php
<div style="border:0; padding:10px; width:924px; height:auto;">
<?php
include "koneksi.php";
if (isset($_GET['username'])) {
$username = $_GET['username'];
} else {
die ("Error. No ID Selected! ");
}
//Tampilkan data dari tabel member
$query = "SELECT * FROM member WHERE username='$username'";
$sql = mysql_query ($query);
$hasil = mysql_fetch_array ($sql);
$username = $hasil['username'];
$password = $hasil['password'];
$nama = $hasil['nama'];
$nik = $hasil['nik'];
list($thn_lahir,$bln_lahir,$tgl_lahir) = explode ("-",$hasil['tgl_lahir']);
$jenis_kelamin = $hasil['jenis_kelamin'];
$pekerjaan = $hasil['pekerjaan'];
$alamat = $hasil['alamat'];
$email = $hasil['email'];
$no_hp = $hasil['no_hp'];
$tabungan = $hasil['tabungan'];
$pinjaman = $hasil['pinjaman'];
?>
<input type="button" value="Kembali" onclick=location.href="home-admin.php?page=form-view-member" title="Kembali">
<table width="860" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr bgcolor="#DFE6EF" height="30">
<td> </td>
<td><b>Detail Data Member