SISTEM INFORMASI SIMPAN PINJAM KOPERASI FMIPA USU BERBASIS WEB LAPORAN TUGAS AKHIR NUR INDAH ANGGRAINI

SISTEM INFORMASI SIMPAN PINJAM KOPERASI FMIPA USU BERBASIS WEB. LAPORAN TUGAS AKHIR. NUR INDAH ANGGRAINI 152406056. PROGRAM STUDI D3 TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2018. UNIVERSITAS SUMATERA UTARA.

SISTEM INFORMASI SIMPAN PINJAM KOPERASI FMIPA USU BERBASIS WEB. LAPORAN TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli Madya. NUR INDAH ANGGRAINI 152406056. PROGRAM STUDI D3 TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2018. UNIVERSITAS SUMATERA UTARA.

PERNYATAAN. SISTEM INFORMASI SIMPAN PINJAM KOPERASI FMIPA USU BERBASIS WEB. LAPORAN TUGAS AKHIR. Saya menyatakan bahwa laporan tugas akhir ini adalah hasil karya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.. Medan,. Juli 2018. Nur Indah Anggraini 152406056. UNIVERSITAS SUMATERA UTARA.

i UNIVERSITAS SUMATERA UTARA.

SISTEM INFORMASI SIMPAN PINJAM KOPERASI FMIPA USU BERBASIS WEB. ABSTRAK. Koperasi simpan pinjam adalah merupakan lembaga keuangan selain bank yang bertugas memberikan pelayanan kepada pegawai , berupa tempat penyimpanan uang bagi pegawai. Koperasi FMIPA USU ini merupakan salah satu organisasi simpan pinjam sebagai unit kesejahteraan anggota , khususnya para pegawai di lingkungan FMIPA USU . Di koperasi FMIPA USU pengelolaan transaksi simpanan, pinjaman maupun angsuran masih secara manual atau pembukuan dan tidak tertata rapi . Sistem yang ada saat ini belum terintegrasi dengan baik sehingga proses simpan pinjam dan laporan setiap transaksi menjadi kurang efektif dan efisien. Dengan adanya sistem ini proses simpan pinjam dapat dilakukan dengan lebih efektif dan efisien . Selain itu ,kita dapat dengan mudah melakukan pengecekan terhadap pemasukan dari simpanan dan transaksi peminjaman anggota koperasi sehingga dapat mendukung proses evaluasi , perencanaan dan pengambilan keputusan . Kata Kunci : Sistem Informasi , Simpan Pinjam ,. Koperasi, Koperasi Simpan. Pinjam.. ii UNIVERSITAS SUMATERA UTARA.

WEB-BASED INFORMATION SYSTEM OF SAVINGS AND LOAN COOPERATIVE AT FMIPA USU. ABSTRACT. Savings and Loans cooperative is a financial institution other than bank in charge of providing services to employees, in the form of money for employees. FMIPA USU Cooperative is one of the savings and loan organizations as member welfare units, especially employees in the environment FMIPA USU. In FMIPA USU cooperative management of savings transactions, loans and installments are still manual or bookkeeping and not neatly arranged. The current system is not well integrated so that the process of saving and loan and report each transaction becomes less effective and efficient. With this system the process of saving and loan can be done more effectively and efficiently. In addition, we can easily check the income from savings and lending transactions of cooperative members so as to support the process of evaluation, planning and decision making. Keywords : Information Systems , Savings and Loan , Cooperative , Savings and Loans Cooperative . ,. iii UNIVERSITAS SUMATERA UTARA.

PENGHARGAAN. Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan penyusunan Tugas Akhir ini dengan judul Sistem Informasi Simpan Pinjam Koperasi FMIPA USU Berbasis WEB. Terima kasih penulis sampaikan kepada Drs. Rosman Siregar, M.Si selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini. Terima kasih kepada Prof. Dr. Saib Suwilo, M.Sc sebagai Dosen Pembimbing Akademik yang telah membimbing penulis selama. penulis dalam masa kuliah.. Terima kasih kepada Ibu Dra. Normalina Napitupulu, M.Sc. dan Bapak Drs. James Piter Marbun, M.Kom selaku Ketua dan Sekretaris Program Studi. D3 Teknik. Informatika FMIPA USU Medan, Dekan dan Wakil Dekan FMIPA USU, seluruh Staf dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.. Medan,. Juni 2018. Nur Indah Anggraini. iv UNIVERSITAS SUMATERA UTARA.

DAFTAR ISI. PERSETUJUAN TUGAS AKHIR ABSTRAK ABSTRACT PENGHARGAAN DAFTAR ISI DAFTAR TABEL DAFTAR GAMBAR DAFTAR LAMPIRAN DAFTAR SINGKATAN. Error! Bookmark not defined. ii iii iv v vii viii ix x. BAB 1. PENDAHULUAN 1.1 Latar Belakang 1.2 Rumusan Masalah 1.3 Batasan Masalah 1.4 Tujuan 1.5 Manfaat 1.6 Sistematika Penulisan. 1 1 2 2 2 2 3. BAB 2. TINJAUAN PUSTAKA 2.1 Website 2.2 Pengembangan Website 2.3 CSS (Cascading Style Sheet) 2.4 HTML (HyperText Markup Language) 2.5 PHP (Hypertext Preprocessor) 2.6 MySQL (My Structured Query Language) 2.7 Xampp 2.8 Flowchart 2.9 DFD (Data Flow Diagram) 2.10 ERD (Entity Relationship Diagram) 2.11 Sistem Informasi. 5 5 5 6 7 7 8 8 8 11 12 14. BAB 3. METODE PENELITIAN 3.1 Tempat dan Waktu Penelitian 3.2 Tahapan Kegiatan Penelitian 3.2.1 Metode pengumpulan data 3.2.2 Metode penelitian 3.3 Perancangan Sistem 3.3.1 Flowchart sistem 3.3.2 Diagram konteks 3.3.3 Data Flow Diagram (DFD). 15 15 15 16 16 17 18 19 20. v UNIVERSITAS SUMATERA UTARA.

3.4. Perancangan Database Sistem 3.4.1 Perancangan database logic system 3.4.2 Perancangan fisik database Perancanganm Antarmuka Sistem. 21 21 23 25. BAB 4. IMPLEMENTSI SISTEM 4.1 Pengertian Implementasi Sistem 4.2 Tujuan Implementasi Sistem 4.3 Komponen Utama dalam Implementasi Sistem 4.3.1 Perangkat keras 4.3.2 Perangkat lunak 4.3.3 Brainware 4.4 Demonstrasi Program 4.4.1 Tampilan awal login admin 4.4.2 Tampilan menu utama admin 4.4.3 Tampilan menu master data anggota 4.4.4 Tampilan menu tambah anggota 4.4.5 Tampilan menu edit anggota 4.4.6 Tampilan menu data tabungan 4.4.7 Tampilan menu master pengajuan 4.4.8 Tampilan menu transaksi 4.4.9 Menu laporan 4.4.10 Tampilan menu laporan simpanan 4.4.11 Tampilan menu laporan data pinjaman 4.4.12 Tampilan menu laporan perbulan 4.4.13 Tampilan menu laporan keuangan 4.4.14 Tampilan menu grafik 4.4.15 Tampilan setting. 30 30 30 31 31 31 31 32 32 32 33 34 34 35 36 36 38 39 39 40 41 41 42. BAB 5. PENUTUP 5.1 Kesimpulan 5.2 Saran. 44 44 44. 3.5. DAFTAR PUSTAKA LAMPIRAN. 45. vi UNIVERSITAS SUMATERA UTARA.

DAFTAR TABEL. Nomor Tabel 2.1 2.1 2.2 2.3 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11. Judul. Simbol flowchart lanjutan Simbol data flow diagram Simbol entity relationship diagram Waktu pelaksanaan penelitian Table anggota Table angsur Table jenis pinjam Table jenis simpan Table pengajuan Table pengambilan Table petugas Table pinjam Table simpan Table tabungan. Halaman 9 10 11 14 15 23 23 23 24 24 24 24 25 25 25. vii UNIVERSITAS SUMATERA UTARA.

DAFTAR GAMBAR. Nomor Gambar 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.9 4.10 4.11 4.12 4.13 4.14 4.15. Judul. Halaman. Flowchart sistem Diagram konteks Data flow diagram Rancangan halaman admin Rancangan menu home Rancangan menu master data Rancangan menu transaksi Rancangan menu laporan Rancangan menu setting Rancangan menu grafik Tampilan awal login admin Tampilan menu utama admin Tampilan menu master data anggota Tampilan menu tambah anggota Tampilan menu edit anggota Tampilan menu data tabungan Tampilan menu master pengajuan Tampilan menu transaksi Tampilan menu laporan Tampilan menu laporan simpanan Tampilan menu laporan data pinjaman Tampilan menu laporan perbulan Tampilan menu laporan keuangan Tampilan menu grafik Tampilan setting. 18 19 20 26 26 27 27 28 28 29 32 33 33 34 34 35 36 37 38 39 39 40 41 41 43. viii UNIVERSITAS SUMATERA UTARA.

DAFTAR LAMPIRAN. Nomor Lampiran 1. 2. 3. 4.. Judul. Halaman. Listing Program Surat Keterangan Dosen Pembimbing Tugas Akhir Surat Keterangan Hasil Uji Program Tugas Akhir Kartu Bimbingan Tugas Akhir. A-1. ix UNIVERSITAS SUMATERA UTARA.

DAFTAR SINGKATAN. PHP DFD Mysql CMS CSS HTML I/O W3C IIS DAD ERD. = Hypertext Preprocessor = Data Flow Diagram = My Structured Query Language = Content Management System = Cascading Style Sheet = Hypertext Markup Languange = Input/Output = World Wide Web Consortium = Internet Information Sevices = Data Flow Diagram = Entity Relationship Diagram. x UNIVERSITAS SUMATERA UTARA.

