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
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
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
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
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.
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
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.
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
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
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
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
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.
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.
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.
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
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
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
BAB 5 : KESIMPULAN DAN SARAN
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.
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
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.
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>.
<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
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.
<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
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
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
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.
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)
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.
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
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
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
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
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
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
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
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
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
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
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
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
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
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
3.4.1 Flowchart Menu Utama
Start
Input Pilihan Menu HOME
SupportSystem G
Y
Testimonial H
Login Member I
N
Y
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
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
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
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
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
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
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
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
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
3.4.16 Flowchart Lupa Kata Sandi
Gambar 3.16 Flowchart Lupa Kata Sandi O
Halaman Konfirmasi Sandi
Input Form Konfirmasi Sandi
Proses
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
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
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
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
3.4.21 Flowchart Lupa Kata Sandi
Gambar 3.21 Flowchart Lupa Kata Sandi S
Halaman
Konfirmasi Sandi Input Form
Konfirmasi Sandi Proses
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
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:
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 :
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
Gambar 4.6 Tampilan Halaman Download
Gambar 4.8 Tampilan Halaman Kode Etik Pemasangan Iklan
Gambar 4.10 Tampilan Halaman Testimonial
Gambar 4.12 Tampilan Cetak Simpanan Member
Gambar 4.14 Tampilan Halaman Form Login Admin Koperasi
Gambar 4.16 Tampilan Halaman Form Login Komisaris Admin
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,
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.
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
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
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
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()
{
//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
//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;
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;
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;
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;
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'];
$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))
</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'>
<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">
<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"
<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;
<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]";
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);