Pembuatan Flowchart (Diagram Alir)

BAB 3. PERANCANGAN SISTEM

3.7 Flowchart

3.7.2 Pembuatan Flowchart (Diagram Alir)

Salah satu cara yang digunakan untuk membuat garis besar program adalah dengan membuat flowchart. Dengan adanya flowchart, akan sangat membantu untuk

memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya terutama link untuk navigasi penjelajahan ke seluruh halaman web.

1. Flowchart Login Admin

Gambar 4.5 Flowchart Login Admin

2. Flowchart Halaman Admin

Menu Admin

Imput Data Anggota

Lihat[ Data Anggota

Edit Data Anggota

Form Imput Data Anggota

Lihat Data Anggota

E3 yes

yes

yes no

Gambar 3.6 Flowchart Halaman Admin

3. Flowchart Imput Data Anggota

Pegawai Dinas Pendidikan Provsu

Imput data anggota

pinjaman no

Simpan yes

Gambar 3.7 Flowchart Imput Data Anggota

4. Flowchart Edit Data Anggota

Gambar 3.8 Flowchart Edit Data Anggota

5. Flowchart Lihat Data Anggota

Tampilkan Data Anggota

Pilih Data

Detail

Hapus

Tampilkan Data Anggota Tampilkan Detail Data

Update Pinjaman

yes

E no

yes

Gambar 3.9 Flowchart Lihat Data Anggota

6. Flowchart Logout

START

Admin

Tampilan Admin

Halaman Home

END

Gambar 3.10 Flowchart Prosedur Logout

IMPLEMENTASI SISTEM

4.1 Defenisi Implementasi Sistem

Implementasi system adalah prosedur yang di lakukan untuk menyelesaikan desain sistem yang telah di rancang, sistem yang di setujui, menguji sistem, menginstal dan mulai menggunakan sistem baru tersebut maupun sistem yang diperbaiki atau langkah-langkah untuk membuat sistem agar siap dioperasikan, termasuk juga menulis kode program jika tidak digunakan paket perangkat lunak aplikasi.

4.2 Komponen Utama Dalam Implementasi Sistem

Untuk mengelolah data yang menggunakan komputer haruslah mempunyai tiga komponen utama yaitu:

1. Hardware (Perangkat Keras)

Hardware merupakan komponen fisik dalam rangkaian komputer, yang saling bekerjasama dalam pengolahan data. Spesifikasi yang dibutuhkan adalah sebagai berikut:

a. CPU (Control Processing Unit) b. Monitor

c. Keyboard dan mouse

d. Hardisk sebagai tempat sistem beroperasi dan media penyimpanan e. Printer

f. Memori minimal 256 MB

2. Software (Perangkat Lunak)

Software merupakan intruksi program yang dapat digunakan dalam komputer dan memberikan fungsi serta menampilkan sesuai dengan yang diinginkan, software yang diperlukan untuk menjalankan perangkat keras untuk aplikasi pengelolahan data yaitu:

a. Sistem Operasi Windows XP/Windows Vista/Windows 7

b. Macromedia Dreamweaver CS6 sebagai editor pendesainannya.

c. Microsoft MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL.

d. Apache Web Server sebagai server lokal dalam pengetesan halaman web.

e. PHP sebagai bahasa pemrograman server side.

f. Browser sebagai tempat media tampilan halaman website. Seperti:

Mozilla.

3. Brainware (Unsur Manusia)

Brainware yaitu orang yang dapat mengelolah dan mengerti sistem operasi komputer untuk menjalankan program. Faktor manusia yang dimaksud adalah orang-orang yang memiliki bagian untuk menangani sistem dan merupakan unsur manusia yang meliputi:

a. Analisis Sistem, yaitu orang membentuk dan membangun fasilitas rancangan sistem atau program.

b. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan dalam membuat dan membangun suatu program.

c. Operator (Administrator), yaitu orang yang mengoperasikan sistem seperti

memasukkan data untuk dioperasikan oleh komputer dalam menghasilkan informasi dan lain sebagainya.

d. Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan informasi yang dibutuhkan.

4.3 Tujuan Implementasi

Tujuan implementasi sistem adalah sebagai berikut:

1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang disetujui.

2. Menulis, menguji dan mendokumentasikan program-program dan prosedur yang dilakukan oleh dokumen desain sistem yang disetujui.

3. Memastikan bahwa personil dapat menggunakan sistem baru yang ada yaitu dengan mempersiapkan pemakai dan melatih personil.

4. Memperhitungkan bahwa desain sistem memenuhi permintaan pemakai yaitu dengan menguji sistem secara keseluruhan.

5. Memastikan bahwa konversi ke sistem baru berjalan secara benar yaitu dengan merencanakan, mengontrol dan melakukan instansi sistem baru secara benar.

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

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:

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

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

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

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>

<style>

body {background: url(images/blurred.jpg) no-repeat center top;

-webkit-background-size: cover;

-moz-background-size: cover;

background-size: cover;}

</style>

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>

<form name="login" action="cek_login.php"

method="POST" onSubmit="return validasi(this)" class="form-3">

<label for="login">Username</label>

<input type="text" name="username"

id="login" placeholder="Username">

</p>

<label for="password">Password</label>

<input type="password" name="password"

id="password" placeholder="Password">

</p>

<input type="submit" name="submit"

<style>

</style>

</head>

<h3>Selamat Datang di Sistem Informasi Koperasi Simpan Pinjam Nasari berbasis Web</h3>

<br />

<div class="span7"><legend>Galeri </legend>

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">

</div>

<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"){

alert('Anda Bukan Admin. Silahkan Login kembali!');

<title>Koperasi Simpan Pinjam Online | Admin</title>

</head>

<body>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

<td width="10"> </td> href="home-admin.php?page=pro-version" title="View"><u>V</u>iew Transaction</a></li>

</tr>

</table>

<table width="938" height="auto" bgcolor="white"

border="0" cellspacing="0" cellpadding="0">

<tr>

<?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';

</tr>

</table>

<td height="36" colspan="5" bgcolor="#B0C4DE"><div align="right" style="margin:0 12px 0 0;"><font

color="#000"></font><br></div></td>

Dalam dokumen SISTEM INFORMASI KOPERASI SIMPAN PINJAM NASARI MEDAN BERBASIS WEB TUGAS AKHIR (Halaman 46-0)