BAB 1 PENDAHULUAN. 1.1 Latar Belakang Koperasi sebagai salah satu bentuk organisasi merupakan unit pelaksana bidang kesejahteraan anggota dalam hal ini khususnya pegawai serta dosen-dosen yang berada di lingkungan FMIPA USU. Selain itu juga ada usaha penyediaan kebutuhan juga bantuan dana yang dibutuhkan oleh para anggotanya. Namun, pengurus koperasi di FMIPA USU adalah dosen yang memiliki jam mengajar penuh di kampus sehingga akan menyita waktu mengajarnya hanya untuk sekedar mengurus pembukuan koperasi. Oleh karena itu diperlukan sistem yang terkomputerisasi yang didesain secara khusus untuk mempermudah dan memperlancar transaksi yang terjadi, hal ini dapat membantu koperasi untuk mempermudah dalam menghitung dan membuat laporan setiap bulannya bahkan setiap tahun. Selain itu juga mengurangi kesalahan perhitungan dalam membuat laporan. Apalagi data yang diolah cukup banyak sehingga efisiensi waktu dan tenaga. Ada beberapa program yang dapat digunakan dalam pengelolaan sistem simpan pinjam, salah satunya program PHP (Hypertext Preprocessor) merupakan bahasa pemrograman yang paling banyak komunitasnya saat ini dan dikembangkan secara open source, kita tidak perlu menginstalkan Aplikasi ini pada setiap komputer client cukup copy saja script programnya ke server atau salah satu computer. Untuk komputer lain yang ingin menjalankan program ini cukup buka browsernya dan membuka alamat host server dimana program ini disimpan. Melihat keadaan ini, mendorong penulis untuk melakukan pengolahan data pada koperasi simpan pinjam yang akan dilanjutkan untuk pembuatan tugas akhir yang akan diberi judul “SISTEM INFORMASI SIMPAN PINJAM KOPERASI FMIPA USU”.. UNIVERSITAS SUMATERA UTARA.

2. 1.2 Rumusan Masalah Berdasarkan latar belakang yang telah diuraikan di atas, dapat dirumuskan suatu pokok permasalahan yaitu bagaimana merancang dan membangun sebuah sistem informasi simpan pinjam koperasi menggunakan PHP dan MySQL.. 1.3 Batasan Masalah Agar masalah yang dibahas tidak menyimpang dari tujuan, maka perlu dibuat suatu batasan masalah, yaitu : a. Sistem dirancang untuk menampilkan informasi simpan pinjam koperasi pada FMIPA USU. b. Sistem ini dirancang dengan menggunakan PHP dan serverdatabase yang digunakan adalah MySQL.. 1.4 Tujuan Adapun tujuan dari penulisan tugas akhir ini adalah : a. Memenuhi sebagian syarat mengikuti Ujian Tugas Akhir Program Diploma 3 (D3) Program Studi Teknik Informatika di Universitas Sumatera Utara. b. Untuk merancang sebuah Sistem Informasi Simpan Pinjam Pada Koperasi FMIPA USU. c. Untuk membantu memudahkan pengurus koperasi menggunakan Aplikasi Sistem Informasi Simpan Pinjam pada Koperasi FMIPA USU dalam Proses Pengolahan Data Simpan Pinjam Pada Koperasi serta mempermudah dalam hal pembuatan laporan.. 1.5 Manfaat Adapun manfaat dari penulisan tugas akhir ini adalah : a. Bagi penulis Untuk membantu dalam penyusunan Laporan Semester sebagai syarat untuk mengikuti Ujian Tugas Akhir program Diploma 3 (D3) Program Studi Teknik Informatika di Universitas Sumatera Utara. Selain itu, penulisan laporan ini diharapkan dapat berguna bagi penulis sendiri untuk menambah wawasan tentang. UNIVERSITAS SUMATERA UTARA.

3. perancangan sistem informasi khususnya Sistem Informasi Koperasi Berbasis web serta memperdalam ilmu tentang pemrograman web. b. Bagi Universitas Sumatera Utara Untuk memperbaiki kekurangan Simpan Pinjam pada Koperasi FMIPA yang ada pada Universitas Sumatera Utara. c. Bagi pembaca Untuk menambah wawasan tentang perancangan suatu sistem khususnya perancangan Sistem Informasi Koperasi Berbasis web.. 1.6 Sistematika Penulisan Adapun sistematika penulisan dari laporan tugas akhir ini adalah sebagai berikut : BAB 1. PENDAHULUAN Dalam bab ini penulis menjelaskan latar belakang penulis, maksud dan tujuan penulis, perumusan masalah, batasan masalah dan sistematika penulisan.. BAB 2. TINJAUAN PUSTAKA Bab ini menguraikan tentang teori-teori dasar dalam pembangunan aplikasi website Mulai dari pengertian apa itu website hingga apa-apa saja yang dibutuhkan untuk memulai pemrograman website.. BAB 3. ANALISIS DAN PERANCANGAN SISTEM Bab ini menguraikan mengenai perancangan sistem mulai dari perancangan layout, diagram konsep sisistem, hingga flowchart sistem.. BAB 4. IMPLEMENTASI SISTEM Bab ini menguraikan tentang bagaimana proses lanjutan dari perancangan sistem. Menguraikan secara detail bagian implementasi sistem dan menyorot apakah implementasi sesuai dengan perancangan sistem.. UNIVERSITAS SUMATERA UTARA.

4. BAB 5. PENUTUP Dalam bab ini berisikan kesimpulan mengenai hasil perancangan sistem yang telah di bentuk dan saran yang diberikan oleh penulis.. UNIVERSITAS SUMATERA UTARA.

BAB 2 TINJAUAN PUSTAKA. 2.1 Website Website merupakan kumpulan dari halaman–halaman yang berhubungan dengan file–file lain yang saling terkait. Dalam sebuah website terdapat satu halaman yang dikenal dengan sebutan homepage. Homepage adalah sebuah halaman yang pertama kali dilihat ketika seseorang mengunjungi sebuah website (Risky dkk, 2013). Website merupakan kumpulan halaman web yang saling terhubung dan file– filenya saling terkait. Web terdiri dari page atau halaman, dan kumpulan halaman yang dinamakan homepage. Homepage berada pada posisi teratas dengan halaman terkait berada di bawahnya. Halaman di bawah homepage disebut child page yang berisi hyperlink ke halaman lain dalam web (Gregorius, 2001). Website merupakan sekumpulan dokumen yang dipublikasikan melalui jaringan internet maupun intranet sehingga dapat diakses oleh user melalui web browser (Sardi, 2004).. 2.2 Pengembangan Website Pengembangan website adalah salah satu aspek yang paling penting dari situs web apapun, sebagai pengembangan dari situs yang bekerja pada coding dan pemrograman untuk membuat web page bekerja dengan baik. Sementara pembangun site gratis dapat hadir dengan cara membuat site sendiri. Tidak hanya pada website yang akan dikembangkan sesuai selera, tetapi akan dibuat sehingga dapat dengan mudah bekerja dengan CMS untuk menjalankan semua aspek yang berbeda dari website yang telah dibuat. Website dinamis adalah sebuah website yang isi kontennya dapat berubah mengikuti dari isi database. Seseorang tidak perlu mengganti pemrograman website melainkan cukup melakukan pembaharuan pada database yang digunakan (Rahman, 2013).. UNIVERSITAS SUMATERA UTARA.

6. a. Web 1.0 Web 1.0 dimulai sejak web era 90an. Ciri utama dari era ini adalah informasi yang bersifat statis dan pada umumnya teknlogi yang dipakai teknologi tertutup sedangkan untuk bagian desain masih banyak yang menggunakan frame . b. Web 2.0 Web 2.0 dimulai sejak era 2005 sampai sekarang, Ciri khas adari era ini adalah user generated content dan jejaring social. User bukan hanya sebagai konsumen tetapi juga sebagai produsen informasi dalam istilah populer adalah user generated content (contoh youtube atau wikipedia). c. Web 3.0 Web 3.0 adalah generasi selanjutnya dari teknologi web. Ciri dari web 3.0 ada pada akses mobile, Semantic web dan personalifikasi. Beberapa website yang dianggap merupakan cikal bakal dari web 3.0 adalah Instagram. Instagram disebut sebut sebagai awal dari generasi web 3.0 karena layanan ini hanya tersedia lewat mobile Device.. 2.3 CSS (Cascading Style Sheet) CSS (Cascading Style Sheet) adalah bahasa pemrograman yang digunakan untuk mengatur format HTML, seperti jenis huruf, background, tata letak, ukuran gambar dan lain-lain. CSS digunakan secara bersamaan dengan HTML. Jika HTML adalah bahasa untuk mengatur membuat konten terstruktur, sedangkan CSS digunakan untuk mengatur styledari konten yang terstruktur tersebut (Sibero, 2011). CSS (Cascading Style Sheet) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu website, baik tata letaknya, jenis huruf, warna, dan semua yang berhubungan dengan tampilan. CSS digunakan untuk memformat halaman web yang ditulis dengan HTML atau XHTML. Terdapat dua cara yang bisa diterapkan untuk menggunakan CSS pada sebuah web, yang pertama dengan membuat CSS langsung di dalam satu file HTML, yang kedua dengan memanggil CSS tersebut dari file CSS tersendiri (Suryana dan Koesheryatin, 2014).. UNIVERSITAS SUMATERA UTARA.

7. 2.4 HTML (HyperText Markup Language) HTML 5 adalah versi terbaru dari HTML, dan ini akan menjadi standar baru untuk HTML, XHTML, dan HTML DOM. Versi terakhir dari HTML ada ditahun 1999. Ada beberapa aturan yang diterapkan untuk HTML 5, seperti fitur-fitur baru harus berbasis HTML, CSS, DOM, dan JavaScipt, error handling yang lebih baik, HTML 5 harus bisa diakses dari piranti manapun, proses pengembangan harus bisa dilihat oleh publik, mengurangi kebutuhan plugin eksternal, markup tambahan untuk menggantikan scripting.HTML 5 adalah revisi kelima dari HTML yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya HTML 4, pada tahun 1997 dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML 5 adalah untuk memperbaiki teknologi HTML agr mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.HTML 5 merupakan salah satu karya World Wide Web Consortium, W3C untuk mendefinisikan sebuah bahasa yang dapat ditulis dengan cara HTML ataupun XHTML. 2.5 PHP (Hypertext Preprocessor) PHP (Hypertext Preprocessor), merupakan bahasa pemrograman pada sisi server yang memperbolehkan programmer menyisipkan perintah-perintah perangkat lunak web server (apache, IIS, atau apapun) akan dieksekusi sebelum perintah itu dikirim oleh halaman ke browser yang me-request-nya, contohnya adalah bagaimana memungkinkannya memasukkan tanggal sekarang pada sebuah halaman web setiap kali tampilan tanggal dibutuhkan. Sesuai dengan fungsinya yang berjalan di sisi server maka PHP adalah bahasa pemrograman yang digunakan untuk membangun teknologi web application. PHP merupakan bahasa pemrograman yang digunakan untuk membuat program website dimana kode program yang telah dibuat dikompilasi dan dijalankan pada sisi server untuk menghasilkan halaman website yang dinamis. PHP dibuat pada tahun 1994 oleh Rasmus Lerdorf. Pada awalnya PHP didirikan untuk personal Home Page. Karena memiliki banyak manfaat dan dapat berkembang dengan baik maka PHP kemudian disebut dengan PHP: Hypertext Preprocessor. PHP merupakan perangkat lunak open source. Penulisan kode program PHP menyatu dengan HTML yang berjalan pada sisi server. Hal ini berarti semua. UNIVERSITAS SUMATERA UTARA.

