Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP Dan MySQL

119  60 

Loading....

Loading....

Loading....

Loading....

Loading....

Teks penuh

(1)

PERANCANGAN SISTEM INFORMASI JARINGAN KOPERASI SIMPAN PINJAM MENGGUNAKAN PHP DAN MySQL

TUGAS AKHIR

AHMAD ARIF ABDI D 102406179

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(2)

PERANCANGAN SISTEM INFORMASI JARINGAN KOPERASI SIMPAN PINJAM MENGGUNAKAN PHP DAN MySQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas akhir dan memenuhi syarat mencapai sebutan Ahli Madya Komputer

AHMAD ARIF ABDI D 102406179

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul :PERANCANGAN SISTEM INFORMASI JARINGAN

KOPERASI SIMPAN PINJAM MENGGUNAKAN PHP DAN MYSQL

Katagori : TUGAS AKHIR

Nama : AHMAD ARIF ABDI D

Nomor Induk Mahasiswa : 102406179

Program Studi : D3 TEKNIK INFORMATIKA

Dapartemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM ( FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Juli 2013

Diketahui / Disetujui oleh

Dapartemen Matematika FMIPA USU

Ketua, Pembimbing

Prof. Dr. Tulus, M.Si Drs. Rosman Siregar, M.Si

(4)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI JARINGAN KOPERASI SIMPAN PINJAM MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan yang masing-masing disebutkan sumbernya.

Medan, Juni 2013

(5)

PENGHARGAAN

Puji dan syukur penulis ucapkan kehadirat Allah SWT yang telah memberikan Rahmat serta Hidayah kepada kita semua, sehingga berkat Karunian-Nya penulis dapat menyelesaikan Tugas Akhir dengan baik yang berjudul “PERANCANGAN SISTEM INFORMASI JARINGAN KOPERASI SIMPAN PINJAM

MENGGUNAKAN PHP DAN MYSQL“ pada waktu yang telah ditetapkan. Adapun penyusunan Tugas Akhir ini berdasarkan data yang penulis peroleh dari buku pedoman, situs internet, serta data dan keterangan dari bimbingan.

Penulis menyadari bahwa dalam penyusunan Tugas Akhir tidak terlepas dari dukungan serta bantuan berbagai pihak, oleh karena itu pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada :

1. Bapak Dr.Sutarman, M.Sc selaku Dekan Fakultas MIPA Universitas Sumatera Utara.

2. Bapak Syahriol Sitorus, S.Si.,M.IT selaku Ketua Jurusan Program Studi D3 Teknik Informatika.

3. Bapak Drs. Rosman Siregar, M.Si selaku Dosen Pembimbing Tugas Akhir Program Studi D3 Teknik Informatika Fakultas MIPA universitas Sumatera Utara yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam penyelesaian Tugas Akhir.

4. Kepada kedua orang tua saya Abdullah Effendy Dalimunthe dan ibunda tercinta Jumini beserta seluruh adik, yang senantiasa memberikan semangat, dukungan, kasih sayang dan selalu mendoakan penulis agar lancar dalam setiap hal.

5. Seluruh Staf Pengajar Studi D3 Teknik Informatika Fakultas MIPA Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya kepada penulis selama masa perkuliahan.

(6)

teristimewa Vivi Saufina serta seluruh keluarga besar kom C’10 yang berperan penting dalam menyelesaikan Tugas Akhir ini.

7. Seluruh pihak yang telah banyak membantu penulis, yang tidak dapat penulis sebutkan namanya satu-persatu.

Penulis menyadari sepenuhnya bahwa dalam penyusunan laporan ini masih banyak kekurangan, karena keterbatasan pengetahuan dan kemampuan, untuk itu kritik dan saran yang membangun dari pembaca sangat diharapkan demi kesempurnaan Tugas Akhir ini.

Demikian penulis sampaikan dengan harapan Tugas Akhir ini dapat bermanfaat bagi pembaca dan penulis sendiri.

Medan, Juni 2013 Penulis

(7)

ABSTRAK

Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP Dan MySQL ini bertujuan untuk untuk memberikan informasi dan data yang cepat, serta dapat meningkatkan pelayanan yang baik terhadap anggota koperasi. Adapun fasilitas yang terdapat dalam aplikasi ini yaitu halaman utama, halaman portal khusus untuk anggota koperasi, halaman admin dan halaman komisaris admin. Pada proses pembuatan sistem informasi ini, aplikasi yang di gunakan yaitu XAMPP (terdiri dari Apache Server, PHP dan MySQL), Adobe Dreamweaver CS5 digunakan sebagai editor skrip, Adobe Photoshop CS4 sebagai editor grafis.

(8)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar isi vii

Daftar Table ix

Daftar Gambar x

BAB 1 PENDAHULUAN

1.1 Latar Belakang 1

1.2 Rumusan Masalah 2

1.3 Batasan Masalah 2

1.4 Tujuan Dan Manfaat 3

1.5 Metode Penelitian 3

1.6 Sistematika Penulisan 5

BAB 2 TINJAUAN TEORI

2.1 Data Dan Informasi 6

2.2 Sistem Dan Sistem Informasi 7

2.3 Pengenalan HTML 8

2.4 Pengenalan PHP 10

2.5 Penggabungan Script PHP Dan HTML 12

2.6 Pengenalan MySQL 13

2.7 Pengenalan Xampp 13

2.8 Pengenalan Photoshop 14

2.9 Adobe Dreamweaver 16

(9)

BAB 3 PERANCANGAN SISTEM

3.1 Perancangan Sistem 17

3.2 Perancangan Data Flow Diagram 17

3.3 Perancangan Struktur Database 19

3.4 Flowchart 36

BAB 4 IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem 56

4.2 Tujuan Implementasi Sistem 56

4.3 Spesifikasi Sistem 56

4.4 Pengujian Sistem 60

BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 67

5.2 Saran 68

(10)

DAFTAR TABEL

Tabel 3.2.1 Simbol-Simbol DFD 19

Tabel 3.3.1 Table Admin 20

Tabel 3.3.2 Table Angsuran 22

Tabel 3.3.3 Tabel Berita 23

Tabel 3.3.4 Tabel Bukutamu 23

Tabel 3.3.5 Tabel Download 24

Tabel 3.3.6 Tabel Ebook 24

Tabel 3.3.7 Tabel Hubungi 25

Tabel 3.3.8 Tabel Hub_kami 26

Tabel 3.3.9 Tabel Iklan 27

Tabel 3.3.10 Tabel Komisaris 27

Tabel 3.3.11 Tabel Konfpass 29

Tabel 3.3.12 Tabel Member 29

Tabel 3.3.13 Tabel Operasional 31

Tabel 3.3.14 Tabel Penarikkan 32

Tabel 3.3.15 Tabel pinjamman 32

Tabel 3.3.16 Tabel Produk 33

Tabel 3.3.17 Tabel Shu 34

Tabel 3.3.18 Tabel Simpannan 35

Tabel 3.3.19 Tabel Sisa_simpannan 35

Tabel 3.3.20 Tabel Slide 36

Tabel 3.3.21 Tabel Unit_jaminan 36

(11)

DAFTAR GAMBAR

Gambar 4.1 Tampilan Windows 7 Ultimate 58

Gambar 4.2 Tampilan Microsoft Word 2010 59

Gambar 4.3 Tampilan Control Panel XAMPP Versi 1.7.9 59 Gambar 4.4 Tampilan Macromedia Dreamweaver CS5 60

Gambar 4.5 Tampilan Halaman Home 61

Gambar 4.6 Tampilan Halaman Download 62

Gambar 4.7 Tampilan Halaman Hubungi Kami 62

Gambar 4.8 Tampilan Halaman Kode Etik Pemasangan Iklan 63 Gambar 4.9 Tampilan Halaman Kode Etik Forum Anggota 63

Gambar 4.10 Tampilan Halaman Testimonial 64

Gambar 4.11 Tampilan Halaman Simpanan Member 64

Gambar 4.12 Tampilan Cetak Simpanan Member 65

Gambar 4.13 Tampilan Halaman Forum Member 65

(12)

ABSTRAK

Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP Dan MySQL ini bertujuan untuk untuk memberikan informasi dan data yang cepat, serta dapat meningkatkan pelayanan yang baik terhadap anggota koperasi. Adapun fasilitas yang terdapat dalam aplikasi ini yaitu halaman utama, halaman portal khusus untuk anggota koperasi, halaman admin dan halaman komisaris admin. Pada proses pembuatan sistem informasi ini, aplikasi yang di gunakan yaitu XAMPP (terdiri dari Apache Server, PHP dan MySQL), Adobe Dreamweaver CS5 digunakan sebagai editor skrip, Adobe Photoshop CS4 sebagai editor grafis.

(13)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Pada zaman sekarang ini, perkembangan dan pengaruh teknologi informasi di Indonesia semakin canggih. Terutama dalam bidang dunia internet yang terus berkembang dengan pesat yang berpengaruh pada dunia perdagangan. Menurut Sutarman (2007) Internet berasal dari kata interconnection networking yang mempunyai arti hubungan berbagai komputer dan berbagai tipe komputer yang membentuk sistem jaringan yang mencakup seluruh dunia (jaringan global) dengan melalui jaringan telekomunikasi seperti, wireless dan lainnya.

.

Perkembangan dunia usaha yang sangat pesat saat ini, mengakibatkan meningkatnya persaingan antar koperasi. Seiring dengan bertambah banyaknya jumlah anggota koperasi, dimana hal ini menandakan meningkatnya jumlah transaksi maka semakin dirasakan perlu kebutuhan akan sistem informasi yang efektif untuk mengendalikan aktivitas koperasi.

Banyak pekerjaan bagian administrasi koperasi yang belum dibuatkan suatu sistem informasi yang terkomputerisasi dengan baik. Seperti dibagian administrasi, masih menggunakan cara manual dalam melakukan pengolahan data maupun informasi.

(14)

kemudahan bagi bagian administrasi dalam menyajikan data maupun informasi dengan cepat.

Oleh karena itu, penulis mengajukan sebuah tugas akhir yang berjudul “ PERANCANGAN SISTEM INFORMASI JARINGAN KOPERASI SIMPAN PINJAM MENGGUNAKAN PHP DAN MySQL ”. Dengan tujuan untuk memberikan data dan informasi yang cepat, serta dapat meningkatkan pelayanan yang baik terhadap anggota koperasi.

1.2Rumusan Masalah

Dari uraian latar belakang masalah diatas maka dapat rumuskan suatu masalah yaitu :

1. Bagian administrasi masih menggunakan cara manual dalam menyelesaikan pekerjaannya. Seperti pengolahan data anggota, pengolahan data simpanan dan pengolahan data pinjaman.

2. Keterbatasan informasi antara pihak koperasi dengan anggota koperasi.

1.3Batasan Masalah

Permasalahan masalah dibatasi oleh:

1. Sistem informasi ini menggunakan beberapa perangkat-perangkat lunak

freeware dan open source seperti Xampp, Adobe Dreamweaver, dan Adobe Photoshop .

2. sistem informasi ini kelola oleh admin dan komisaris admin untuk menghindari kebocoran data-data dari anggota koperasi kepada pihak lain yang tidak dikenal.

(15)

4. Menggunakan halaman portal anggota koperasi untuk mengetahui data simpanan, pinjaman, angsuran dan penarikan setiap anggota yang masuk ke halaman portal anggota koperasi.

5. Halaman portal anggota koperasi ditujukan kepada anggota koperasi yang telah terdaftar pada sistem jaringan koperasi.

1.4 Tujuan dan Manfaat

A. Tujuan

Adapun tujuan perancangan sistem informasi jaringan koperasi simpan pinjam ini ”Merancang sistem informasi untuk memberikan informasi yang akurat dan terbuka dari pihak koperasi kepada anggota koperasi”.

B. Manfaat

Manfaat yang dapat diperoleh dari perancangan sistem informasi jaringan koperasi simpan pinjam adalah :

1. Dapat memberikan informasi yang akurat kepada anggota koperasi.

2. Untuk memberikan informasi secara terbuka mengenai detail pinjaman , simpanan, angsuran dan penarikan kepada anggota koperasi.

1.5 Metode Penelitian

(16)

1. Penelitian Lapangan

Penelitian ini dilakukan penulis secara langsung di lapangan, dalam hal ini penulis melakukan penelitian di KOPERASI JARINGAN SERBA USAHA dengan bertanya langsung kepada pemilik jaringan koperasi tersebut.

2. Penelitian Pustaka

Penelitian yang dilakukan penulis di perpustakaan untuk mendapatkan data yang teoritis. Dalam hal ini yang harus diperhatikan adalah subjek yang diteliti, yaitu khususnya pada buku bacaan yang menjadi pembahasan dan saling berhubungan dengan permasalahan yang dihadapi.

3. Pengumpulan data pendukung

Pengumpulan data dalam penelitian penulis lakukan dengan mencari data diinternet.

4. Pengujian Aplikasi

Menguji apakah aplikasi yang dibuat telah berhasil berjalan sesuai dengan keinginan dan melakukan perbaikan kesalahan jika masih terdapat error pada aplikasi.

5. Implementasi Aplikasi

Penerapan aplikasi yang dirancang setelah melalui tahap pengujian dan telah berjalan dengan baik.

6. Penyusunan dan pengadaan laporan

(17)

1.6 Sistematika Penulisan

Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan beberapa lampiran. Adapun setiap bab terdiri dari sub-sub bab. Adapun sistematika penulisan tugas akhir ini adalah :

BAB 1 : PENDAHULUAN

Pada bab ini diuraikan secara ringkas pembahasan tentang Latar Belakang, Rumusan Masalah, Batasan Masalah, Tujuan dan Manfaat, Metode Penelitian, dan Sistematika Penulisan.

BAB 2 : TINJAUAN TEORI

Di dalam bab ini diuraikan sekilas tentang Data dan Informasi, Sistem dan Sistem Informasi, Pengenalan HTML, PHP, MySQL ,Xampp, Adobe Photoshop, serta adobe dreamweaver.

BAB 3 : PERANCANGAN SISTEM

Pada bab ini berisi rancangan sistem yang akan dibentuk, perancangan struktur database, flowchat pada Sistem Informasi Jaringan Koperasi Simpan Pinjam.

BAB 4 : IMPLEMENTASI SISTEM

(18)

BAB 5 : KESIMPULAN DAN SARAN

(19)

BAB 2

TINJAUAN TEORI

2.1 Data dan Informasi

2.1.1 Pengertian Data

Data menurut kamus bahasa Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata “datim” yang berarti fakta atau bahan-bahan keterangan. Menurut Gordon B. Davis, (Management Informations System: Conceptual Fondations, Structures, and Development), data sebagai bahan mentah dari informasi, yang dirumuskan sebagai sekelompok lambang-lambang tidak acak yang menunjukkan jumlah atau tindakan.

Menurut pandangan bisnis, terdapat pengertian data bisnis yaitu : “ Business data is an organizations description of things (resource) and events (transaction) that it faces”. Jadi data dalam hal ini disebut sebagai data bisnis , merupakan deskripsi organisasi tentang sesuatu (resource) dan kejadian (transaction)

yang terjadi.

(20)

2.1.2 Pengertian Informasi

Informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian yang nyata yang digunakan untuk mengambil keputusan.

Menurut Gorden B. Navis, (Management Informations System: Conceptual Fondations, Structures, and Development), informasi sebagai data yang diolah menjadi bentuk yang lebih berarti dan berguna bagi penerimanya untuk mengambil keputusan masa kini maupun yang akan datang.

2.2 Sistem dan Sistem Informasi

2.2.1 Pengertian Sistem

Sistem juga dapat didefinisikan sebagai ”cara”. Seperti sistem pengamatan, system pengelihatan, sistem pengajaran dan lain sebagainya. Jadi sistem adalah suatu kesatuan yang utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai suatu tujuan.

Menurut M.J Alexander dalam buku Information System Analyst: Theory and Application, sistem merupakan suatu group dari elemen-elemen yang menunjukkan suatu kumpulan saling berhubungan diantarnya dan berinteraksi bersama-sama menuju satu atau lebih tujuan, sasaran atau tugas akhir dari suatu sistem.

2.2.2 Pengertian Sistem Informasi

(21)

organisasi bisnis dengan cara yang menguntungkan. Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi.

Sistem informasi di dalam organisasi yang mempertemukan kebutuhan pengolahan transaksi, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan yang diperlukan. Sistem informasi tertentu menerima masukkan data dan instruksi, mengolah data tersebut sesuai instruksi dan mengeluarkan hasilnya.

2.3 Pengenalan HTML

2.3.1 Apa Itu Dokumen HTML ?

HTML (Hypertext Markup Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu. Dokumen HTML adalah suatu dokumen teks biasa, dan disebut sebagai markup language karena mengandung tanda – tanda (tag) tertentu yang digunakan untuk menentukan tampilan suatu teks tersebut dalam suatu dokumen. Pada dokumen HTML yang termasuk sistem hypertext, kita tidak harus membaca dokumen tersebut secara urut dari atas ke bawah atau sebaliknya, tetapi kita dapat menuju pada topik tertentu secara langsung dengan menggunakan teks penghubung yang akan membawa anda ke suatu topik atau dokumen lain secara langsung.

(22)

2.3.2 Bagian-Bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian - bagian HTML perhatikan skema dibawah ini :

<html> <head>

<title>…..</title> </head>

<body>

…isi dari halaman web… </body>

</html>

Keterangan :

1. Dokumen HTML selalu diawali dengan tanda tag pembuka<html> dan diakhiri dengan tanda tag penutup </html>.

2. Pada elemen head <head></head>, dapat kita sisipkan kode-kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan scripts-scripts pemograman web seperti JavaScript, VBScripts, atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.

3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan situs kita, seperti: <font></font>, <table></table>, <form></form>.

(23)

<tag-awal> TEKS <tag-akhir>, Namun ada juga tag yang tidak perlu ada penutup seperti <br>, <hr>, <img> dan lainnya.

2.4 Pengenalan PHP

2.4.1 Apa itu PHP ?

PHP singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai bahasa

script server-side dalam pengembangan web yang disisipkan pada dokumen HTML. Penggunaan PHP memungkinkan web dapat dibuat dinamis sehingga maintenance situs web tersebut menjadi lebih mudah dan efisien. PHP merupakan software Open-Source yang disebarkan dan dilisensikan secara gratis serta dapat di-download secara bebas dari situs resminya yaitu htpp://www.php.net .

2.4.2 Sejarah Singkat PHP

PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung

homepage-nya . Rasmus Lerdorf adalah salah seorang pendukung Open Source . Oleh karena itu , ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakke, Shane Caraveo dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus bertambah.

2.4.3 Memulai PHP

(24)

PHPPed, UltraEdit, Crimson Editor. Fungsi-fungsi yang tidak case sensitif tetapi variabelnya case sensitive ( membedakan huruf besar da kecil ) .

Kode PHP diawali dengan tanda lebih kecil ( < ) da diakhiri dengan tanda lebih besar (>). Ada tiga cara untuk menuliskan skrip PHP, yaitu :

1. <? Script PHP ?>

2. <?php Script PHP ?>

3. <SCRIPT LANGUAGE="php"> Skrip PHP </SCRIPT>

Pemisah antar instruksi adalah titik koma (;). Untuk membuat atau menambahkan komentar, standar penulisan adalah

/*komentar*/ //komentar #komentar

2.5 Penggabungan Script HMTL dan PHP

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya ( <? ) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup ( ?> ).

Ada dua tipe penggabungan antara PHP dan HTML yaitu:

1. Embedded Script

Embedded Script adalah script PHP yang disisipkan di antara tag-tag dokumen HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan PHP sebagai bagian dari script HTML.

(25)

<title> Embedded Script</title> <head>

<body>

<? echo "Hallo"; ?> </body>

</html>

2. Non-Embedded Script

Non-Embedded Script adalah script/program PHP murni. Termasuk tag HTML yang disisipkan dalam script PHP.

Contoh penulisan Non Embedded Script dapat dilihat di bawah ini <?php

echo"<html>"; echo"<head>";

echo"<title>Non-Embedded Script</title>"; echo"</head><body>";

echo"Hallo"; echo"</body>"; echo"</html>";?>

2.6 Pengenalan MySQL

(26)

2.7 Pengertian Xampp

Xampp merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall Xampp maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual.Perangkat lunak komputer ini memiliki kelebihan untuk bias berperan sebagai Server Web Apache untuk simulasi pengembangan web.Tool Pengembangan web ini mendukung teknologi web popular seperti PHP, MySQL, dan Perl. Melalui program ini, programmer web dapat menguji aplikasi web yang dikembangkan secara langsung dari komputer, tanpa perlu terkoneksi ke internet.

2.8 Adobe Photoshop

Adobe Photoshop adalah sebuah aplikasi desain yang lebih sesuai digunakan untuk memodifikasi sebuah image ilustrasi. Sering juga aplikasi ini dinamakan modifikasi, karena hamper setiap option-nya dapat digunakan untuk membuat modifikasi. Aplikasi ini menyajikan beberapa option tool yang berfungsi untuk membuat ilustrasi dan efek untuk sebuah obyek. Obyek yang masuk dalam dokumen Photoshop akan disimpan dalam bentuk

image. Sehingga diperlukan dokumen backup untuk mempermudah jika sewaktu-waktu ada proses editing.

Ada dua dokumen yang dapat dipilih sesuai format flatten-nya yaitu:

1. Flatten Image, dokumen dengan layer penyusun menyatu. Pada dokumen ini terdapat penggabungan beberapa layer penyusun desain yang dibuat sebelumnya. Sehingga dokumen akan tampil dengan materi desain yang sama tetapi hanya ada satu layer . Beberapa dokumen seperti ini dapat ditemukan dalam format jpeg, bmp, gif, dan lai-lain. Kelebihan format ini adalah:

a. Memori lebih kecil.

b. Mudah di-load ke aplikasi lain. c. Sangat praktis untuk matei presentasi. d. Tidak dapat diedit

(27)

menampilkan kotak layer sesuai dengan jumlah materi dalam dokumen. Bila dokumen terdiri dari sepuluh materi, maka layer yang terbentuk juga sepuluh buah. Dokumen seperti ini biasanya ditemukan dalam format psd, pdf. Kelebihan dari dokumen ini adalah:

a. Mudah dilakukan editing

b. Memori lebih besar c. Digunakan sebagai master

Pada prinsipnya setiap dokumen akan disimpan dalam dua jenis dokumen tersebut (flatten image atau don’t flatten image). Masing-masing jenis dokumen ini dapat diubah format saving nya sesuia dengan kebutuhan desain. Adobe Photoshop juga dapat digunakan bersama dnegan aplikasi lain, misalnya Adobe Ilustrator, Adobe InDesign, Adobe Effect, Adobe Premier, bahkan dengan Macromedia FreeHand. Proses yang dapat diberikan adalah kekmapuan saling melengkapi kebutuhan ilustrasi desain dan modifikasi pada masing-masing aplikasi sehingga akan terciptanya karya desain yang professional.

Dalam Adobe Photoshop terdapat beberapa jenis cara proses saving diantaranya: a. Save, proses penyimpanan dokumen langsung

b. Save As, proses menyimpan dokumen dengan pilihan format saving

c. Save for Web, menyimpan dokumen untuk web

d. Export,menyimpan untuk dibukakan dalam aplikasi Adobe Ilustrator

Adobe Photoshop memiliki beberapa option dan tool yang akan dibagi dalam beberapa bagian. Diantaranya:

a. Toolbars

b. Toolbox

c. Dialogbox

2.9 Adobe Dreamweaver

(28)

2.10 Aplikasi Berbasis Web

1. Aplikasi yang dibuat dengan memanfaatkan mekanisme dan aplikasi yang sudah ada pada sistem web (WWW).

2. Aplikasi berbasis web merupakan aplikasi yang dapat langsung dijalankan pada browser dengan bantuan koneksi dari internet.

3. Aplikasi berbasis web tidak terbatas pada sistem operasi yang digunakan.

4. User yang mengakses data dengan menggunakan aplikasi berbasis web bisa langsung mendapat umpan balik dari server penyedia data sehingga tidak statis.

(29)

BAB 3

PERANCANGAN SISTEM

3.1. Perancangan Sistem

Perencanaan dan perancangan merupakan sebuah tahap awal dalam membagun sebuah situs.Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs.Situs ini dirancang menggunakan PHP sebagai bahasa pemrogramannya, MySQL sebagai databasenya, Photoshop Cs 4 digunakan sebagai desain grafis, Dreamweaver CS 5 digunakan sebagai media untuk membuat layout

dari situs yang telah dirancang.

3.2. Perancangan Data Flow Diagram (DFD)

(30)

Table 3.2.1 Simbol-Simbol DFD lingkungan luar sistem yang akan memberikan input atau menerima output dari sistem. 2

Proses ( Process)

Kegiatan dari hasil suatu arus data yang masuk dalam proses umtuk dihasilkan arus data yang akan mengubah input menjadi output.

3

Aliran Data ( Data Flow )

Data mengalir melalui sistem, dimulai dengan sebagian input dan diubah atau diperoses menjadi input. 4

Penyimpanan Data ( Data Stronge )

Data disimpan untuk keperluan berikutnya.

3.3. Perancangan Struktur Database

Database adalah kumpulan file-file yang saling berelasi antar file yang lain sehingga membentuk satu kesatuan data untuk menginformasikan suatu perusahaan, instansi dalam batasan tertentu.

(31)

Tabel 3.3.1 Admin

Nama Field Type Size Keterangan

Id_admin* Varchar 6 Id admin

Username Varchar 100 Nama panggilan

admin

Nama_lengkap Varchar 100 Nama lengkap

admin

Nama_ibu Varchar 100 Nama lengkap ibu

Pass Varchar 100 Password admin

terenkripsi md5

Konf_pass Varchar 100 Password admin

yang terdekripsi

Agama Varchar 25 Agama admin

Email Varchar 20 Email admin

Bank Varchar 50 Bank yang di

gunakan admin

No_rekening Varchar 100 No rekening bank

yang di gunakan admin

Jk Varchar 100 Jenis kelamin

admin

T_lhr Varchar 100 Tempat lahir admin

Tgl_lahir Varchar 100 Tanggal lahir admin

Provinsi Varchar 100 Provinsi

Kota Varchar 100 Kota

Alamat Varchar 200 Alamat admin

Kode_pos Varchar 100 Kode_pos

Telp_admin Varchar 12 Telp_admin

Tgl_daftar Varchar 25 Tgl_daftar

(32)

Tabel 3.3.2 Angsuran

Nama Field Type Size Keterangan

Kode_angsuran* Varchar 6 Kode angsuran

anggota

Id_anggota Varchar 9 Kode anggota

Nama Text Nama anggota

Id_admin Varchar 9 Kode admin

Kd_pinjamman Varchar 6 Kode pinjamman

anggota

Tgl_angsuran Varchar 26 Tanggal angsuran

Angsuran_ke Int 4 Banyaknya

angsuran

Bulan Varchar 25 Bulan pembayaran

Tahun Int 4 Tahun pembayaran

Tabel 3.3.3 Berita

Nama Field Type Size Keterangan

Id* Int 9 Id berita

Judul Varchar 100 Judul berita

Berita_singkat Text Berita singkat

Berita Text Berita keseluruhan

Pengupload Varchar 100 Nama penulis berita

Tanggal Varchar 20 Tanggal berita di

tulis

(33)

Tabel 3.3.4 Bukutamu

Nama Field Type Size Keterangan

Id* int 10 Kode chat

Id_anggota varchar 9 Kode anggota

Nama text Nama anggota

tPesan text Pesan chat

Tgl varchar 25 Tanggal chat

Jam varchar 10 Jam chat

Gambar text Gambar anggota

Tabel 3.3.5 dowonload

Nama Field Type Size Keterangan

Id* Int 11 Id sertifikat

Nama Text Nama sertifikat

Type Text Jenis sertifikat

Size Int 12 Besar sertifikat

Judul Text Judul setifikat

keterangan Text Keterangan

sertifikat

Pengupload Text Nama pengupload

sertifikat

tanggal Varchar 25 Tanggal di upload

Tabel 3.3.6 ebook

Nama Field Type Size Keterangan

Id* Int 11 Id buku

Nama Text Nama buku

Type Text Jenis buku

(34)

Judul Text Judul buku

keterangan Text Keterangan buku

Pengupload Text Nama pengupload

buku

Id_pengupload Varchar 9 Id pengupload buku

tanggal Varchar 25 Tanggal di upload

Tabel 3.3.7 hubungi

Nama Field Type Size Keterangan

Id* int 11 Kode hubungi

n_koperasi text Nama koperasi

alamat text Alamat koperasi

telp text Telephone koperasi

email text Alamat Email

koperasi

twiter text Alamat twitter

koperasi

facebook text Alamat facebook

koperasi

Tabel 3.3.8 hub_kami

Nama Field Type Size Keterangan

Id* int 11 Id testimonial

nama varchar 25 Nama pengirim

Id_anggota varchar 9 Id anggota

Alamat text Alamat pengirim

Telpon varchar 9 Telephone

pengirim

Email text Email pengirim

(35)

Pesan text Pesan

tanggal varchar 25 Tanggal

pengirimam pesan

Jam varchar 25 Jam pengiriman

pesan

Tabel 3.3.9 iklan

Nama Field Type Size Keterangan

Id* Int 9 Kode iklan

Id_pengupload varchar 9 Kode penulis iklan

Judul varchar 100 Judul iklan

Iklan_singkat text Iklan singkat

iklan text Iklan keseluruhan

Pengupload varchar 100 Nama penulis

Tanggal varchar 20 Tanggal di buat

Gambar text Gambar iklan

Tabel 3.3.10 komisaris

Nama Field Type Size Keterangan

Id_komisaris* Varchar 100 Kode komisaris

admin

Username Varchar 100 Nama panggilan

komisaris admin

Nama_langkap Varchar 100 Nama lengkap

komusaris admin

Agama Varchar 100 Agama komisaris

admin

pass Varchar 100 Kata sandi

komisaris admin

(36)

komisaris admin

Email Varchar 100 Email komisaris

admin

Jk Varchar 10 Jenis kelamin

komisaris admin

T_lhr Varchar 25 Tempat lahir

komisaris admin

Tgl_lhr Varchar 25 Tanggal lahir

komisaris admin

Provinsi Text Provinsi

Kota Text Kota

Pekerjaaan Varchar 100 Pekerjaan

komisaris admin

alamat Varchar 100 Alamat komisaris

admin

Kode_pos Int 5 Kode pos tempat

tinggal

Telp Varchar 100 Telephone

gbr Varchar 100 gambar

Tabel 3.3.11 konf_pass

Nama Field Type Size Keterangan

Id_konf* Int 11 Kode konfirmasi

kata sandi

Id_anggota Varchar 9 Kode anggota

Nama Text Nama anggota

Email Text Email anggota

Tgl_daftar Varchar 25 Tgal daftar anggota

Telp Varchar 12 Telp anggota

keterangan Varhcar 10 Keterangan

Id_pengubah Varchar 9 Kode pengubah

(37)

Tabel 3.3.12 member

Nama Field Type Size Keterangan

id_anggota* Varchar 100 Kode anggota

koperasi

no_anggota Varchar 100 No anggota koperasi

Password Varchar 100 Kata sandi anggota

konf_pass Varchar 100 Konfirmasi kata sandi

username Varchar 100 Nama panggilan

anggota

nama_anggota Varchar 50 Nama lengkap

anggota

jk Varchar 20 Jenis kelamin anggota

agama Varchar 20 Agama anggota

t_lahir Varchar 100 Tempat lahir anggota

tgl_lahir Varchar 100 Tanggal lahir anggota

Provinsi Varchar 100 provinsi

Kota Varchar 100 Kota

Pekerjaan Varchar 100 Pekerjaan anggota

Kode_pos Int 5 Kode pos anggota

alamat Varchar 100 Alamat anggota

Telp Varchar 12 Telephone anggota

Email Varchar 50 Email anggota

Tgl_daftar Varchar 100 Tanggal daftar

anggota

(38)

Tabel 3.3.13 operasional

Nama Field Type Size Keterangan

Kd_opr* Int 4 Kode operasional

Gaji Int 15 Gaji administrasi

Id_admin varchar 9 Kode admin

Tgl varchar 25 Tanggal penginputan

data operasional

pajak Int 15 Pajak koperasi

Pengobatan Int 15 Dana P3K

Bbm Int 15 Dana transportasi

Administrasi Int 15 Dana administrasi

Jasa_simpannan Int 15 Dana jasa simpanan

Paket_lebaran Int 15 Dana paket lebaran

Lainnya Int 15 Dana lainnya

total Int 15 Total keseluruhan

dana operasional

Tabel 3.3.14 penarikkan

Nama Field Type Size Keterangan

Kd_penarikkan* varchar 6 Kode penarikkan

Id_anggota varchar 9 Kode anggota

Id_admin varchar 9 Kode admin

Tgl_penarikkan varchar 25 Tanggal penarikan

jumlah Int 15 Jumlah penarikan

(39)

Tahun Int 4 Tahun penarikan

Tabel 3.3.15 pinjamman

Nama Field Type Size Keterangan

Kd_pinjamman* varchar 6 Kode pinjamman

Id_anggota varchar 9 Kode anggota

nama text Nama anggota

Id_admin varchar 9 Kode anggota

Pinjam_ke int 3 Berapa kali

peminjaman

Jumlah int 15 Jumlah

peminjaman

Tgl varchar 26 Tanggal

peminjaman

Masa_angsur int 3 Masa angsuran

Bunga float Bunga angsuran

Total int 15 Total pinjamman

Angsur_per_bln float Angsuran perbulan

Bulan varchar 25 Bulan peminjaman

(40)

Tabel 3.3.16 produk

Nama Field Type Size Keterangan

Id* int 6 Kode produk

Judul varchar 9 Judul produk

Isi_produk text Isi produk

Pengupload varchar 9 Pengupload produk

Pemasang_produk varchar 3 Pemasang produk

Tanggal varchar 15 Tanggal produk

Gambar text Gambar produk

Tabel 3.3.17 shu

Nama Field Type Size Keterangan

Kd_shu varchar 6 Kode shu

Kd_opr int 4 Kode operasional

Id_admin varchar 9 Id admin

Jumlah Int 15 Jumlah shu

Tgl varchar 25 Tanggal pemasukkan

dana shu

Cadangan Int 15 Dana cadangan

Anggota Int 15 Dana anggota

Pengurus Int 15 Dana pengurus

Karyawan Int 15 Dana karyawan

Pendidikan Int 15 Dana pendidikan

Social Int 15 Dana social

(41)

Tabel 3.3.18simpannan

Nama Field Type Size Keterangan

Kd_simpannan* varchar 6 Kode simpannan

Id_anggota varchar 9 Kode anggota

Nama Text Nama anggota

Id_admin varchar 9 Kode admin

Jns_simpannan Text Jenis simpanan

Tgl_simpannan varchar 26 Tanggal simpanan

Bulan varchar 100 Bulan simpanan

Tahun Int 4 Tahun simpanan

Jumlah Int 15 Jumlah simpanan

Bunga Float Bunga simpanan

Total Int 15 Total simpanan

Tabel 3.3.19 sisa_simpannan

Nama Field Type Size Keterangan

Id_anggota* varchar 9 Kode anggota

Id_admin varchar 9 Kode admin

Tgl varchar 25 Tanggal

(42)

Tabel 3.3.20 slide

Nama Field Type Size Keterangan

Id_gambar* Int 11 Kode gambar slide

Title Text Judul slide

Content Text Keterangan slide

gambar varchar 100 Gambar slide

Tabel 3.3.21 unit_jaminan

Nama Field Type Size Keterangan

Id_uj* varchar 6 Kode unit jaminan

Id_anggota varchar 9 Kode anggota

Id_admin varchar 9 Kode admin

Tgl varchar 25 Tanggal

Jumlah Int 4 Jumlah dana unit

jaminan

Bulan varhcar 25 Bulan

(43)

3.4. Flowchart

Flowchart merupakan gambar atau bagan yang memperlihatkan urutan atau hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan symbol. Dengan demikian setiap symbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung. Flowchart ini merupakan langkah awal pembuatan program. Dengan adanya flowchart urutan proses kegiatan menjadi lebih jelas. Jika ada penambahan proses maka dapat dilakukan lebih mudah. Setelah

flowchart selesai disusun, selanjutnya pemrogram (programmer) menerjemahkannya ke bentuk program dengan bahasa pemrograman (Irma, 2008).

Berikut ini adalah gambar simbol – simbol standar dalam flow chart, beserta dengan arti dari masing – masing symbol

Tabel 3.3.22 Flow-Chart

No Nama Gambar Fungsi

1

Terminator Terminator, fungsinya untuk

permulaan/ akhir program

2 Process

Process, digunakan untuk melambangkan kegiatan pemrosesan input.

3 Input data Input data, fungsi untuk

proses input data, parameter. 4 Garis alir

( flow line)

Garis alir (flow line), fungsinya untuk arah aliran program.

5

Preparation

(44)

6

Proses

Proses, fungsinya untuk proses perhitungan/proses pengolahan data .

7

Connector

Connector,penghubung

bagian-bagian flowchart yang berada pada satu halaman. 8

Output data Output data, informasi

9

Off page connector

Off page connector

penghubung bagian-bagian

flowchart yang berada pada halaman berbeda.

10

Predefined process

Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.

11

Display

Display,untuk output yang diajukan suatu device, seperti monitor.

12

Magnetic disk Magnetic disk, untuk

(45)

3.4.1 Flowchart Menu Utama

Start

Input Pilihan Menu HOME

SupportSystem G

Y

Testimonial H

Login Member I

N

Y

(46)

3.4.2 Flowchart Profile

3.4.3 Flowchart Keanggotaan Visi dan Misi

Y B

HALAMAN VISI DAN MISI KOPERASI, DAN DISERTAI GAMBAR KANTOR KOPERASI

Gambar 3.2 Flowchart Profile

Keanggotaan

Etika Forum Pemasangan Iklan

Y

N

N C

HALAMAN KODE ETIK KEANGGOTAAN

Y

HALAMAN KODE ETIK PEMASANGAN IKLAN

Y

HALAMAN KODE ETIK FORUM JARINGAN KOPERASI

(47)

3.4.4 Flowchart Produk

3.4.5 Flowchart Ebook

Gambar 3.4 Flowchart Produk Produk

Iklan Terbaru

Daftar Anggota Lupa Sandi Berita Terbaru

J

K Y

N

N

N D

HALAMAN PRODUK

Y

HALAMAN BERITA TERBARU

Y

HALAMAN IKLAN KOPERASI

Y N

Y

Gambar 3.5 Flowchart Ebook Ebook

Y E

(48)

3.4.6 Flowchart Info

3.4.7 Flowchart Support System

3.4.8 Flowchart Testimonial Download

Hubungi Kami

Y

N G

HALAMAN DOWNLOAD SERTIFIKAT

Y

HALAMAN HUBUNGI KAMI

Gambar 3.7 Flowchart Support System

Gambar 3.8 Flowchart Testimonial

Testimonial Y

H

HALAMAN TESTIMONIAL Gambar 3.6 Flowchart Info

Info

Y F

(49)

3.4.9 Flowchart Form Login Member

Gambar 3.9 Flowchart Form Login Member “Id_member” dan “Kata

Sandi” Benar I

Halaman Login Member

Input “ Id_member” dan

“Kata Sandi”

N

Y Halaman Utama Member

Data Simpanan

Halaman Data simpanan

member

Halaman Data pinjaman

member

Halaman Data angsuran

member

Halaman Data penarikan

member

Data Ebook Terbaru

Pemasangan Iklan Member

Forum antar member

(50)

3.4.10 Flowchart Lupa Kata Sandi

3.4.11 Flowchart Daftar Anggota

Gambar 3.10 Flowchart Lupa Kata Sandi J

Halaman

Konfirmasi Sandi Input Form

Konfirmasi Sandi Proses

Database

K

Halaman Daftar Anggota Koperasi

Input Form Pendaftaran

Proses

(51)

3.4.12 Flowchart Login Admin

Start

“Id_admin” dan “Kata

Sandi” Benar Halaman Login Admin

Input “ Id_admin” dan

“Kata Sandi”

N

Y

Halaman Utama Admin

Kelola Website

Kelola Simpan Pinjam

Kelola Laporan

(52)

3.4.13 Flowchart Kelola Website

Gambar 3.13 Flowchart Kelola Website Kelola Slide

HALAMAN KELOLA SLIDE Y

HALAMAN KELOLA BERITA Y

HALAMAN KELOLA IKLAN

Y N

Y

HALAMAN KELOLA EBOOK

HALAMAN KELOLA FORUM

Kelola Sertifikat HALAMAN KELOLA SERTIFIKAT

Kelola Produk HALAMAN KELOLA PRODUK

Kelola Alamat Koperasi

(53)

3.4.14 Flowchart Kelola Simpan Pinjam

Gambar 3.14 Flowchart Kelola Simpan Pinjam Data Member

HALAMAN KELOLA KARTU MEMBER Y

HALAMAN KELOLA KATA SANDI

Y N

Y

HALAMAN KELOLA UNIT JAMINAN

HALAMAN KELOLA SIMPANAN

Kelola Pinjaman HALAMAN KELOLA PINJAMAN

Kelola angsuran HALAMAN KELOLA ANGSURAN

Y

Kelola penarikan HALAMAN KELOLA PENARIKAN

Kelola SHU HALAMAN KELOLA SHU

(54)

3.4.15 Flowchart Kelola Laporan

HALAMAN LAPORAN SIMPANAN BULANAN

Y HALAMAN LAPORAN PINJAMAN

BULANAN

HALAMAN LAPORAN ANGSURAN BULANAN

HALAMAN LAPORAN PENARIKAN BULANAN

HALAMAN LAPORAN SIMPANAN TAHUNAN

HALAMAN LAPORAN PINJAMAN TAHUNAN

(55)

3.4.16 Flowchart Lupa Kata Sandi

Gambar 3.16 Flowchart Lupa Kata Sandi O

Halaman Konfirmasi Sandi

Input Form Konfirmasi Sandi

Proses

(56)

3.4.17 Flowchart Form Login Komisaris Admin

Start

“Id_Komisaris” dan

“Kata Sandi” Benar Halaman Login Komisaris

admin

Input “ Id_Komisaris” dan

“Kata Sandi”

N

Y

Halaman Utama Komisaris

Kelola Website

Kelola Simpan Pinjam

Kelola Laporan

(57)

3.4.18 Flowchart Kelola Website

Gambar 3.18 Flowchart Kelola Website Kelola Slide

HALAMAN KELOLA SLIDE Y

HALAMAN KELOLA BERITA Y

HALAMAN KELOLA IKLAN

Y N

Y

HALAMAN KELOLA EBOOK

HALAMAN KELOLA FORUM

Kelola Sertifikat HALAMAN KELOLA SERTIFIKAT

Kelola Produk HALAMAN KELOLA PRODUK

Kelola Alamat Koperasi

(58)

3.4.19 Flowchart Kelola Simpan Pinjam

Gambar 3.19 Flowchart Kelola Simpan Pinjam Data Member

HALAMAN KELOLA KARTU MEMBER Y

HALAMAN KELOLA KATA SANDI

Y N

Y

HALAMAN KELOLA UNIT JAMINAN

HALAMAN KELOLA SIMPANAN

Kelola Pinjaman HALAMAN KELOLA PINJAMAN

Kelola angsuran HALAMAN KELOLA ANGSURAN

Y

Kelola penarikan HALAMAN KELOLA PENARIKAN

Kelola SHU HALAMAN KELOLA SHU

(59)

3.4.20 Flowchart Kelola Laporan

HALAMAN LAPORAN SIMPANAN BULANAN

HALAMAN LAPORAN ANGSURAN BULANAN

Laporan Penarikan Bulanan

HALAMAN LAPORAN PENARIKAN BULANAN

Laporan Simpanan Tahunan

HALAMAN LAPORAN SIMPANAN TAHUNAN

Laporan Pinjaman Tahunan

HALAMAN LAPORAN PINJAMAN TAHUNAN

Laporan Pinjaman

(60)

3.4.21 Flowchart Lupa Kata Sandi

Gambar 3.21 Flowchart Lupa Kata Sandi S

Halaman

Konfirmasi Sandi Input Form

Konfirmasi Sandi Proses

(61)

BAB 4`

IMPLEMENTASI SISTEM

4.1. Pengertian Implementasi Sistem

Implementasi sistem merupakan langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang tidak disetujui, untuk menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah sebagai berikut : 1. Menyelesaikan desain sistem yang telah disetujui sebelumnya. 2. Memastikan bahwa pemakai (user) dapat dioperasikan sistem baru. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.

4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.

4.3 Spesifikasi Sistem

Untuk menjalankan sistem, perlu kita ketahui perangkat apa saja yang akan

(62)

4.3.1 Perangkat Keras ( Hardware )

Pengguna perangkat keras yang baik akan mempengaruhi cepat lambatnya proses program yang dijalankan dan yang dihasilkan. Dalam hal ini, penulis merinci spesifikasi komponen hardware yang digunakan, yaitu :

a. CPU ( Central Processing Unit ) Pentium Dual-Core 800 MHz

b. Memori 1 GB

c. Monitor 15 inchi

d. Kapasitas HDD 250 GB

e. Keyboard

f. Mouse

4.3.2 Perangkat Lunak ( Software )

Adapun software yang digunakan untuk pembuatan projek tugas akhir ini adalah sebagai berikut:

a. Sistem operasi yang digunakan adalah Windows 7 Ultimate. Berikut tampilan sistem operasi dari windows 7 ultimate:

(63)

b. Aplikasi Microsoft Word 2010 media pengolah data yang dipakai untuk pengetikan tugas akhir ini. Berikut tampilan Microsoft Word 2010 :

Gambar 4.2 Tampilan Microsoft word 2010

c. XAMPP versi 1.7.9 , merupakan aplikasi yang berfungsi sebagai web servernya . PHP sebagai bahasa pemograman dan MySQL sebagai database-nya. Berikut tampilan halaman XAMPP versi 1.7.9 dan Control Panel jika di-running :

(64)

Gambar 4.4 Tampilan Macromedia Dreamweaver CS5

4.3.3 Brainware

Brainware adalah sumber daya manusia yang nantinya akan berperan sebagai user

ataupun administrator sistem . Brainware yang dibutuhkan sebagai administrator

nantinya bekerja pada server dalam pengolahan data website . Administrator harus mengerti tentang bahasa pemograman PHP dan MySQL serta mengerti jalannya sistem . Sedangkan user tidak harus memiliki kemampuan khusus hanya saja mampu mengoperasikan browser.

4.4 Pengujian Sistem

(65)
(66)

Gambar 4.6 Tampilan Halaman Download

(67)

Gambar 4.8 Tampilan Halaman Kode Etik Pemasangan Iklan

(68)

Gambar 4.10 Tampilan Halaman Testimonial

(69)

Gambar 4.12 Tampilan Cetak Simpanan Member

(70)

Gambar 4.14 Tampilan Halaman Form Login Admin Koperasi

(71)

Gambar 4.16 Tampilan Halaman Form Login Komisaris Admin

(72)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Adapun kesimpulan yang dapat diambil dalam pembuatan sistem informasi berbasis

web ini adalah sebagai berikut :

1. Dengan adanya website jaringan koperasi, dapat mempermudah administrasi dalam pengelolaan data jaringan koperasi.

2. Dengan sistem informasi jaringan koperasi secara online, setiap orang dapat melihat informasi mengenai jaringan koperasi dan dengan mudah mendaftar menjadi anggota jaringan koperasi tanpa harus datang kealamat koperasi.

3. Sebelum membuat website terlebih dahulu diracang desain, agar website yang disajikan menarik. Software yang digunakan adalah Adobe Photoshop dan Macromedia Dreamweaver CS5.

4. Tampilan Website yang bagus dan menarik dapat menambah daya tarik website,

(73)

5.2 Saran

Saran yang bisa diberikan agar web ini tetap terus dapat digunakan adalah sebagai berikut:

1. Isi situs web seharusnya di-update oleh admin dan komisaris admin secara berkala guna memberikan informasi yang terbaru mengenai koperasi.

2. Dalam pembuatan website ini, perlu dirancang dengan sedetail mungkin agar dapat melakukan pembaharuan data sehingga tidak ada atau terjadi kesalahan.

(74)

DAFTAR PUSTAKA

Ducket, Jon, Beginning Web programming with HTML, XHTML and CSS, Wiley Publishing, Inc , 2007.

Kadir Abdul, Belajar Database Menggunakan MySQL , 2008 , Yogyakarta: Andi. Etahan Watrall, Jeff Siarto , Head First Web Design, O’Reilly Media, Inc.,2009.

M.Shalahuddin, Rosa A.S , Java Di Web , 2010, Bandung, Informatika.

Bruce Lawson, Remy Sharp , Introducing HTML 5, New Riders is an imprint ofPeachpit, a division of Pearson Education , 2011.

Raharjo , Budi , Belajar Pemrograman Web , Modula , 2011.

http://en.wikipedia.org/wiki/Data_flow_diagram. Diakses Senin,14 April 2013 http://blogxaris.wordpress.com/2010/12/09/pengertian-dasar-dan-simbol-flowchart. Diakses Senin, 14 April 2013

(75)

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155

Telp. (061) 8211050, 8214290, Fax. (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : AHMAD ARIF ABDI D Nomor Induk Mahasiswa : 102406179

Judul Tugas Akhir : Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP Dan MySQL Dosen Pembimbing : Drs. Rosman Siregar, M.Si

Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :

 Kartu ini harap dikembalikan kejurusan Matematika Bila Bimbingan Mahasiswa telah Selesai.

Diketahui, Disetujui

Ketua Dapartemen Matematika Pembimbing Utama/

Penanggung Jawab

Prof. Dr. Tulus, M.Si Drs. Rosman Siregar, M.Si

19620901 198803 1 002 19610107 198601 1 001 No

Tanggal Asisten Bimbingan

Pembahasan pada Asistensi Mengenai, pada Bab :

Paraf Dosen

Pembimbing Keterangan 1 26 Januari 2013 Pengajuan Judul TA

2 28 Januari 2013 ACC Judul TA 3 04 Februari 2013 Pengajuan Proposal TA 4 16 Mei 2013 Revisi Bab 1 s/d Bab 5

5 28 Mei 2013 Revisi Bab 1

(76)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program D3 Teknik Informatika :

Nama : AHMAD ARIF ABDI D NIM : 102406179

Prog. Studi : D3 Teknik Informatika

Judul TA : Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP dan MySQL

Telah melaksanakan test program Tugas Akhir Mahasiswa diatas pada tanggal 10 Juni 2013

Dengan Hasil : Sukses / Gagal

Demikianlah diterangkan untuk digunakan melengkapi syarat pendaftaran ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Dapartemen Matematika FMIPA USU Medan.

Medan, 10 Juni 2013 Dosen Pembimbing

Drs. Rosman Siregar, M.Si

(77)

Listing Program

Halaman Depan (index.php)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html;

charset=utf-8" />

<link rel="stylesheet" href="menu.css" type="text/css"

media="screen" />

<link href="css/layout.css" rel="stylesheet"

type="text/css">

<link href="css/login.css" rel="stylesheet"

type="text/css">

<link rel="shortcut icon" href="favicon/icon.png"/>

<script src="js/jquery.js" type="text/javascript"

language="javascript"></script>

<script type="text/javascript"

src="js/jquery.min.js"></script>

<script type="text/javascript"

src="js/s3Slider.js"></script>

<script language="javascript">

$(document).ready(function()

{

(78)

//remove all the class add the messagebox classes

and start fading

$("#msgbox").removeClass().addClass('messagebox').te

xt('Memeriksa....').fadeIn(1000);

//check the username exists or not from ajax

$.post("ajax_login.php",{

id:$('#id').val(),pass:$('#pass').val(),rand:Math.random(

) } ,function(data)

{ if(data=='yes') //if correct login detail

{

$("#msgbox").fadeTo(200,0.1,function() //start fading

the messagebox

{

//add message and change the class of the box and start

fading

$(this).html('Selamat Username & Password

Benar!').addClass('messageboxok').fadeTo(900,1,function()

$("#msgbox").fadeTo(200,0.1,function() //start fading the

messagebox

{

//add message and change the class of the box and start

fading

$(this).html('Maaf Username & Password Salah,,,,

!').addClass('messageboxerror').fadeTo(900,1);

});

} });

return false; //not to post the form physically

(79)

//now call the ajax also focus move from

border:1px solid #c93;

background:#ffc;

border:1px solid #349534;

background:#C9FFCA;

border:1px solid #CC0000;

background:#F7CBCA;

padding:3px;

(80)

color:#CC0000;

overflow: hidden; /* important */

}

#slider1Content {

width: 500px; /* important to be same as image width or

wider */

position: absolute;

top: 0;

margin-left:5px;

}

.slider1Image {

float: left;

position: relative;

display: none;

}

.slider1Image span {

position: absolute;

font: 10px/15px Arial, Helvetica, sans-serif;

(81)

opacity: 0.7;

color: #fff;

display: none;

}

ul { list-style-type: none;}

#ul{ list-style-type: none;}

.clear {

clear: both;

}

.slider1Image span strong {

font-size: 14px;

}

.left {

top: 0;

left: 0;

width: 500px !important;

height: 50px;

}

.right {

right: 0;

bottom: 0;

width: 495px !important;

height: 65px;

}

.tbleberita{ width:407px; height:128px; margin-top:5px;}

.bts{ width:407px;}

.tdtgl{ color:#999; font-size:11px; font-family:"Times

New Roman", Times, serif; width:408px;}

.Jdl{ color:#369; font-size:17px; font-family:"Times New

Roman", Times, serif; width:408px; margin-left:10px;

margin-top:10px; text-decoration:none;}

.Jdl:hover{ color:#369; size:17px;

(82)

margin-left:10px; margin-top:10px;

text-decoration:underline;}

.tdberita{ color:#000; font-size:13px; font-family:"Times

New Roman", Times, serif; width:408px;}

.tdJdl{ color:#369; font-size:17px; font-family:"Times

New Roman", Times, serif; width:408px;

text-decoration:none;}

.tdlink{ font-size:12px; color:#069;

text-decoration:none;}

.tdlink:hover{ font-size:12px; color:#F30;

text-decoration:underline;}

.tblsearch{ margin-top:10px;}

.brs{ border-style:dotted; border-color:#999;}

.login{ font-size:14px; color:#999;}

.cari{ padding:5px;}

.buttoncari{ background: #014464;

background: -moz-linear-gradient(top, #0272a7,

#013953);

background: -webkit-gradient(linear, 0% 0%, 0% 100%,

from(#0272a7), to(#013953)); padding:5px; color:#FFF;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;}

.buttoncari:hover{ background: #014464;

background: -moz-linear-gradient(top, #0272a7,

#013953);

background: -webkit-gradient(linear, 0% 0%, 0% 100%,

from(#0272a7), to(#013953)); padding:5px;

color:#FFF;-moz-box-shadow:0px 0px 17px #00F;-webkit-box-shadow: 0px

0px 17px #996;}

.by{ font-size:14px; color:#FFF; text-align:center;}

/*Bagian icon Untuk Header*/

#NK{height:130px;

(83)

margin-top:10px;

.kplsurat{ font-family:"Times New Roman", Times,

serif; font-size:25px; color:#FFF;}

</style>

<script type="text/javascript">

$(document).ready(function() {

$('#slider1').s3Slider({

$q="select * from hubungi";

$ambil=mysql_query($q);

$dapat=mysql_fetch_array($ambil);

$n_koperasi=$dapat['n_koperasi'];

$alamat=$dapat['alamat'];

$telp=$dapat['telp'];

$email=$dapat['email'];

(84)

$fb=$dapat['facebook'];

echo"<li><a href='index.php'>Home</a><!-- Begin Home

Item -->

</li><!-- End Home Item -->

<li><a href='#' class='drop'>Produk</a><!-- Begin 3

columns Item -->

<div class='dropdown_3columns align_right'><!--

Begin 3 columns container -->

<div class='col_1'>

$data = mysql_query($query);

while($data2=mysql_fetch_array($data))

(85)

</li><!-- End 3 columns Item -->";

?>

<?php

echo" <li><a href='#' class='drop'>Profile</a>

<div class='dropdown_3columns

align_right'><!-- Begin 3 columns container -->

<div class='col_1'>

<li><a href='#' class='drop'>Support System</a>

<div class='dropdown_3columns align_right'><!--

Begin 3 columns container -->

<div class='col_1'>

(86)

<div class='dropdown_3columns align_right'><!--

Begin 3 columns container -->

<div class='col_1'>

<li><a href='ebook.php'>E-Book</a></li>

<li><a href='testimonial.php'>Testimonial</a></li>

<div id="contentLogin">

(87)

<tr>

<td align="left"><input name="id"

type="text" id="id" maxlength="50" size="25"

placeholder="Id Anggota" value="MDN"

style="-moz-border-radius: 10px; -webkit-border-style="-moz-border-radius: 10px; height:20px;

family:'Times New Roman', Times, serif;

font-size:14px; padding-left:6px;" />

</td></tr>

<tr>

<td align="left"

class='login'><b>Kata Sandi :</b></td></tr>

<tr>

<td><input name="pass"

type="password" value="" id="pass" maxlength="50"

size="25" placeholder="Kata Sandi"

style="-moz-border-radius: 10px; -webkit-border-style="-moz-border-radius: 10px; height:20px;

padding-left:6px;" /></td>

</tr><tr>

<td id="notif" align="center" class='login'>silahkan

login untuk Member Koperasi</td>

</tr>

<tr>

<td align="center"><input id="submit"

name="submit" type="submit" value="Masuk" /></td>

</tr>

<tr>

<td id="msgbox"><span id="msgbox"

style="display:none"></span></td>

</tr>

</table></form>

<li id="ul"><a href="resetpassword.php"

(88)

<li id="ul"><a href="perjanjian.php"

class='tdlink'><i>Daftar Anggota Koperasi</i></a></li>

</div>

</div>

<div id="kiri2">

<br /><br /><br />

<?php

include"config/koneksi.php";

$query = "select * from member ORDER BY id_anggota DESC

LIMIT 10";

$data = mysql_query($query);

echo"<center><table id='t_anggota'>";

height:40px; -moz-border-radius: 7px;

(89)

<a href="https://www.facebook.com/" title="ADD JARINGAN

KOPERASI SERBA USAHA" target="_blank">

<div id='FB'><img src='img/add.png' style='width:80px;

height:80px; -moz-border-radius: 7px;

-webkit-border-radius: 7px;'></div>

</a>

<a href="https://www.twitter.com/JKSerbaUsaha" title="

FOLLOW JARINGAN KOPERASI SERBA USAHA" target="_blank">

<div id='TWIT'><img src='img/folow.png'

style='width:80px; height:80px; -moz-border-radius: 7px;

-webkit-border-radius: 7px;'></div>

echo"<font size=\"2\" face=\"Times New Roman, Times,

serif\" color=\"#000\"><b>";

$hariini="$waktu[0]";

$tanggalini="$waktu[1] ".$bulan[$waktu[2]-1]."

$waktu[3]";

(90)

echo gmdate("H:i", time()+60*60*7);

echo " WIB";

echo"</b></font><br/>";

echo"<div id='head_cari'>";

echo "

<form method='POST' action=\"#\"><table width='650'

class='tblsearch'><tr><td><select name='jk' class='cari'>

<option value='iklan'>Pencarian Iklan</option>

<option value='berita'>Pencarian Berita</option>

</select><input type='text' size='50' name='cari'

placeholder='Kata Kunci...' class='cari'><button

class='buttoncari'><b>Cari</b></button></td></tr></table>

$sql =mysql_query("select * from slide where

id_gambar='1'");

$a = mysql_fetch_array($sql);

$sql1 =mysql_query("select * from slide where

id_gambar='2'");

$b = mysql_fetch_array($sql1);

$sql2 =mysql_query("select * from slide where

id_gambar='3'");

$c = mysql_fetch_array($sql2);

$sql3 =mysql_query("select * from slide where

id_gambar='4'");

$d = mysql_fetch_array($sql3);

$sql4 =mysql_query("select * from slide where

id_gambar='5'");

$e = mysql_fetch_array($sql4);

Figur

Gambar Nama
Gambar Nama . View in document p.30
Gambar Text
Gambar Text . View in document p.31
Tabel 3.3.11 konf_pass
Tabel 3 3 11 konf pass . View in document p.36
Gambar 3.9 Flowchart  Form Login Member
Gambar 3 9 Flowchart Form Login Member . View in document p.49
Gambar 3.10 Flowchart  Lupa Kata Sandi
Gambar 3 10 Flowchart Lupa Kata Sandi . View in document p.50
Gambar 3.11  Flowchart  Daftar Anggota
Gambar 3 11 Flowchart Daftar Anggota . View in document p.50
Gambar 3.12  Flowchart  Login Admin
Gambar 3 12 Flowchart Login Admin . View in document p.51
Gambar 3.13 Flowchart Kelola Website
Gambar 3 13 Flowchart Kelola Website . View in document p.52
Gambar 3.14 Flowchart Kelola Simpan Pinjam
Gambar 3 14 Flowchart Kelola Simpan Pinjam . View in document p.53
Gambar 3.15 Flowchart Kelola  Laporan Universitas Sumatera Utara
Gambar 3 15 Flowchart Kelola Laporan Universitas Sumatera Utara. View in document p.54
Gambar 3.16  Flowchart  Lupa Kata Sandi
Gambar 3 16 Flowchart Lupa Kata Sandi . View in document p.55
Gambar 3.17  Flowchart Komisaris Admin Koperasi
Gambar 3 17 Flowchart Komisaris Admin Koperasi . View in document p.56
Gambar 3.18  Flowchart Kelola Website
Gambar 3 18 Flowchart Kelola Website . View in document p.57
Gambar 3.19 Flowchart Kelola Simpan Pinjam
Gambar 3 19 Flowchart Kelola Simpan Pinjam . View in document p.58
Gambar 3.20  Flowchart Kelola  Laporan
Gambar 3 20 Flowchart Kelola Laporan . View in document p.59
Gambar 3.21  Flowchart  Lupa Kata Sandi
Gambar 3 21 Flowchart Lupa Kata Sandi . View in document p.60
Gambar 4.3 Tampilan Control Panel XAMPP Versi 1.7.9
Gambar 4 3 Tampilan Control Panel XAMPP Versi 1 7 9 . View in document p.63
Gambar 4.4 Tampilan Macromedia Dreamweaver CS5
Gambar 4 4 Tampilan Macromedia Dreamweaver CS5 . View in document p.64
Gambar 4.5 Tampilan Halaman HOME
Gambar 4 5 Tampilan Halaman HOME . View in document p.65
Gambar 4.7 Tampilan Halaman Hubungi Kami
Gambar 4 7 Tampilan Halaman Hubungi Kami . View in document p.66
Gambar 4.8 Tampilan Halaman Kode Etik Pemasangan Iklan
Gambar 4 8 Tampilan Halaman Kode Etik Pemasangan Iklan . View in document p.67
Gambar 4.9 Tampilan Halaman Kode Etik Forum Anggota
Gambar 4 9 Tampilan Halaman Kode Etik Forum Anggota . View in document p.67
Gambar 4.10 Tampilan Halaman Testimonial
Gambar 4 10 Tampilan Halaman Testimonial . View in document p.68
Gambar 4.11 Tampilan Halaman Simpanan Member
Gambar 4 11 Tampilan Halaman Simpanan Member . View in document p.68
Gambar 4.12 Tampilan Cetak Simpanan Member
Gambar 4 12 Tampilan Cetak Simpanan Member . View in document p.69
Gambar 4.13 Tampilan Halaman Forum Member
Gambar 4 13 Tampilan Halaman Forum Member . View in document p.69
Gambar 4.14 Tampilan Halaman Form Login Admin Koperasi
Gambar 4 14 Tampilan Halaman Form Login Admin Koperasi . View in document p.70
Gambar 4.15 Tampilan Halaman Menu Admin Koperasi
Gambar 4 15 Tampilan Halaman Menu Admin Koperasi . View in document p.70
Gambar 4.16 Tampilan Halaman Form Login Komisaris Admin
Gambar 4 16 Tampilan Halaman Form Login Komisaris Admin . View in document p.71
Gambar 4.17 Tampilan Halaman Menu Komisaris Admin Koperasi
Gambar 4 17 Tampilan Halaman Menu Komisaris Admin Koperasi . View in document p.71

Referensi

Memperbarui...