8. sintaks yang telah ditulisakan sepenuhnya dijalankan pada sever hanya hasilnya saja yang dikirimkan kesisi browser.. 2.6 MySQL (My Structured Query Language) MySQL adalah database yang menghubungkan script PHP menggunakan perintah query dan escaps character yang sama dengan PHP. MySQL mempunyai tampilan client yang mempermudah dalam mengakses database dengan kata sandi untuk mengizinkan proses yang bias dilakukan. phpMyAdmin adalah sebuah software yang berbentuk seperti halaman situs yang terdapat pada web server. Fungsi dari halaman ini adalah sebagai pengendali database MySQL sehingga pengguna MySQL tidak perlu repot untuk menggunakan perintah-perintah SQL. Karena dengan adanya halaman ini semua hal tersebut dapat dilakukan hanya dengan mengklik menu fungsi yang ada pada halaman phpMyAdmin.MySQL adalah salah satu program yang dapat digunakan sebagai database, dan merupakan salah satu software untuk database server yang banyak digunakan. MySQL bersifat open source dan menggunakan SQL. MySQL bias dijalankan diberbagai platform misalnya Windows, Linux dan lain sebagainya.. 2.7 Xampp Adalah sebuah paket kumpulan software yang terdiri dari apache, mysql, phpmyadmin, php, Perl, Freetype2 dll. Xampp berfungsi untuk memudahkan instalasi lingkungan php, di mana biasa nya lingkungan pengembangan web memerlukan php, apache, mysql dan phpmyadmin serta software-software yang terkait dengan pengembangan web. Dengan menggunakan xampp, kita tidak perlu menginstall aplikasi-aplikasi tsb satu persatu. Paket aplikasi perlu di extract dan di install terlebih dahulu, dengan memilih jenis xampp sesuai dengan jenis OS nya. Setelah sukses menginstall xampp, kita dapat langsung mengaktifkan Mysql.. 2.8 Flowchart Flowchart atau dalam bahasa Indonesia sering disebut dengan Diagram Alir ini dipergunakan dalam industri manufakturing untuk menggambarkan proses-proses. UNIVERSITAS SUMATERA UTARA.

9. operasionalnya sehingga mudah dipahami dan mudah dilihat berdasarkan urutan langkah dari suatu proses ke proses lainnya. Flowchart atau Diagram Alir sering digunakan untuk mendokumentasikan standar proses yang telah ada sehingga menjadi pedoman dalam menjalankan proses produksi. Disamping itu, flowchart atau Diagram Alir ini juga digunakan untuk melakukan Analisis terhadap proses produksi sehingga. dapat. melakukan. peningkatan. atau. perbaikan. proses. yang. berkesinambungan (secara terus menerus). Pada dasarnya, Flowchart (Diagram Alir) adalah alat yang digunakan untuk melakukan Perencanaan Proses, Analisis Proses dan Mendokumentasikan Proses sebagai standar Pedoman Produksi.Flowchart (Diagram Alir) merupakan salah satu dari QC 7 Tools (7 alat Pengendalian Kualitas) yang diperkenalkan oleh Mr. Kaoru Ishikawa pada tahun 1968 bersamaan dengan alat-alat lainnya seperti Histogram, Pareto Chart, Scatter Diagram, Control Chart, Cause and Effect Diagram (Fishbone Chart) dan Check Sheet. Sebutan-sebutan lain untuk Flowchart (Diagram Alir) antara lain: Flow Diagram, Process Flowchart, Process Map, Work Flow Diagram dan Business Model. Flowchart (Diagram Alir) merupakan alat (tool) dasar dan mudah dipergunakan serta sangat bermanfaat bagi suatu perusahaan Manufakturing dalam mengidentifikasikan proses operasionalnya terutama untuk menjelaskan setiap langkah dalam menjalankan Proses Operasionalnya. Tabel 2.1 Simbol flowchart No. Nama. Simbol. Fungsi. 1. Terminator. Untuk mewakili simbol start atau end.. 2. Arrow. Menunjukan alur proses.. 3. Rectangle. 4. Trapezium. Menunjukan langkah proses. Simbol input-output.. UNIVERSITAS SUMATERA UTARA.

10. Tabel 2.1 lanjutan 5. Document. Untuk mewakili output.. 6. Decision. Untuk menyatakan keputusan.. 7. Preparation. 8. Connector. Untuk proses insialisasi atau pemberian harga awal. Untuk keluar masuk atau penyanbungan proses pada halaman. 9. Manual Input. Untuk pemakan data secara manual melalui keyboard.. 10. Manual Operation. Pegolahan yang tidak dilakukan oleh komputer.. 11. Predifine process. Untuk pelaksanaan suatu bagian (subprosedur).. 12. Display. Untuk menyatakan peralatan ouput yang digunakan seperti layar, printer, plotter.. 13. Magnetic Disk. Untuk menyimpan data kedalam database.. 14. Storage Data. Untuk penginputan data yang berasal dari disk atau disimpan ke disk.. UNIVERSITAS SUMATERA UTARA.

11. 2.9 DFD (Data Flow Diagram) Salah satu komponen sistem informasi yang harus didesain adalah model atau prosedur sistem. Dalam mendesain model, systems analyst harus memiliki pemahaman tentang kaidah-kaidah manajemen dan proses bisnis yang baik terkait dengan masalah sistem yang akan dibuat desain modelnya. Pada prinsipnya setiap tools pemodelan sistem dapat digunakan untuk membuat desain model, salah satunya yang paling populer adalah data flow diagram (DFD) atau sering juga dikenal dengan istilah diagram alir data (DAD). Diagram alir data adalah diagram yang digunakan untuk memodelkan sistem secara logik. Seperti halnya bagan alir dokumen, diagram alir data pun dapat diguna kan baik pada tahap analisis maupun tahap desain, namun kecenderungan diagram ini lebih cocok digunakan untuk tahap desain karena dengan diagram tersebut batasan ruang lingkup sistem terlihat sangat jelas sehingga pekerjaan pengembangan sistem yang dilakukan dapat lebih fokus. Berikut merupakan simbol-simbol standar menurut Yourdan dan DeMarco yang digunakan untuk membuat sebuah Data Flow Diagram. Tabel 2.2 Simbol data flow diagram No. Nama. Simbol. Fungsi Sebagai kesatuan (entitas) di. 1. Kesatuan luar. lingkungan luar sistem yang berupa. orang,. organsasi,. sumber asli trasnsaksi, Atau penerima akhir. Menghubungkan 2. Arus data. antara. proses, simpanan data, dan kesatuan luar. Menunjukan proses kegiatana. 3. Proses. 4. Simpanan data. yang sedang dilakukan. Menunjukan informasi yang disimpan.. UNIVERSITAS SUMATERA UTARA.

12. Dalam pembuatan DAD atau DFD ada 3 konteks, yaitu : a. Diagram Konteks Diagram konteks menggambarkan satu lingkaran besar yang dapat mewakili seluruhh proses yang terdapat didalam suatu sistem. Diagram konteks sering dikatakan sebagai diagram nomol 0 (nol), karena diagram ini merupakan tinggakatan tertinggi dalam DFD. Diagram ini sangat sederhana untuk diciptakan karena pada diagram konteks sama sekali tidak memuat penyimpanan. Hal itu dilakukan karena semua entitas eksternal yang ditujukan pada diagram konteks yang berisii aliran-aliran data utama menuju dan dari sistem. b. Diagram Nol (digram level-1) Diagram level nol merupakan pemecahan dari diagram konteks, diagram ini memuat penyimpanan data. c. Diagram Rinci Merupakan diagram yang digunakan untuk menguraikan atau pemecahanan proses yang ada dalam diagram nol.. 2.10 ERD (Entity Relationship Diagram) Menurut salah satu para ahli, Brady dan Loonam (2010), Entity Relationship Diagram (ERD) merupakan teknik yang digunakan untuk memodelkan kebutuhan data dari suatu organisasi, biasanya oleh System Analys dalam tahap analisis persyaratan proyek pengembangan system. Sementara seolah-olah teknik diagram atau alat peraga memberikan dasar untuk desain database relasional yang mendasari sistem informasi yang dikembangkan. ERD bersama-sama dengan detail pendukung merupakan model data yang pada gilirannya digunakan sebagai spesifikasi untuk database. Dalam pembentukan ERD terdapat 3 komponen yang akan dibentuk yaitu: a. Entitas Pada post sebelumnya mengenai basis data telah dijelaskan sedikit tentang pengertian entity (entitas) yaitu suatu obyek yang dapat dibedakan dari lainnya yang dapat diwujudkan dalam basis data. Pengertian lainnya menurut Brady dan Loonam (2010), entitas adalah objek yang menarik di bidang organisasi yang dimodelkan. Contoh : Mahasiswa, Kartu Anggota Perpustakaan (KAP), dan Buku.. UNIVERSITAS SUMATERA UTARA.

13. b. Hubungan (relasi/relationship) Suatu hubungan adalah hubungan antara dua jenis entitas dan direpresentasikan sebagai garis lurus yang menghubungkan dua entitas. Contoh : Mahasiswa mendaftar sebagai anggota perpustakaan (KAP), relasinya adalah mendaftar. c. Atribut Atribut memberikan informasi lebih rinci tentang jenis entitas. Atribut memiliki struktur internal berupa tipe data. Jenis-jenis atribut : 1. Atribut Key Atribut Key adalah satu atau gabungan dari beberapa atribut yang dapat membedakan semua baris data (Row/Record) dalam tabel secara unik. Dikatakan unik jika pada atribut yang dijadikan key tidak boleh ada baris data dengan nilai yang sama. Contoh : Nomor pokok mahasiswa (NPM), NIM dan nomor poko lainnya 2. Atribut Simple Atribut yang bernilai atomic, tidak dapat dipecah/dipilah lagi. Contoh : Alamat, penerbit, tahun terbit, judul buku. 3. Atribut Multivalue Nilai dari suatu attribute yang mempunyai lebih dari satu (multivalue) nilai dari atrribute yang bersangkutan. Contoh : dari sebuah buku, yaitu terdapat beberapa pengarang. 4. Atribut Composite Atribut composite adalah suatu atribut yang terdiri dari beberapa atribut yang lebih kecil yang mempunyai arti tertentu yang masih bisah dipecah lagi atau mempunyai sub attribute. Contoh : dari entitas nama yaitu nama depan, nama tengah, dan nama belakang 5. Atribut Derivatif Atribut yang tidak harus disimpan dalam database Ex. Total. atau atribut yang dihasilkan dari atribut lain atau dari suatu relationship. Atribut ini dilambangkan dengan bentuk oval yang bergaris putus-putus.. UNIVERSITAS SUMATERA UTARA.

14. Menjelaskan jumlah maksimum hubungan antara satu entitas dengan entitas lainnya : a. One to One (1:1) Setiap anggota entitas A hanya boleh berhubungan dengan satu anggota entitas B, begitu pula sebaliknya. b. One to many (1:M / Many) Setiap anggota entitas A dapat berhubungan dengan lebih dari satu anggota entitas B tetapi tidak sebaliknya. c. Many to Many (M:M) Setiap entitas A dapat berhubungan dengan banyak entitas himpunan entitas B dan demikian pula sebaliknya. Tabel 2.3 Simbol entity relationship diagram No. Nama. Simbol. Fungsi. 1. Entitas. Persegi panjang untuk entitas. 2. Atribut. Ellips untuk atribu. 3. Relasi. Belah ketupat mewakili relasi. 4. Garis. Untuk menghubungkan. 2.11 Sistem Informasi Sistem Informasi adalah kegiatan dari suatu prosedur-prosedur yang diorganisasikan. bilamana. dieksekusi. akan. menyediakan. informasi. untuk. mendukukung pengambilan keputusan dan pengendalian di dalam organisasi. Sistem informasi sebagai sebuah rangkaian prosedur formal dimana data dikelompokkan, diproses. menjadi. informasi,. dan. didistribusikan. kepada. pemakai.. UNIVERSITAS SUMATERA UTARA.

BAB 3 METODE PENELITIAN. 3.1 Tempat dan Waktu Penelitian Tempat penelitian merupakan hal yang mendasari pemilihan, pengolahan serta penafsiran suatu data dan keterangan yang berkaitan dengan apa yang menjadi tujuan penelitian. Penelitian ini dilaksanakan di Fakultas Matematika Ilmu Pengetahuan Alam Universitas Sumatra Utara Jln Bioteknologi No.1, Padang Bulan, Kota Medan, Sumatera Utara. Tabel 3.1 Waktu pelaksanaan penelitian No. JENIS KEGIATAN MARET. APRIL. MEI. JUNI. 1 2 3 4 1 2 3 4 1 2 3 4 1 1.. 2. Pengumpulan Data dan Informasi. 2.. Perancangan Aplikasi. 3.. Pemrograman Aplikasi. 4.. Pengujian Aplikasi. 5.. Pembuatan Laporan. 3.2 Tahapan Kegiatan Penelitian Tahapan kegiatan penelitian dalam perancangan membuat Sistem Informasi Simpan Pinjam Koperasi Fmipa Usu ini terdiri dari metode pengumpulan data dan metode penelitian. Dalam membangun sistem dibutuhkan beberapa komponen, diantaranya yaitu :. UNIVERSITAS SUMATERA UTARA.

16. a. Perangkat keras ( hardware ) Satu unit laptop acer tipe USERPC dengan spesifikasi : 1. Processor. : Intel(R) Celeron(R) 2957U @ 1.40GHz (2 CPUs), ~1.4GHz. 2. Memori. : 2 GB. 3. Hardisk. : 500 GB. b. Perangkat lunak (software) Sistem Operasi. : Windows 8.1 Profesional 64-bit. Bahasa Pemrograman. : HTML dan PHP versi. Database. : MySQL versi 10.1.3. Server Offline. : XAMPP versi 3.2.2. Web editor. : Sublime Text 2 versi 1.0.0.1. Browser. : Google Chroome versi 33.0.1750.5. 3.2.1 Metode pengumpulan data Metode yang digunakan penulis dalam melakukan pengumpulan data pada penelitian ini adalah : a. Studi Pustaka, yaitu dilakukan dengan mengumpulkan dan mempelajari teoriteori serta literatur yang berhubungan dengan judul penelitian. b. Wawancara (interview), yaitu pengumpulan data berdasarkan tatap muka dan tanya jawab dengan salah satu sekretaris prodi. D3 Teknik Informatika untuk memperoleh informasi yang akurat sehingga diharapkan dapat menjadi bahan masukan maupun pertimbangan dalam proses penelitian. c. Observasi, yaitu mengumpulkan data melalui pengamatan langsung pada tempat penelitian. d. Dokumentasi, mengumpulkan data dengan cara mencari dokumen-dokumen yang terkait dalam penelitian. Dokumen dalam penelitian ini berupa buku-buku, karya tulis ilmiah dan dokumentasi lainnya yang dianggap berkaitan dengan penelitian.. 3.2.2 Metode penelitian Metode adalah suatu cara atau teknik yang sistematik untuk mengerjakan atau menyelesaikan sesuatu. Berikut ini beberapa metode penelitian yang digunakan dalam membangun sistem informasi, antara lain :. UNIVERSITAS SUMATERA UTARA.

17. a. Pengumpulan Data Mengumpulkan data sekunder yang dibutuhkan untuk perancangan aplikasi dengan cara mengobservasi terlebih dahulu. b.. Analisis Sistem Dilakukan untuk memperoleh informasi tentang sistem, menganalisis data–data yang ada dalam sistem dan juga menganalisis poin – poin masalah pada sistem terutama mengenai kelebihan dan kekurangan sistem.. c. Perancangan (Desain) Membangun atau mengembangkan sistem yang diusulkan berupa perancangan sistem data flow diagram (DFD), dimana tahapan ini dapat dibangun dengan memperoleh informasi diantaranya memastikan informasi yang didapat akurat, memberikan ulasan-ulasan yang terperinci. d.. Penulisan Program (Coding) membuat program didalam aplikasi yang dibuat agar dapat berjalan sesuai dengan yang difungsikan.. e. Uji Program. Pengujian akan dilaksanakan jika program telah selesai dikerjakan. Bila saat pengujian terdapat kesalahan maka perlu adanya perbaikan terhadap program agar menghasilkan hasil yang maksimal.. 3.3 Perancangan Sistem Perancangan sistem adalah tahap setelah analisis dari siklus pengembangan sistem, pendefenisian dari kebutuhan-kebutuhan fungsional persiapan untuk rancang bangun implementasi menggambarkan bagaimana suatu sistem dibentuk yang dapat berupa penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi termasuk mengkonfigurasi perangkat lunak dan perangkat keras dari suatu sistem. Perancangan sistem juga merupakan suatu upaya untuk membuat sistem yang baru atau memperbaiki sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Perancangan sistem dilakukan untuk mendapatkan gambaran jelas mengenai apa yang harus dikerjakan.. UNIVERSITAS SUMATERA UTARA.

18. 3.3.1 Flowchart sistem Flowchart Adalah Bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Flowchart merupakan cara penyajian dari suatu algoritma. Berikut ini adalah gambar flowchart sistem secara keseluruhan.. Data Anggota. Input data anggota. Data Simpan. Input data simpan. Data Pinjam. Data Angsur. Input data pinjam. Input data angsuran. Pengolahan data anggota. Pengolahan data simpan. Pengolahan data pinjam. Pengolahan data angsuran. Anggota. Simpan. Pinjam. Angsuran. Pembuatan laporan data anggota. Pembuatan laporan data simpan. Pembuatan laporan data pinjam. Pembuatan laporaan data angsuran. Laporan data anggota. Laporan data simpan. Laporan data pinjam. Laporan data angsuran. Gambar 3.1 Flowchart sistem Keterangan gambar : Pada gambar dapat dilihat bahwa pada menu data anggota ada proses input data anggota berlanjut pada proses pengolahan data anggota yang kemudian akan. UNIVERSITAS SUMATERA UTARA.

19. disimpan di table Anggota, berlanjut pada pembuatan laporan data anggota dan berakhir pada hasil laporan data anggota yang berbentuk dokumen. a. Pada menu data simpan ada proses input data simpan berlanjut pada proses pengolahan data simpan yang kemudian akan disimpan di table Simpan, berlanjut pada pembuatan laporan data simpan dan berakhir pada hasil laporan data simpan yang berbentuk dokumen. b. Pada menu data pinjam ada proses input data pinjam berlanjut pada proses pengolahan data pinjam yang kemudian akan disimpan di table Pinjam, berlanjut pada pembuatan laporan data pinjam dan berakhir pada hasil laporan data pinjam yang berbentuk dokumen. c. Pada menu data angsur ada proses input data angsur berlanjut pada proses pengolahan data angsur yang kemusdian akan disimpan di table Angsur, berlanjut pada pembuatan laporan data angsur dan berakhir pada hasil laporan data angsur yang berbentuk dokumen.. 3.3.2 Diagram konteks Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup sistem. Diagram konteks merupakan diagram level tertinggi dari Data Flow Diagram (DFD) yang menggambarkan seluruh input ke sistem atau output dari sistem. Berikut ini akan diberikan gambar dari diagram konteks untuk sistem informasi simpan pinjam koperasi FMIPA USU :. Admin. Data Anggota Data Simpanan Data Pinjaman Data Angsuran. 0 Sistem Informasi Simpan Pinjam Koperasi FMIPA USU. Laporan Anggota Laporan Simpanan Laporan Pinjaman Laporan Angsuran. Gambar 3.2 Diagram konteks. UNIVERSITAS SUMATERA UTARA.

20. Keterangan gambar : a. Admin menginput Data Anggota ke sistem, kemudian sistem akan memberikan output Laporan Anggota kepada Admin. b. Admin menginput Data Simpanan ke sistem, kemudian sistem akan memberikan output Laporan Simpanan kepada Admin. c. Admin menginput Data Pinjaman ke sistem, kemudian sistem akan memberikan output Laporan Pinjaman kepada Admin. d. Admin menginput Data Angsuran ke sistem, kemudian sistem akan memberikan output Laporan Angsuran kepada Admin.. 3.3.3 Data Flow Diagram (DFD) Berikut ini akan diberikan gambar untuk DFD dari informasi simpan pinjam koperasi FMIPA USU. Gambarnya sebagai berikut : Data Anggota. Data Anggota. 1.0 Data Anggota. Anggota. Data Anggota. Data Simpanan. 2.0 Data Simpan. Data Simpanan. Simpanan 5.0 Pembuatan Laporan`. Data Anggota. Admin. Data Simpanan Data Anggota Data Pinjam. 3.0 Data Pinjam. Data Pinjam. Data Pinjam Data Pinjam. Data Pinjam. Data Angsuran. 4.0 Data Angsuran. Data Angsuran. Data Angsuran Data Angsuran. Laporan. Gambar 3.3 Data flow diagram. UNIVERSITAS SUMATERA UTARA.

21. Keterangan gambar : a. Admin menginput data anggota kemudian disimpan dalam database table anggota, kemudian berlanjut kepada pembuatan laporan dan dari sistem itu dikeluarkan laporan berupa data anggota yang diberikan kepada Admin. b. Admin menginput data anggota kemudian disimpan dalam database table anggota, kemudian data anggota memproses data yang akan di pinjam. c. Admin menginput data simpan kemudian disimpan dalam database table simpanan, kemudian berlanjut kepada pembuatan laporan dan dari sistem itu dikeluarkan laporan berupa data simpanan yang diberikan kepada Admin. d. Admin menginput data pinjam kemudian disimpan dalan database table pinjam, kemudian berlanjut kepada pembuatan laporan dan dari sistem itu dikeluarkan laporan berupa data pinjam yang di berikan kepada Admin. e. Admin menginput data angsur kemudian disimpan dalam database table angsur, kemudian berlanjut kepada pembuatan laporan dan dari sistem itu dikeluarkan laporan berupa data angsur yang diberikan kepada Admin. f. Dari pembuatan laporan memberikan hasil laporan keslurahan kepada admin.. 3.4 Perancangan Database Sistem Database merupakan bagian dari implementasi Sistem Informasi Simpan Pinjam Koperasi Fmipa Usu pada yang digunakan untuk menyimpan semua data. Berikut ini akan dijelaskan perancangan database logic system, dan database fisik system.. 3.4.1 Perancangan database logic system Normalisasi merupakan suatu proses pengelompokan elemen data menjadi tabel-tabel yang menunjukkan entitas beserta relasinya yang berfungsi untuk menghilangkan redudansi data, menentukan key yang unik untuk mengakses data dan untuk pembentukan relasi sedemikian rupa sehingga database tersebut mudah untuk dimodifikasi. Berikut tahap-tahap dalam proses normalisasi pada Sistem Informasi Simpan Pinjam Koperasi FMIPA USU berbasis web :. UNIVERSITAS SUMATERA UTARA.

22. a. Bentuk Normal Kesatu (1 NF) {Password, Username, nama_anggota, pekerjaan, tempat_lahir, tgl_lahir, foto, level, besar_tabungan, kode_angsur, angsuran_ke, denda, maks_pinjam,. bunga,. nama_simpanan,. nama_pinjaman,. kode_pengajuan,. tgl_pengajuan,. kode_ambil, tgl_ambil, sisa_angsur, tgl_tempo, jenis_simpanan} b. Bentuk Normal Kedua (2NF) T_anggota. = {*kode_anggota,. kode_tabungan,. nama_anggota,. jenis_kelamin, pekerjaan, tgl_masuk, telp, tempat_lahir, tgl_lahir, status} T_angsur. = {*kode_angsur, kode_pinjam, angsuran_ke, besar_angsuran, denda, sisa_pinjam, kode_anggota}. Jenis_Pinjam. = {*kode_jenis_pinjam,. nama_pinjaman,. lama_angsuran,. maks_pinjam, bunga} Jenis_Simpanan. = {*kode_jenis_simpan, nama_simpanan, besar_simpanan}. Pengajuan. = {*kode_pengajuan,. tgl_pengajuan,. kode_anggota,. **kode_jenis_pinjam, besar_pinjam, status} T_Pengambilan. = {*kode_ambil,. **kode_anggota,. kode_tabungan,. besar_ambi, tgl_ambil}. T_Petugas. = {*kode_petugas, nama_petugas, alamat_petugas, no_telp, jenis_kelamin}.. T_Pinjam. = {*kode_pinjam,. **kode_anggota,. **kode_jenis_pinjam,. besar_angsuran, lama_angsuran, sisa-agsur, sisa_pinjaman, tgl_tempo, status}. T_Simpan. = {*kode_simpan,. jenis_simpan,. besar_simpanan,. **kode_anggota, tgl_mulai}. T_Tabungan. = {*kode_tabungan,. **kode_anggota,. tgl_mulai,. besar_tabungan}.. UNIVERSITAS SUMATERA UTARA.

23. 3.4.2 Perancangan fisik database Tabel 3.2 Table anggota Nama Field Kode_anggota Kode_tabungan Nama_anggota Alamat anggota Jenis_kelamin Pekerjaan Tgl_masuk Telp Tempat_lahir Tgl_lahir Status. Tipe Data Char (5) Int( 11) Varchar (50) Varchar (100) Varchar (10) Varchar (50) Date Varchar (12) Varchar (20) Date Varchar (10). Keterangan Primary Key. Tabel 3.3 Table angsur Nama Field Kode_angsur Kode_pinjam Angsuran_ke Besar_angsuran Denda Sisa_Pinjam Kode_anggota. Tipe Data Int (11) Int (11) Int (11) Int (11) Int (11) Int (11) Char (5). Keterangan Primary Key. Tabel 3.4 Table jenis pinjam Nama Field. Tipe Data. Keterangan. Kode_jenis_pinjam. Char (5). Primary Key. Nama_pinjaman. Varchar (50). Lama_angsuran. Int (11). Maks_pinjam. Double. Bunga. Float. UNIVERSITAS SUMATERA UTARA.

24. Tabel 3.5 Table jenis simpan Nama Field. Tipe Data. Keterangan. Kode_jenis_simpan. Char (5). Primary Key. Nama_simpanan. Varchar (50). Besar_simpanan. Float. Tabel 3.6 Table pengajuan Nama Field Kode_pengajuan Tgl_pengajuan Kode_anggota Kode_jenis_pinjam Besar_pinjam Status. Tipe Data Int (4) Date Varchar (10) Varchar (10) Int (11) Varchar (12). Keterangan Primary Key. Tabel 3.7 Table pengambilan Nama Field Kode_ambil Kode_anggota Kode_tabungan Besar_ambil Tgl_ambil. Tipe Data Int (5) Date Int (5) Int (20) Date. Keterangan Primary Key. Tabel 3.8 Table petugas Nama Field Kode_petugas Nama_petugas Alamat_petugas No_telp Jenis_kelamin. Tipe Data Char (5) Varchar (50) Varchar (100) Varchar (12) Varchar (10). Keterangan Primary Key. UNIVERSITAS SUMATERA UTARA.

25. Tabel 3.9 Table pinjam Nama Field Kode_pinjam Kode_anggota Kode_jenis_pinjam Besar_angsuran Lama_angsur Sisa_angsur Tgl_tempo Sisa_pinjaman Status. Tipe Data Int (11) Char (5) Char (5) Double Double Int (11) Date Double Varchar (30). Keterangan Primary Key. Tabel 3.10 Table simpan Nama Field Kode_simpanan Jenis_simpanan Besar_simpanan Kode_anggota Tgl_mulai. Tipe Data Int (11) Varchar (10) Double Char (5) Date. Keterangan Primary Key. Tabel 3.11 Table tabungan Nama Field Kode_tabungan Kode_anggota Tgl_mulai Besar_tabungan. Tipe Data Int (11) Varchar (6) Date Double. Keterangan Primary Key. 3.5 Perancanganm Antarmuka Sistem Perancangan antarmuka sangat penting dalam membuat suatu program, karena hal tersebut berguna untuk memudahkan user berinteraksi dengan program (interface). Dalam bab ini penulis akan menggambarkan mengenai bagaimana interface pada Sistem Informasi Simpan Pinjam Koperasi Fmipa Usu Baru yaitu sebagai berikut :. UNIVERSITAS SUMATERA UTARA.

26. a. Halaman Login Admin. Logo FMIPA. Username Password LOGIN. Copyright Gambar 3.4 Rancangan halaman admin b. Halaman Menu Home INDAH ANGGRAINI ADMIN. Waktu. LOGOU TT. FMIPA Home Master Data Transaksi Laporan. Anggota. Pinjaman. Angsuran. Tabungan. Denda. Pengatur an Grafik Backup Help. Gambar 3.5 Rancangan menu home. UNIVERSITAS SUMATERA UTARA.

27. c. Halaman Menu Master Data Waktu. INDAH ANGGRAINI ADMIN Logo FMIPA. Data. Data. Petugas. Anggota. Data. Data. Tabungan. Pengajuan. LOGOUT. Master Data Master Petugas Master Anggota Master Tabungan Master Pengajuan. Gambar 3.6 Rancangan menu master data. d. Halaman Menu Transaksi. Waktu. INDAH ANGGRAINI ADMIN. LOGOUT. Logo FMIPA Simpan. Pencarian. Pinjam. Angsur. Transaksi. Gambar 3.7 Rancangan menu transaksi. UNIVERSITAS SUMATERA UTARA.

28. e. Halaman Menu Laporan INDAH ANGGRAINI ADMIN. f.. Waktu. .. Logo FMIPA. Data. Data. Anggota. Simpan an. LOGOUT. Keuangan Laporan. Data Pinjaman. Perbulan. Gambar 3.8 Rancangan menu laporan g. Halaman Menu Setting INDAH ANGGRAINI ADMIN. Waktu. LOGOUT. Logo FMIPA. Setting. Setting. Simpanan. Pinjaman. Pengaturan. Gambar 3.9 Rancangan menu setting. UNIVERSITAS SUMATERA UTARA.

29. h. Halaman Grafik INDAH ANGGRAINI ADMIN. Waktu. LOGOU T. Logo FMIPA. Grafik. Hasil Grafik. Gambar 3.10 Rancangan menu grafik. UNIVERSITAS SUMATERA UTARA.

BAB 4 IMPLEMENTSI SISTEM. 4.1 Pengertian Implementasi Sistem Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain sistem yang telah dirancangkan, sistem yang disetujui, menguji sistem, serta memulai menggunakan sistem baru tersebut atau sistem yang diperbaiki. Tujuan implementasi sistem adalah : a. Menyelesaikan desain yang ada dalam dokumen desain sistem yang telah disetujui. b. Menulis, menguji, mendokumentasikan program-program dan prosedur yang diperlakukan dalam dokumen desain sistem yang telah disetujui. c. Memperhitugkan bahwa sistem tersebut dapat memenuhi permintaan pengguna yaitu dengan menguji sistem secara keseluruhan. d. Memastikan bahwa konversi kesistem baru berjalan secara lancar, yaitu dengan membuat perencanaan, mengontrol, dan melakukan instalasi sistem baru secara baik dan benar.. 4.2 Tujuan Implementasi Sistem Sistem setelah dianalisa dan dirancang, maka sistem tersebut siap diterapkan atau diimplementasikan. Tahap implementasi adalah tahap dimana sistem informasi telah digunakan oleh pengguna. Sebelum benar-benar bias digunakan dengan baik oleh pengguna, system harus melalui tahap pengujian terlebih dahulu untuk menjamin tidak ada kendala fatal yang muncul pada saat pengguna memanfaatkan sistemnya. Jika system perangkat lunak telah selesai melewati tahap pengujian system maka system perangkat lunak tersebut telah siap untuk digunakan. Penggunaan system perangkat lunak yang baru pada suatu organisasi atau perusahaan kadangkadang merupakan proses yang tidak mudah sehingga diperlukan latihan bagi. UNIVERSITAS SUMATERA UTARA.

31. pengguna sebelum digunakan. Adapun beberapa tujuan dari implementasi sistem adalah sebagai berikut : a. Membuat desain system selama melakukan penelitian dan analisa. b. Menguji dan mendokumentasikan prosedur dan program yang diperlukan. c. Menyelesaikan desain sistem yang telah disetujui. d. Memperhitungkan sistem yang telah dibuat sesuai kebutuhan.. 4.3 Komponen Utama dalam Implementasi Sistem Pada dasarnya, dalam pengimplementasian sistem dibutuhkan beberapa komponen penting agar aplikasi yang dibangun dapat berjalan. Berikut beberapa komponen yang dibutuhkan.. 4.3.1 Perangkat keras Perangkat keras dapat diartikan sebagai perangkat komputer yang dapat diihat, disentuh, dan memiliki wujud fisik. Perangkat keras merupakan seluruh komponen peralatan yang membentuk suatu sistem komputer serta peralatan lainnya yang memungkinkan komputer dapat melakukan tugasnya. Dalam pembuatan aplikasi pekerja lepas ini penulis menggunakan laptop sebagai perangkat keras.. 4.3.2 Perangkat lunak Berkebalikan dengan perangkat keras, perangkat lunak tidak memiliki wujud. Perangkat lunak adalah sekumpulan instruksi yang memungkinkan perangkat keras untuk dapat memproses data. Perangkat lunak adalah program yang diciptakan melalui perangkat elektronik. Dalam perangkat lunak dikenal dengan apa yang disebut sistem operasi dan program aplikasi. Penulis mengembangkan bagian perangkat lunak berupa aplikasi.. 4.3.3 Brainware Brainware. adalah. orang. yang. menggunakan,. memakai. atau. pun. mengoprasikan perangkat komputer. Sebagai contoh dari brainware yaitu programmer, netter (sebutan untuk orang yang sedang melakukan surfing di. UNIVERSITAS SUMATERA UTARA.

32. internet), serta orang yang sedang menggunakan perangkat komputer. Atau definisi brainware yaitu manusia yang terlibat dalam mengoperasikan atau pemakaian serta mengatur sistem di dalam perangkat komputer.Dapat diartikan juga sebagai perangkat intelektual yang mengoperasikan dan juga mengeksplorasi kemampuan dari perangkat keras (hardware) maupun perangkat lunak (software).. 4.4 Demonstrasi Program Demonstrasi program akan menjelaskan secara visual bagaimana tampilan dari aplikasi pekerja lepas. Mulai dari tampilan awal, menu utama, dan SubMenu lainnya.. 4.4.1 Tampilan awal login admin Berikut adalah tampilan awal login admin dari aplikasi yang berupa screen yang memperlihatkan logo usu serta username dan password admin.. Gambar 4.1 Tampilan awal login admin. 4.4.2 Tampilan menu utama admin Terdapat menu-menu didalamnya sebagai tampilan awal admin dapat melihat rekap data anggota, pinjaman, angsuran, tabungan, denda dan di bawahnya terdapat link yang mengarahkan.. UNIVERSITAS SUMATERA UTARA.

33. Gambar 4.2 Tampilan menu utama admin. 4.4.3 Tampilan menu master data anggota Berikut adalah tampilan menu master data anggota. Pada menu ini diperlihatkan semua anggota baik anggota itu masih aktif atau anggota sudah tidak aktif.. Gambar 4.3 Tampilan menu master data anggota. UNIVERSITAS SUMATERA UTARA.

34. 4.4.4 Tampilan menu tambah anggota Berikut adalah tampilan menu tambah anggota. Pada menu ini kita dapat menambah anggota.. Gambar 4.4 Tampilan menu tambah anggota. 4.4.5 Tampilan menu edit anggota Berikut merupakan tampilan menu edit anggota, Anggota dapat keluar tetapi apabila masih ada tunggakan pinjam maka tidak diperbolehkan maka akan muncul tampilan seperti ini.. Gambar 4.5 Tampilan menu edit anggota. UNIVERSITAS SUMATERA UTARA.

35. 4.4.6 Tampilan menu data tabungan Pada menu data tabungan,kita dapat melihat tombol ambil uang dan apabila kita klik maka akan muncul history pengambilan uang yang sudah dilakukan oleh anggota jadi tidak akan terjadi salah paham antara anggota dan petugas.. Gambar 4.6 Tampilan menu data tabungan. UNIVERSITAS SUMATERA UTARA.

36. 4.4.7 Tampilan menu master pengajuan Pada menu master pengajuan admin dapat menerima dan menolak pengajuan dan terdapat status sebagai acuan pegajuan.Tampilannya seperti ini.. Gambar 4.7 Tampilan menu master pengajuan. 4.4.8 Tampilan menu transaksi Disini sudah saya batasi untuk transaksi, jadi hanya anggota yang aktif saja yang dapat transaksi.. UNIVERSITAS SUMATERA UTARA.

37. Gambar 4.8 Tampilan menu transaksi .. UNIVERSITAS SUMATERA UTARA.

38. 4.4.9 Menu laporan Berikut adalah tampilan menu laporan.. Gambar 4.9 Tampilan menu laporan. UNIVERSITAS SUMATERA UTARA.

39. 4.4.10 Tampilan menu laporan simpanan Berikut adalah tampilan menu laporan simpanan.. Gambar 4.10 Tampilan menu laporan simpanan. 4.4.11 Tampilan menu laporan data pinjaman Berikut adalah tampilan menu laporan pinjaman.. Gambar 4.11 Tampilan menu laporan data pinjaman. UNIVERSITAS SUMATERA UTARA.

40. 4.4.12 Tampilan menu laporan perbulan Berikut adalah tampilan laporan perbulan.. Gambar 4.12 Tampilan menu laporan perbulan. UNIVERSITAS SUMATERA UTARA.

41. 4.4.13 Tampilan menu laporan keuangan Berikut adalah menu laporan keuangan.. Gambar 4.13 Tampilan menu laporan keuangan. 4.4.14 Tampilan menu grafik Berikut adalah tampilan menu grafik.. Gambar 4.14 Tampilan menu grafik. UNIVERSITAS SUMATERA UTARA.

42. 4.4.15 Tampilan setiing jenis pinjaman, setting jenis simpanan dan setting user. UNIVERSITAS SUMATERA UTARA.

43. Gambar 4.15 Tampilan setting. UNIVERSITAS SUMATERA UTARA.

BAB 5 PENUTUP. 5.1 Kesimpulan Berdasarkan uraian dan pembahasan yang telah dilakukan pada bab-bab sebelumnya maka dapat dibuat kesimpulan sebagai berikut : a. Sistem Informasi Simpan Pinjam Koperasi FMIPA USU berbasis web ini diharapkan dapat digunakan untuk meningkatkan kinerja pegawai, karena dengan adanya sistem informasi ini pencatatan transaksi simpan pinjam menjadi lebih cepat dan akurat serta pembuatan laporan menjadi lebih mudah danjuga dapat meningkatkan pelayanan kepada anggota koperasi, karena anggota dapat melihat data simpanan, pinjaman dan cicilannya. b. Sistem yang dibangun dapat menghitung jumlah pinjaman dan angsuran anggota koperasi dengan otomatis dan akurat tanpa kesalahan. c. Analisa dan perancangan sistem sudah memenuhi sebagian dari kriteria dari suatu sistem yang diinginkan.. 5.2 Saran Sebagai hasil penelitian yang belum sempurna, penulis menyadari akan perlunya sebuah proses pengembangan lebih lanjut dalam memperbaiki hasil yang telah ada. Saran yang ingin disampaikan penulis antara lain : a. Sistem yang dibuat diharapkan bisa diterapkan dan sebaiknya harus benar-benar dikaji dan dipelajari secara mendalam, sehingga didapatkan kemudahan dalam menggunakan sistem baru. b. Memantau efektifitas dan efisiensi program untuk pengembangan program selanjutnya guna mengantisipasi kebutuhan sistem dimasa yang akan datang.. UNIVERSITAS SUMATERA UTARA.

45. DAFTAR PUSTAKA. Rachman, Iqbal. 2015. Sistem Informasi Pengolahan Nilai Raport pada SMP Muhammadiyah Pangkal Pinang. http://lppm.atmaluhur.ac.id/wp-content/uploads/2015/11/Jurnal_0922500049_IqbalRahaman.pdf diakses mulai Maret 2018. Ritonga, Fahmi. 2015. Pengertian MySQL Menurut Para Pakar. http://www.bangpahmi.com/2015/03/pengertian-mysql-menurut-para-fakar.html diakses mulai Maret 2018. Kadir, Abdul. 2001. Dasar Pemrograman Web Dinamis Menggunakan PHP. Andi Yogyakarta. Yogyakarta. Ritonga, Fahmi. 2016. Pengertian HTML Menurut Para Pakar. http://www.bangpahmi.com/2016/04/pengertian-html-menurut-para-ahli-danpakar.html. diakses mulai Maret 2018. UNIVERSITAS SUMATERA UTARA.

46. UNIVERSITAS SUMATERA UTARA.

A-1. LISTING PROGRAM. 1. edit_anggota.php <?php include '../config/koneksi.php'; $kode=$_GET['kode_anggota']; $tanggal_masuk=$_GET['tgl_masuk']; $nama=$_GET['nama_anggota']; $jk=$_GET['jenis_kelamin']; $tgllahir=$_GET['tgl_lahir']; $tmplahir=$_GET['tmp_lahir']; $alamat=$_GET['alamat_anggota']; $tlp=$_GET['telp']; $kerja=$_GET['pekerjaan']; $entri=$_GET['tgl_entri']; $sql=mysql_query("UPDATE t_anggota SET nama_anggota='$nama',alamat_anggota='$alamat',jenis_kelamin='$ jk',pekerjaan='$kerja',tgl_masuk='$tanggal_masuk',telp='$tlp', tempat_lahir='$tmplahir',tgl_lahir='$tgllahir',tgl_entri='$ent ri' WHERE kode_anggota='$kode'"); if($sql) { header("location:../index.php?pilih=1.2"); } else { echo 'gagal'; }?>. 2. mst_anggota.php <?php include "config/koneksi.php"; include "fungsi/fungsi.php"; $aksi=$_GET['aksi']; $kategori = ($kategori=$_POST['kategori'])?$kategori : $_GET['kategori']; $cari = ($cari = $_POST['input_cari'])? $cari: $_GET['input_cari']; ?> <head> <script src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#cari").keyup(function(){ $("#fbody").find("tr").hide(); var data = this.value.split(""); var jo = $("#fbody").find("tr"); $.each(data, function(i, v) {. UNIVERSITAS SUMATERA UTARA.

A-2. jo = jo.filter("*:contains('"+v+"')"); }); jo.fadeIn(); }) }); </script> </head> <?php if(empty($aksi)){ ?> <body> <div class="row mt"> <div class="col-lg-12"> <div class="form-panel" style="border-left:5px solid#d9534f;border-right:5px solid#d9534f;"> <p><a class="btn btn-primary" href="index.php?pilih=1.2&aksi=aktif"><i class="glyphicon glyphicon-sd-video"></i> Aktif</a> <a class="btn btn-primary" href="index.php?pilih=1.2&aksi=keluar"><i class="glyphicon glyphiconsubtitles"></i> Nonaktif</a> <a href="?pilih=1.2&aksi=tambah" class="btn btnprimary"><span class='glyphicon glyphicon-plus'></span> Tambah Anggota</a> </p> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="form-panel"> <h4 class="mb"><span class='glyphicon glyphicon-briefcase'></span> Data Anggota <?php $am=mysql_query("SELECT *from t_anggota"); $jum=mysql_num_rows($am); echo'<kbd style="background-color:#d9534f;">'.$jum.'</kbd>';?> <span style="float:right;"> <input type="text" id="cari" style="width:230px;height:30px;fontsize:15px;" placeholder=" cari disini..."> </span></h4> <form class="form-inline" role="form"> <table class="table table-bordered table-striped table-condensed"> <thead> <tr class="info"> <th><a href="#">No</a></th> <th><a href="#">Kode Anggota</a></th> <th><a href="#">Nama Anggota</a></th> <th><a href="#">TTL</a></th> <th><a href="#">Pekerjaan</a></th> <th><a href="#">Tanggal Masuk</a></th> <th><a href="#">Status</a></th>. UNIVERSITAS SUMATERA UTARA.

A-3. </tr> </thead> <tbody id="fbody"> <?php $query=mysql_query("SELECT * FROM t_anggota"); $no=1; while($data=mysql_fetch_array($query)){ ?> <tr> <td><?php echo $no;?></td> <td><?php echo $data['kode_anggota'];?></td> <td><?php echo $data['nama_anggota'];?></td> <td><?php echo $data['tempat_lahir'];?>, <?php echo $data['tgl_lahir'];?></td> <td><?php echo $data['pekerjaan'];?></td> <td><?php echo $data['tgl_masuk'];?></td> <td><?php echo $data['status'];?></td> </tr> <?php $no++;} //tutup while ?> </tbody> </table> </div> </div><!-- /col-lg-12 --> </div><!-- /row --> <?php }else if($aksi=='tambah'){ $query=mysql_query("SELECT * FROM t_jenis_simpan WHERE nama_simpanan='pokok'"); $data=mysql_fetch_array($query); //echo $query; ?> <div class="row mt"> <div class="col-lg-12"> <div class="form-panel" style="width:50%;"> <h4 class="mb"><span class='glyphicon glyphicon-briefcase'></span> Tambah Data Anggota </h4> <form action="anggota/proses_anggota.php?pros=tambah" method="post" id="form" role="form" enctype="multipart/form-data"> <div class="form-group"> <label>Kode Anggota</label> <input type="text" name="kode_anggota" class="form-control" size="54px" value="<?php echo nomer("A","kode_anggota","t_anggota ");?>" readonly title="Kode harus diisi"/> </div>. UNIVERSITAS SUMATERA UTARA.

A-4. <div class="form-group"> <label>Tanggal Masuk</label> <input type="text" name="tgl_masuk" class="form-control" value="<?php echo date("Y-m-d");?>"> </div> <div class="form-group"> <label>Simpanan Pokok</label> <input type="text" name="simpanan_pokok" class="formcontrol" size="54" id="simpanan_pokok" class="required" readonly="" value="<?php echo $data['besar_simpanan'];?>"> </div> <div class="form-group"> <label>Nama Lengkap</label> <input type="text" name="nama_anggota" class="form-control" size="54" class="required" title="Nama harus diisi"/> </div> <div class="form-group"> <label>Jenis Kelamin</label> <input type="radio" name="jenis_kelamin" value="Laki-laki" class="required" title="Jenis Kelamin harus diisi"/> Laki-laki <input type="radio" name="jenis_kelamin" value="Perempuan" class="required" title="Jenis Kelamin harus diisi"/> Perempuan </div> <div class="form-group"> <label>Tempat Lahir</label> <input type="text" name="tmp_lahir" size="54" class="formcontrol"/> </div> <div class="form-group"> <label>Tanggal Lahir</label> <input type="date" class="form-control" name="tgl_lahir" class="required" title="Tanggal Lahir harus diisi"> </div> <div class="form-group"> <label>Alamat Anggota</label> <input type="text" name="alamat_anggota" class="form-control" id="alamat_anggota" rows="5" cols="41" class="required" title="Alamat harus diisi"/> </div> <div class="form-group"> <label>Telepon</label> <input type="text" name="telp" size="54" class="form-control"/> </div> <div class="form-group"> <label>Pekerjaan</label> <input type="text" name="pekerjaan" size="54" class="formcontrol"/> </div>. UNIVERSITAS SUMATERA UTARA.

A-5. <div class="form-group"> <label>User Entri</label> <input type="text" class="form-control" name="u_entry" size="54" value="<?php session_start(); echo $_SESSION['kopname'];?>" readonly> </div><div class="form-group"> <label>Tanggal Entri</label> <input type="text" name="tgl_entri" class="form-control" size="54" value="<?php echo date("Y-m-d");?>" readonly/> </div> <button class="btn btn-danger"><span class='glyphicon glyphiconok'></span> Simpan</button> </form> </div></div></div> <?php }else if($aksi=='ubah'){ $kode=$_GET['kode_anggota']; $qubah=mysql_query("SELECT * FROM t_anggota WHERE kode_anggota='$kode'"); $data2=mysql_fetch_array($qubah); ?> <div class="row mt"> <div class="col-lg-12"> <div class="form-panel" style="width:50%;"> <h4 class="mb"><span class='glyphicon glyphiconbriefcase'></span>Ubah Data Anggota </h4> <form action="anggota/edit_anggota.php" method="get" id="form" role="form" enctype="multipart/form-data"> <div class="form-group"> <label>Kode Anggota</label> <input type="text" name="kode_anggota" class="form-control" size="54px" value="<?php echo $data2['kode_anggota'];?>"readonly/> </div> <div class="form-group"> <label>Tanggal Masuk</label> <input type="date" value="<?php echo $data2['tgl_masuk'];?>" class="form-control" name="tgl_masuk" > </div> <div class="form-group"> <label>Nama Lengkap</label> <input type="text" name="nama_anggota" class="form-control" size="54" class="required" value="<?php echo $data2['nama_anggota'];?>"/> </div> <div class="form-group"> <label>Jenis Kelamin</label> <?php. UNIVERSITAS SUMATERA UTARA.

A-6. if ($data2['jenis_kelamin'] == "Laki-laki") echo "<input type='radio' name='jenis_kelamin' value='Laki-laki' checked>Laki-laki <input type='radio' name='jenis_kelamin' value='Perempuan'>Perempuan }else if ($data2['jenis_kelamin'] == "Perempuan"){ echo "<input type='radio' name='jenis_kelamin' value='Laki-laki'>Laki-laki <input type='radio' name='jenis_kelamin' value='Perempuan' checked>Perempuan"; } ?> </div> <div class="form-group"> <label>Tempat Lahir</label> <input type="text" class="form-control" value="<?php echo $data2['tempat_lahir'];?>" name="tmp_lahir"/> </div> <div class="form-group"> <label>Tanggal Lahir</label> <input type="date" name="tgl_lahir" class="form-control" value="<?php echo $data2['tgl_lahir'];?>"> </div> <div class="form-group"> <label>Alamat Anggota</label> <input type="text" name="alamat_anggota" value="<?php echo $data2['alamat_anggota'];?>" class="form-control"/> </div> <div class="form-group"> <label>Telepon</label> <input type="text" class="form-control" value="<?php echo $data2['telp'];?>" name="telp"/> </div> <div class="form-group"> <label>Pekerjaan</label> <input type="text" name="pekerjaan" size="54" class="formcontrol" value="<?php echo $data2['pekerjaan'];?>"/> </div> <div class="form-group"> <label>Tanggal Entri</label> <input type="date" name="tgl_entri" class="form-control" value="<?php echo date("Y-m-d");?>" readonly> </div> <button class="btn btn-danger"><span class='glyphicon glyphiconpencil'></span> Edit</button> </form> </div></div></div> <?php } else if($aksi=='aktif'){ ?> <div class="row mt"> <div class="col-lg-12">. UNIVERSITAS SUMATERA UTARA.

A-7. <div class="form-panel" style="border-left:5px solid#d9534f;border-right:5px solid#d9534f;"> <p><a class="btn btn-primary" href="index.php?pilih=1.2&aksi=aktif"><i class="glyphicon glyphicon-sd-video"></i> Aktif</a> <a class="btn btn-primary" href="index.php?pilih=1.2&aksi=keluar"><i class="glyphicon glyphiconsubtitles"></i> Nonaktif</a> <a href="?pilih=1.2&aksi=tambah" class="btn btnprimary"><span class='glyphicon glyphicon-plus'></span> Tambah Anggota</a> </p> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="form-panel"> <h4 class="mb"><span class='glyphicon glyphicon-briefcase'></span> Data Anggota Aktif <?php $am=mysql_query("SELECT *from t_anggota where status='aktif'"); $jum=mysql_num_rows($am); echo'<kbd style="background-color:#d9534f;">'.$jum.'</kbd>';?> <span style="float:right;"> <input type="text" id="cari" style="width:230px;height:30px;fontsize:15px;" placeholder=" cari disini..."> </span></h4> <form class="form-inline" role="form"> <table class="table table-bordered table-striped table-condensed"> <thead> <tr class="info"> <th><a href="#">No</a></th> <th><a href="#">Kode Anggota</a></th> <th><a href="#">Nama Anggota</a></th> <th><a href="#">TTL</a></th> <th><a href="#">Pekerjaan</a></th> <th><a href="#">Tanggal Masuk</a></th> <th><a href="#">Status</a></th> <th colspan="3"><a>Aksi</a></th> </tr> </thead> <tbody id="fbody"> <?php $query=mysql_query("SELECT * FROM t_anggota where status='aktif'"); $no=1; while($data=mysql_fetch_array($query)){ ?> <tr> <td><?php echo $no;?></td> <td><?php echo $data['kode_anggota'];?></td>. UNIVERSITAS SUMATERA UTARA.

A-8. <td><?php echo $data['nama_anggota'];?></td> <td><?php echo $data['tempat_lahir'];?>, <?php echo $data['tgl_lahir'];?></td> <td><?php echo $data['pekerjaan'];?></td> <td><?php echo $data['tgl_masuk'];?></td> <td><?php echo $data['status'];?></td> <td align="center"> <a class="btn btn-success btn-xs" href="index.php?pilih=1.2&aksi=ubah&kode_anggota=<?php echo $data['kode_anggota'];?>"><i class="glyphicon glyphicon-pencil"></i> Edit</a> <script type="text/javascript"> function hapus(){ var msg = confirm("Jika anda menghapus data ini ,seluruh transaksi data ini juga akan dihapus. Anda Yakin ?"); if(msg==true){ window.location="anggota/proses_anggota.php?pros=keluar&kode_anggota=<?php echo $data['kode_anggota'];?>"; } else{ } } </script> <a class="btn btn-primary btn-xs" href="anggota/proses_anggota.php?pros=keluar&kode_anggota=<?php echo $data['kode_anggota'];?>"><i class="glyphicon glyphicon-off"></i> Keluar</a> <a class="btn btn-danger btn-xs" href="anggota/proses_anggota.php?pros=hapus&kode_anggota=<?php echo $data['kode_anggota'];?>"><i class="glyphicon glyphicon-trash"></i> Hapus</a> </td> </tr> <?php $no++;} ?> </tbody> </table> </div> </div><!-- /col-lg-12 --> </div><!-- /row --> <?php } else if($aksi=='keluar'){ ?> <div class="row mt"> <div class="col-lg-12"> <div class="form-panel" style="border-left:5px solid#d9534f;border-right:5px solid#d9534f;"> <p><a class="btn btn-primary" href="index.php?pilih=1.2&aksi=aktif"><i class="glyphicon glyphicon-sd-video"></i> Aktif</a> <a class="btn btn-primary" href="index.php?pilih=1.2&aksi=keluar"><i class="glyphicon glyphiconsubtitles"></i> Nonaktif</a> <a href="?pilih=1.2&aksi=tambah" class="btn btnprimary"><span class='glyphicon glyphicon-plus'></span> Tambah Anggota</a> </p>. UNIVERSITAS SUMATERA UTARA.

A-9. </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="form-panel"> <h4 class="mb"><span class='glyphicon glyphicon-briefcase'></span> Data Anggota Keluar <?php $am=mysql_query("SELECT *from t_anggota where status='keluar'"); $jum=mysql_num_rows($am); echo'<kbd style="background-color:#d9534f;">'.$jum.'</kbd>';?> <span style="float:right;"> <input type="text" id="cari" style="width:230px;height:30px;font-size:15px;" placeholder=" cari disini..."> </span></h4> <form class="form-inline" role="form"> <table class="table table-bordered table-striped table-condensed"> <thead> <tr class="info"> <th><a href="#">No</a></th> <th><a href="#">Kode Anggota</a></th> <th><a href="#">Nama Anggota</a></th> <th><a href="#">TTL</a></th> <th><a href="#">Pekerjaan</a></th> <th><a href="#">Tanggal Masuk</a></th> <th><a href="#">Status</a></th> <th colspan="3"><a>Aksi</a></th> </tr> </thead> <tbody id="fbody"> <?php $query=mysql_query("SELECT * FROM t_anggota where status='keluar'"); $no=1; while($data=mysql_fetch_array($query)){ ?> <tr> <td><?php echo $no;?></td> <td><?php echo $data['kode_anggota'];?></td> <td><?php echo $data['nama_anggota'];?></td> <td><?php echo $data['tempat_lahir'];?>, <?php echo $data['tgl_lahir'];?></td> <td><?php echo $data['pekerjaan'];?></td> <td><?php echo $data['tgl_masuk'];?></td> <td><?php echo $data['status'];?></td> <td align="center"> <script type="text/javascript"> function hapus(){. UNIVERSITAS SUMATERA UTARA.

A-10. var msg = confirm("Jika anda menghapus data ini ,seluruh transaksi data ini juga akan dihapus. Anda Yakin ?"); if(msg==true){ window.location="anggota/proses_anggota.php?pros=keluar&kode_anggota=<?php echo $data['kode_anggota'];?>"; } else{ } } </script> <a class="btn btn-danger btn-xs" href="anggota/proses_anggota.php?pros=hapus&kode_anggota=<?php echo $data['kode_anggota'];?>"><i class="glyphicon glyphicon-off"></i> Hapus</a> </td> </tr> <?php $no++;} //tutup while ?> </tbody> </table> </div> </div><!-- /col-lg-12 --> </div><!-- /row --> <?php } ?> 3. mst_tabungan.php <?php include "config/koneksi.php"; include "fungsi/fungsi.php"; $aksi=$_GET['aksi']; ?> <head> <script src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#cari").keyup(function(){ $("#fbody").find("tr").hide(); var data = this.value.split(""); var jo = $("#fbody").find("tr"); $.each(data, function(i, v) { jo = jo.filter("*:contains('"+v+"')"); }); jo.fadeIn(); }) });. UNIVERSITAS SUMATERA UTARA.

A-11. </script> </head> <?php if(empty($aksi)) { $ghu=mysql_query("SELECT * FROM t_tabungan"); $no=1; while($dataku=mysql_fetch_array($ghu)) { $fgh=$dataku['tgl_mulai'];$tang=date("Y-md");$kode_tab=$dataku['kode_tabungan']; $tempo=date('Y-m-d',strtotime('+30 day',strtotime($fgh))); if($tempo==$tang) { $total=$dataku['besar_tabungan']+10000; $tol=mysql_query("UPDATE t_tabungan set tgl_mulai='$tang',besar_tabungan='$total' where kode_tabungan='$kode_tab'"); } else { } $no++; } ?> <script language="javascript" type="text/javascript" src="js/niceforms.js"></script> <script language="javascript" type="text/javascript" src="js/validasi.js"></script> <link rel="stylesheet" type="text/css" href="css/theme1.css" /> </head> <body> <div class="row mt"> <div class="col-lg-12"> <div class="form-panel"> <h4 class="mb"><span class='glyphicon glyphicon-briefcase'></span> Data Tabungan <?php $am=mysql_query("select*from t_tabungan"); $jum=mysql_num_rows($am); echo'<kbd style="background-color:#d9534f;">'.$jum.'</kbd>';?> <span style="float:right;"><input type="text" id="cari" style="width:230px;height:30px;font-size:15px;" placeholder=" cari disini..."> <a href="laporan/print_tabungan.php" target="_blank" class="btn btnprimary"><span class='glyphicon glyphicon-print'></span> Print</a> </span> </h4> <form class="form-inline" role="form"> <table class="table table-bordered table-striped table-condensed"> <thead> <tr class="info">. UNIVERSITAS SUMATERA UTARA.