Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP Dan MySQL
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
MEDAN 2013
(2)
PERANCANGAN SISTEM INFORMASI JARINGAN KOPERASI SIMPAN PINJAM MENGGUNAKAN PHP DAN MySQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas akhir dan memenuhi syarat mencapai sebutan Ahli Madya Komputer
AHMAD ARIF ABDI D 102406179
PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
MEDAN 2013
(3)
PERSETUJUAN
Judul :PERANCANGAN SISTEM INFORMASI JARINGAN KOPERASI SIMPAN PINJAM MENGGUNAKAN PHP DAN MYSQL
Katagori : TUGAS AKHIR
Nama : AHMAD ARIF ABDI D
Nomor Induk Mahasiswa : 102406179
Program Studi : D3 TEKNIK INFORMATIKA Dapartemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM ( FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di
Medan, Juli 2013
Diketahui / Disetujui oleh
Dapartemen Matematika FMIPA USU
Ketua, Pembimbing
Prof. Dr. Tulus, M.Si Drs. Rosman Siregar, M.Si 19620901 198803 1 002 19610107 198601 1 001
(4)
PERNYATAAN
PERANCANGAN SISTEM INFORMASI JARINGAN KOPERASI SIMPAN PINJAM MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan yang masing-masing disebutkan sumbernya.
Medan, Juni 2013
AHMAD ARIF ABDI D 102406179
(5)
PENGHARGAAN
Puji dan syukur penulis ucapkan kehadirat Allah SWT yang telah memberikan Rahmat serta Hidayah kepada kita semua, sehingga berkat Karunian-Nya penulis dapat menyelesaikan Tugas Akhir dengan baik yang berjudul “PERANCANGAN SISTEM INFORMASI JARINGAN KOPERASI SIMPAN PINJAM
MENGGUNAKAN PHP DAN MYSQL“ pada waktu yang telah ditetapkan. Adapun penyusunan Tugas Akhir ini berdasarkan data yang penulis peroleh dari buku pedoman, situs internet, serta data dan keterangan dari bimbingan.
Penulis menyadari bahwa dalam penyusunan Tugas Akhir tidak terlepas dari dukungan serta bantuan berbagai pihak, oleh karena itu pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada :
1. Bapak Dr.Sutarman, M.Sc selaku Dekan Fakultas MIPA Universitas Sumatera Utara.
2. Bapak Syahriol Sitorus, S.Si.,M.IT selaku Ketua Jurusan Program Studi D3 Teknik Informatika.
3. Bapak Drs. Rosman Siregar, M.Si selaku Dosen Pembimbing Tugas Akhir Program Studi D3 Teknik Informatika Fakultas MIPA universitas Sumatera Utara yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam penyelesaian Tugas Akhir.
4. Kepada kedua orang tua saya Abdullah Effendy Dalimunthe dan ibunda tercinta Jumini beserta seluruh adik, yang senantiasa memberikan semangat, dukungan, kasih sayang dan selalu mendoakan penulis agar lancar dalam setiap hal.
5. Seluruh Staf Pengajar Studi D3 Teknik Informatika Fakultas MIPA Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya kepada penulis selama masa perkuliahan.
6. Buat seluruh sahabat dan kerabat penulis yang telah membantu dalam suka dan duka Riwandy, Anggi, Septi, Dwi, Icha, Vika, Irma dan yang paling
(6)
teristimewa Vivi Saufina serta seluruh keluarga besar kom C’10 yang berperan penting dalam menyelesaikan Tugas Akhir ini.
7. Seluruh pihak yang telah banyak membantu penulis, yang tidak dapat penulis sebutkan namanya satu-persatu.
Penulis menyadari sepenuhnya bahwa dalam penyusunan laporan ini masih banyak kekurangan, karena keterbatasan pengetahuan dan kemampuan, untuk itu kritik dan saran yang membangun dari pembaca sangat diharapkan demi kesempurnaan Tugas Akhir ini.
Demikian penulis sampaikan dengan harapan Tugas Akhir ini dapat bermanfaat bagi pembaca dan penulis sendiri.
Medan, Juni 2013 Penulis
(7)
ABSTRAK
Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP Dan MySQL ini bertujuan untuk untuk memberikan informasi dan data yang cepat, serta dapat meningkatkan pelayanan yang baik terhadap anggota koperasi. Adapun fasilitas yang terdapat dalam aplikasi ini yaitu halaman utama, halaman portal khusus untuk anggota koperasi, halaman admin dan halaman komisaris admin. Pada proses pembuatan sistem informasi ini, aplikasi yang di gunakan yaitu XAMPP (terdiri dari Apache Server, PHP dan MySQL), Adobe Dreamweaver CS5 digunakan sebagai editor skrip, Adobe Photoshop CS4 sebagai editor grafis.
(8)
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak vi
Daftar isi vii
Daftar Table ix
Daftar Gambar x
BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
1.2 Rumusan Masalah 2
1.3 Batasan Masalah 2
1.4 Tujuan Dan Manfaat 3
1.5 Metode Penelitian 3
1.6 Sistematika Penulisan 5
BAB 2 TINJAUAN TEORI
2.1 Data Dan Informasi 6
2.2 Sistem Dan Sistem Informasi 7
2.3 Pengenalan HTML 8
2.4 Pengenalan PHP 10
2.5 Penggabungan Script PHP Dan HTML 12
2.6 Pengenalan MySQL 13
2.7 Pengenalan Xampp 13
2.8 Pengenalan Photoshop 14
2.9 Adobe Dreamweaver 16
(9)
BAB 3 PERANCANGAN SISTEM
3.1 Perancangan Sistem 17
3.2 Perancangan Data Flow Diagram 17
3.3 Perancangan Struktur Database 19
3.4 Flowchart 36
BAB 4 IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem 56
4.2 Tujuan Implementasi Sistem 56
4.3 Spesifikasi Sistem 56
4.4 Pengujian Sistem 60
BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan 67
5.2 Saran 68
Daftar Pustaka Lampiran Listing Program
(10)
DAFTAR TABEL
Tabel 3.2.1 Simbol-Simbol DFD 19
Tabel 3.3.1 Table Admin 20
Tabel 3.3.2 Table Angsuran 22
Tabel 3.3.3 Tabel Berita 23
Tabel 3.3.4 Tabel Bukutamu 23
Tabel 3.3.5 Tabel Download 24
Tabel 3.3.6 Tabel Ebook 24
Tabel 3.3.7 Tabel Hubungi 25
Tabel 3.3.8 Tabel Hub_kami 26
Tabel 3.3.9 Tabel Iklan 27
Tabel 3.3.10 Tabel Komisaris 27
Tabel 3.3.11 Tabel Konfpass 29
Tabel 3.3.12 Tabel Member 29
Tabel 3.3.13 Tabel Operasional 31
Tabel 3.3.14 Tabel Penarikkan 32
Tabel 3.3.15 Tabel pinjamman 32
Tabel 3.3.16 Tabel Produk 33
Tabel 3.3.17 Tabel Shu 34
Tabel 3.3.18 Tabel Simpannan 35
Tabel 3.3.19 Tabel Sisa_simpannan 35
Tabel 3.3.20 Tabel Slide 36
Tabel 3.3.21 Tabel Unit_jaminan 36
(11)
DAFTAR GAMBAR
Gambar 4.1 Tampilan Windows 7 Ultimate 58
Gambar 4.2 Tampilan Microsoft Word 2010 59
Gambar 4.3 Tampilan Control Panel XAMPP Versi 1.7.9 59 Gambar 4.4 Tampilan Macromedia Dreamweaver CS5 60
Gambar 4.5 Tampilan Halaman Home 61
Gambar 4.6 Tampilan Halaman Download 62
Gambar 4.7 Tampilan Halaman Hubungi Kami 62 Gambar 4.8 Tampilan Halaman Kode Etik Pemasangan Iklan 63 Gambar 4.9 Tampilan Halaman Kode Etik Forum Anggota 63
Gambar 4.10 Tampilan Halaman Testimonial 64
Gambar 4.11 Tampilan Halaman Simpanan Member 64 Gambar 4.12 Tampilan Cetak Simpanan Member 65 Gambar 4.13 Tampilan Halaman Forum Member 65 Gambar 4.14 Tampilan Halaman Form Login Admin Koperasi 66 Gambar 4.15 Tampilan Halaman Menu Admin Koperasi 66 Gambar 4.16 Tampilan Halaman Form Login Admin Koperasi 67 Gambar 4.17 Tampilan Halaman Menu Admin Koperasi 67
(12)
ABSTRAK
Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP Dan MySQL ini bertujuan untuk untuk memberikan informasi dan data yang cepat, serta dapat meningkatkan pelayanan yang baik terhadap anggota koperasi. Adapun fasilitas yang terdapat dalam aplikasi ini yaitu halaman utama, halaman portal khusus untuk anggota koperasi, halaman admin dan halaman komisaris admin. Pada proses pembuatan sistem informasi ini, aplikasi yang di gunakan yaitu XAMPP (terdiri dari Apache Server, PHP dan MySQL), Adobe Dreamweaver CS5 digunakan sebagai editor skrip, Adobe Photoshop CS4 sebagai editor grafis.
(13)
BAB 1
PENDAHULUAN
1.1Latar Belakang
Pada zaman sekarang ini, perkembangan dan pengaruh teknologi informasi di Indonesia semakin canggih. Terutama dalam bidang dunia internet yang terus berkembang dengan pesat yang berpengaruh pada dunia perdagangan. Menurut Sutarman (2007) Internet berasal dari kata interconnection networking yang mempunyai arti hubungan berbagai komputer dan berbagai tipe komputer yang membentuk sistem jaringan yang mencakup seluruh dunia (jaringan global) dengan melalui jaringan telekomunikasi seperti, wireless dan lainnya.
.
Perkembangan dunia usaha yang sangat pesat saat ini, mengakibatkan meningkatnya persaingan antar koperasi. Seiring dengan bertambah banyaknya jumlah anggota koperasi, dimana hal ini menandakan meningkatnya jumlah transaksi maka semakin dirasakan perlu kebutuhan akan sistem informasi yang efektif untuk mengendalikan aktivitas koperasi.
Banyak pekerjaan bagian administrasi koperasi yang belum dibuatkan suatu sistem informasi yang terkomputerisasi dengan baik. Seperti dibagian administrasi, masih menggunakan cara manual dalam melakukan pengolahan data maupun informasi.
Atas permasalahan tersebut maka dipandang perlu untuk merancang suatu sistem informasi yang dapat mengefesienkan waktu dan menekan biaya serta dapat meningkatkan pelayanan yang baik terhadap anggota koperasi dan memberikan
(14)
kemudahan bagi bagian administrasi dalam menyajikan data maupun informasi dengan cepat.
Oleh karena itu, penulis mengajukan sebuah tugas akhir yang berjudul “ PERANCANGAN SISTEM INFORMASI JARINGAN KOPERASI SIMPAN PINJAM MENGGUNAKAN PHP DAN MySQL ”. Dengan tujuan untuk memberikan data dan informasi yang cepat, serta dapat meningkatkan pelayanan yang baik terhadap anggota koperasi.
1.2Rumusan Masalah
Dari uraian latar belakang masalah diatas maka dapat rumuskan suatu masalah yaitu :
1. Bagian administrasi masih menggunakan cara manual dalam menyelesaikan pekerjaannya. Seperti pengolahan data anggota, pengolahan data simpanan dan pengolahan data pinjaman.
2. Keterbatasan informasi antara pihak koperasi dengan anggota koperasi.
1.3Batasan Masalah
Permasalahan masalah dibatasi oleh:
1. Sistem informasi ini menggunakan beberapa perangkat-perangkat lunak
freeware dan open source seperti Xampp, Adobe Dreamweaver, dan Adobe Photoshop .
2. sistem informasi ini kelola oleh admin dan komisaris admin untuk
menghindari kebocoran data-data dari anggota koperasi kepada pihak lain
yang tidak dikenal.
3. Pengolahan data simpanan, pinjaman, angsuran dan penarikan anggota
(15)
4. Menggunakan halaman portal anggota koperasi untuk mengetahui data
simpanan, pinjaman, angsuran dan penarikan setiap anggota yang masuk ke
halaman portal anggota koperasi.
5. Halaman portal anggota koperasi ditujukan kepada anggota koperasi yang
telah terdaftar pada sistem jaringan koperasi.
1.4 Tujuan dan Manfaat A. Tujuan
Adapun tujuan perancangan sistem informasi jaringan koperasi simpan pinjam ini ”Merancang sistem informasi untuk memberikan informasi yang akurat dan terbuka dari pihak koperasi kepada anggota koperasi”.
B. Manfaat
Manfaat yang dapat diperoleh dari perancangan sistem informasi jaringan koperasi simpan pinjam adalah :
1. Dapat memberikan informasi yang akurat kepada anggota koperasi.
2. Untuk memberikan informasi secara terbuka mengenai detail pinjaman , simpanan, angsuran dan penarikan kepada anggota koperasi.
1.5 Metode Penelitian
Untuk menyusun Tugas Akhir ini, penulis melakukan penerapan metode penelitian dalam memperoleh data yang dibutuhkan sehingga penyusunan Tugas Akhir ini dapat diselesaikan dengan baik. Adapun metode penelitian yang penulis lakukan adalah sebagai berikut:
(16)
1. Penelitian Lapangan
Penelitian ini dilakukan penulis secara langsung di lapangan, dalam hal ini penulis melakukan penelitian di KOPERASI JARINGAN SERBA USAHA dengan bertanya langsung kepada pemilik jaringan koperasi tersebut.
2. Penelitian Pustaka
Penelitian yang dilakukan penulis di perpustakaan untuk mendapatkan data yang teoritis. Dalam hal ini yang harus diperhatikan adalah subjek yang diteliti, yaitu khususnya pada buku bacaan yang menjadi pembahasan dan saling berhubungan dengan permasalahan yang dihadapi.
3. Pengumpulan data pendukung
Pengumpulan data dalam penelitian penulis lakukan dengan mencari data diinternet.
4. Pengujian Aplikasi
Menguji apakah aplikasi yang dibuat telah berhasil berjalan sesuai dengan keinginan dan melakukan perbaikan kesalahan jika masih terdapat error pada aplikasi.
5. Implementasi Aplikasi
Penerapan aplikasi yang dirancang setelah melalui tahap pengujian dan telah berjalan dengan baik.
6. Penyusunan dan pengadaan laporan
Tahap akhir dari penelitian yang dilakukan, yaitu membuat laporan tentang penelitian yang telah dilakukan.
(17)
1.6 Sistematika Penulisan
Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan beberapa lampiran. Adapun setiap bab terdiri dari sub-sub bab. Adapun sistematika penulisan tugas akhir ini adalah :
BAB 1 : PENDAHULUAN
Pada bab ini diuraikan secara ringkas pembahasan tentang Latar Belakang, Rumusan Masalah, Batasan Masalah, Tujuan dan Manfaat, Metode Penelitian, dan Sistematika Penulisan.
BAB 2 : TINJAUAN TEORI
Di dalam bab ini diuraikan sekilas tentang Data dan Informasi, Sistem dan Sistem Informasi, Pengenalan HTML, PHP, MySQL ,Xampp, Adobe Photoshop, serta adobe dreamweaver.
BAB 3 : PERANCANGAN SISTEM
Pada bab ini berisi rancangan sistem yang akan dibentuk, perancangan struktur database, flowchat pada Sistem Informasi Jaringan Koperasi Simpan Pinjam.
BAB 4 : IMPLEMENTASI SISTEM
Pada bab ini berisikan uraian Pengertian Implementasi Sistem, Tujuan Implementasi Sistem, Spesifikasi Sistem, dan Pengujian Sistem dan Tampilan Halaman.
(18)
BAB 5 : KESIMPULAN DAN SARAN
Bab ini berisi tentang kesimpulan dan saran dari hasil penelitian yang diperoleh penulis.
(19)
BAB 2
TINJAUAN TEORI
2.1 Data dan Informasi 2.1.1 Pengertian Data
Data menurut kamus bahasa Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata “datim” yang berarti fakta atau bahan-bahan keterangan. Menurut Gordon B. Davis, (Management Informations System: Conceptual Fondations, Structures, and Development), data sebagai bahan mentah dari informasi, yang dirumuskan sebagai sekelompok lambang-lambang tidak acak yang menunjukkan jumlah atau tindakan.
Menurut pandangan bisnis, terdapat pengertian data bisnis yaitu : “ Business data is an organizations description of things (resource) and events (transaction) that it faces”. Jadi data dalam hal ini disebut sebagai data bisnis , merupakan deskripsi organisasi tentang sesuatu (resource) dan kejadian (transaction)
yang terjadi.
Dari pengertian di atas, dapat diambil kesimpulan bahwa data merupakan bahan baku informasi, yang didefinisikan sebagai kelompok teratur simbol-simbol yang mewakili kuantitas, tindakan, benda, dan sebagainya. Data terbentuk dari karakter, dapat berupa alphabet maupun simbol khusus seperti *, $ dan / .
(20)
2.1.2 Pengertian Informasi
Informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian yang nyata yang digunakan untuk mengambil keputusan.
Menurut Gorden B. Navis, (Management Informations System: Conceptual Fondations, Structures, and Development), informasi sebagai data yang diolah menjadi bentuk yang lebih berarti dan berguna bagi penerimanya untuk mengambil keputusan masa kini maupun yang akan datang.
2.2 Sistem dan Sistem Informasi 2.2.1 Pengertian Sistem
Sistem juga dapat didefinisikan sebagai ”cara”. Seperti sistem pengamatan, system pengelihatan, sistem pengajaran dan lain sebagainya. Jadi sistem adalah suatu kesatuan yang utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai suatu tujuan.
Menurut M.J Alexander dalam buku Information System Analyst: Theory and Application, sistem merupakan suatu group dari elemen-elemen yang menunjukkan suatu kumpulan saling berhubungan diantarnya dan berinteraksi bersama-sama menuju satu atau lebih tujuan, sasaran atau tugas akhir dari suatu sistem.
2.2.2 Pengertian Sistem Informasi
Sistem informasi adalah suatu cara tertentu untuk menyediakan informasi yang dibutuhkan oleh organisasi untuk beroperasi dengan cara yang sukses dan untuk
(21)
organisasi bisnis dengan cara yang menguntungkan. Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi.
Sistem informasi di dalam organisasi yang mempertemukan kebutuhan pengolahan transaksi, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan yang diperlukan. Sistem informasi tertentu menerima masukkan data dan instruksi, mengolah data tersebut sesuai instruksi dan mengeluarkan hasilnya.
2.3 Pengenalan HTML
2.3.1 Apa Itu Dokumen HTML ?
HTML (Hypertext Markup Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu. Dokumen HTML adalah suatu dokumen teks biasa, dan disebut sebagai markup language karena mengandung tanda – tanda (tag) tertentu yang digunakan untuk menentukan tampilan suatu teks tersebut dalam suatu dokumen. Pada dokumen HTML yang termasuk sistem hypertext, kita tidak harus membaca dokumen tersebut secara urut dari atas ke bawah atau sebaliknya, tetapi kita dapat menuju pada topik tertentu secara langsung dengan menggunakan teks penghubung yang akan membawa anda ke suatu topik atau dokumen lain secara langsung.
HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu SGML (Standart Generalized Markup Language). Sejak awal perkembangan sampai sekarang ini telah tersedia bermacam-macam level ( versi ) HTML, ada HTML level 1.0, HTML 2.0, HTML 3.0, HTML 4.0 dan HTML 5.0.
(22)
2.3.2 Bagian-Bagian HTML
HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian - bagian HTML perhatikan skema dibawah ini :
<html> <head>
<title>…..</title> </head>
<body>
…isi dari halaman web… </body>
</html>
Keterangan :
1. Dokumen HTML selalu diawali dengan tanda tag pembuka<html> dan diakhiri dengan tanda tag penutup </html>.
2. Pada elemen head <head></head>, dapat kita sisipkan kode-kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan scripts-scripts pemograman web seperti JavaScript, VBScripts, atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.
3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan situs kita, seperti: <font></font>, <table></table>, <form></form>.
Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode-kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut :
(23)
<tag-awal> TEKS <tag-akhir>, Namun ada juga tag yang tidak perlu ada penutup seperti <br>, <hr>, <img> dan lainnya.
2.4 Pengenalan PHP 2.4.1 Apa itu PHP ?
PHP singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai bahasa
script server-side dalam pengembangan web yang disisipkan pada dokumen HTML. Penggunaan PHP memungkinkan web dapat dibuat dinamis sehingga maintenance situs web tersebut menjadi lebih mudah dan efisien. PHP merupakan software Open-Source yang disebarkan dan dilisensikan secara gratis serta dapat di-download secara bebas dari situs resminya yaitu htpp://www.php.net .
2.4.2 Sejarah Singkat PHP
PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung
homepage-nya . Rasmus Lerdorf adalah salah seorang pendukung Open Source . Oleh karena itu , ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.
Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakke, Shane Caraveo dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus bertambah.
2.4.3 Memulai PHP
Sebelum kita memulai pemograman PHP yang perlu diingat adalah pastikan web server dan skrip PHP telah berjalan dengan baik. Notepad merupakan editor teks yang biasa digunakan. Dan juga dapat dengan editor yang lain seperti Adobe Macromedia,
(24)
PHPPed, UltraEdit, Crimson Editor. Fungsi-fungsi yang tidak case sensitif tetapi variabelnya case sensitive ( membedakan huruf besar da kecil ) .
Kode PHP diawali dengan tanda lebih kecil ( < ) da diakhiri dengan tanda lebih besar (>). Ada tiga cara untuk menuliskan skrip PHP, yaitu :
1. <? Script PHP ?>
2. <?php Script PHP ?>
3. <SCRIPT LANGUAGE="php"> Skrip PHP </SCRIPT>
Pemisah antar instruksi adalah titik koma (;). Untuk membuat atau menambahkan komentar, standar penulisan adalah
/*komentar*/ //komentar #komentar
2.5 Penggabungan Script HMTL dan PHP
Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya ( <? ) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup ( ?> ).
Ada dua tipe penggabungan antara PHP dan HTML yaitu:
1. Embedded Script
Embedded Script adalah script PHP yang disisipkan di antara tag-tag dokumen HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan PHP sebagai bagian dari script HTML.
Contoh penulisan Embedded Script dapat dilihat di bawah ini : <html>
(25)
<title> Embedded Script</title> <head>
<body>
<? echo "Hallo"; ?> </body>
</html>
2. Non-Embedded Script
Non-Embedded Script adalah script/program PHP murni. Termasuk tag HTML yang disisipkan dalam script PHP.
Contoh penulisan Non Embedded Script dapat dilihat di bawah ini <?php
echo"<html>"; echo"<head>";
echo"<title>Non-Embedded Script</title>"; echo"</head><body>";
echo"Hallo"; echo"</body>"; echo"</html>";?>
2.6 Pengenalan MySQL
MySQL merupakan salah satu perangkat lunak sistem pengelola basis data (Data Base Management System). MySQL juga dapat dikategorikan sebagai Relational Data Base Management System (RDBMS), karena dalam pembuatan basis data pada MySQL dapat dipilah-pilah ke dalam berbagai tabel 2 (dua) dimensi. Setiap tabel pada MySQL terdiri atas lajur horizontal dan lajur vertikal. MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan data.
(26)
2.7 Pengertian Xampp
Xampp merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall Xampp maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual.Perangkat lunak komputer ini memiliki kelebihan untuk bias berperan sebagai Server Web Apache untuk simulasi pengembangan web.Tool Pengembangan web ini mendukung teknologi web popular seperti PHP, MySQL, dan Perl. Melalui program ini, programmer web dapat menguji aplikasi web yang dikembangkan secara langsung dari komputer, tanpa perlu terkoneksi ke internet.
2.8 Adobe Photoshop
Adobe Photoshop adalah sebuah aplikasi desain yang lebih sesuai digunakan untuk memodifikasi sebuah image ilustrasi. Sering juga aplikasi ini dinamakan modifikasi, karena hamper setiap option-nya dapat digunakan untuk membuat modifikasi. Aplikasi ini menyajikan beberapa option tool yang berfungsi untuk membuat ilustrasi dan efek untuk sebuah obyek. Obyek yang masuk dalam dokumen Photoshop akan disimpan dalam bentuk
image. Sehingga diperlukan dokumen backup untuk mempermudah jika sewaktu-waktu ada proses editing.
Ada dua dokumen yang dapat dipilih sesuai format flatten-nya yaitu:
1. Flatten Image, dokumen dengan layer penyusun menyatu. Pada dokumen ini terdapat penggabungan beberapa layer penyusun desain yang dibuat sebelumnya. Sehingga dokumen akan tampil dengan materi desain yang sama tetapi hanya ada satu layer . Beberapa dokumen seperti ini dapat ditemukan dalam format jpeg, bmp, gif, dan lai-lain. Kelebihan format ini adalah:
a. Memori lebih kecil.
b. Mudah di-load ke aplikasi lain. c. Sangat praktis untuk matei presentasi. d. Tidak dapat diedit
2. Don’t Flatten Image, dokumen dengan layer penyusun tetap. Artinya pada dokumen tersebut masing-masing layer penyusun dalam posisi tetap. Sehingga layer akan
(27)
menampilkan kotak layer sesuai dengan jumlah materi dalam dokumen. Bila dokumen terdiri dari sepuluh materi, maka layer yang terbentuk juga sepuluh buah. Dokumen seperti ini biasanya ditemukan dalam format psd, pdf. Kelebihan dari dokumen ini adalah:
a. Mudah dilakukan editing
b. Memori lebih besar c. Digunakan sebagai master
Pada prinsipnya setiap dokumen akan disimpan dalam dua jenis dokumen tersebut (flatten image atau don’t flatten image). Masing-masing jenis dokumen ini dapat diubah format saving nya sesuia dengan kebutuhan desain. Adobe Photoshop juga dapat digunakan bersama dnegan aplikasi lain, misalnya Adobe Ilustrator, Adobe InDesign, Adobe Effect, Adobe Premier, bahkan dengan Macromedia FreeHand. Proses yang dapat diberikan adalah kekmapuan saling melengkapi kebutuhan ilustrasi desain dan modifikasi pada masing-masing aplikasi sehingga akan terciptanya karya desain yang professional.
Dalam Adobe Photoshop terdapat beberapa jenis cara proses saving diantaranya: a. Save, proses penyimpanan dokumen langsung
b. Save As, proses menyimpan dokumen dengan pilihan format saving
c. Save for Web, menyimpan dokumen untuk web
d. Export,menyimpan untuk dibukakan dalam aplikasi Adobe Ilustrator
Adobe Photoshop memiliki beberapa option dan tool yang akan dibagi dalam beberapa bagian. Diantaranya:
a. Toolbars
b. Toolbox
c. Dialogbox
2.9 Adobe Dreamweaver
Adobe Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.
(28)
2.10 Aplikasi Berbasis Web
1. Aplikasi yang dibuat dengan memanfaatkan mekanisme dan aplikasi yang sudah ada pada sistem web (WWW).
2. Aplikasi berbasis web merupakan aplikasi yang dapat langsung dijalankan pada browser dengan bantuan koneksi dari internet.
3. Aplikasi berbasis web tidak terbatas pada sistem operasi yang digunakan.
4. User yang mengakses data dengan menggunakan aplikasi berbasis web bisa langsung mendapat umpan balik dari server penyedia data sehingga tidak statis.
5. Jenis bahasa pemrograman yang digunakan tidak mempengaruhi hasil aplikasi yang dibuat.
(29)
BAB 3
PERANCANGAN SISTEM
3.1. Perancangan Sistem
Perencanaan dan perancangan merupakan sebuah tahap awal dalam membagun sebuah situs.Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs.Situs ini dirancang menggunakan PHP sebagai bahasa pemrogramannya, MySQL sebagai databasenya, Photoshop Cs 4 digunakan sebagai desain grafis, Dreamweaver CS 5 digunakan sebagai media untuk membuat layout
dari situs yang telah dirancang.
3.2. Perancangan Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis. Gambaran ini tidak tergantung pada perangkat keras, lunak, stuktur data atau organisasi. Adapun data flow diagram yang penulis ajukan yaitu :
(30)
Table 3.2.1 Simbol-Simbol DFD
No Gambar Nama Fungsi
1
Kesatuan Luar (External Entity)
Merupakan kesatuan luar di 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.
Adapun database yang dibuat oleh penulis adalah database shop dengan table-tabel sebagai berkut
(31)
Tabel 3.3.1 Admin
Nama Field Type Size Keterangan
Id_admin* Varchar 6 Id admin
Username Varchar 100 Nama panggilan
admin
Nama_lengkap Varchar 100 Nama lengkap
admin
Nama_ibu Varchar 100 Nama lengkap ibu
Pass Varchar 100 Password admin
terenkripsi md5
Konf_pass Varchar 100 Password admin
yang terdekripsi
Agama Varchar 25 Agama admin
Email Varchar 20 Email admin
Bank Varchar 50 Bank yang di
gunakan admin
No_rekening Varchar 100 No rekening bank
yang di gunakan admin
Jk Varchar 100 Jenis kelamin
admin
T_lhr Varchar 100 Tempat lahir admin
Tgl_lahir Varchar 100 Tanggal lahir admin
Provinsi Varchar 100 Provinsi
Kota Varchar 100 Kota
Alamat Varchar 200 Alamat admin
Kode_pos Varchar 100 Kode_pos
Telp_admin Varchar 12 Telp_admin
Tgl_daftar Varchar 25 Tgl_daftar
(32)
Tabel 3.3.2 Angsuran
Nama Field Type Size Keterangan
Kode_angsuran* Varchar 6 Kode angsuran
anggota
Id_anggota Varchar 9 Kode anggota
Nama Text Nama anggota
Id_admin Varchar 9 Kode admin
Kd_pinjamman Varchar 6 Kode pinjamman
anggota
Tgl_angsuran Varchar 26 Tanggal angsuran
Angsuran_ke Int 4 Banyaknya
angsuran
Jumlah Int 15 Jumlah angsuran
Tunggakan Int 3 Tunggakan anggota
Denda Int 15 Denda pembayaran
Total Int 15 Total angsuran
anggota
Bulan Varchar 25 Bulan pembayaran
Tahun Int 4 Tahun pembayaran
Tabel 3.3.3 Berita
Nama Field Type Size Keterangan
Id* Int 9 Id berita
Judul Varchar 100 Judul berita
Berita_singkat Text Berita singkat
Berita Text Berita keseluruhan
Pengupload Varchar 100 Nama penulis berita
Tanggal Varchar 20 Tanggal berita di
tulis
(33)
Tabel 3.3.4 Bukutamu
Nama Field Type Size Keterangan
Id* int 10 Kode chat
Id_anggota varchar 9 Kode anggota
Nama text Nama anggota
tPesan text Pesan chat
Tgl varchar 25 Tanggal chat
Jam varchar 10 Jam chat
Gambar text Gambar anggota
Tabel 3.3.5 dowonload
Nama Field Type Size Keterangan
Id* Int 11 Id sertifikat
Nama Text Nama sertifikat
Type Text Jenis sertifikat
Size Int 12 Besar sertifikat
Judul Text Judul setifikat
keterangan Text Keterangan
sertifikat
Pengupload Text Nama pengupload
sertifikat
tanggal Varchar 25 Tanggal di upload
Tabel 3.3.6 ebook
Nama Field Type Size Keterangan
Id* Int 11 Id buku
Nama Text Nama buku
Type Text Jenis buku
(34)
Judul Text Judul buku
keterangan Text Keterangan buku
Pengupload Text Nama pengupload
buku
Id_pengupload Varchar 9 Id pengupload buku
tanggal Varchar 25 Tanggal di upload
Tabel 3.3.7 hubungi
Nama Field Type Size Keterangan
Id* int 11 Kode hubungi
n_koperasi text Nama koperasi
alamat text Alamat koperasi
telp text Telephone koperasi
email text Alamat Email
koperasi
twiter text Alamat twitter
koperasi
facebook text Alamat facebook
koperasi
Tabel 3.3.8 hub_kami
Nama Field Type Size Keterangan
Id* int 11 Id testimonial
nama varchar 25 Nama pengirim
Id_anggota varchar 9 Id anggota
Alamat text Alamat pengirim
Telpon varchar 9 Telephone
pengirim
Email text Email pengirim
(35)
Pesan text Pesan
tanggal varchar 25 Tanggal
pengirimam pesan
Jam varchar 25 Jam pengiriman
pesan
Tabel 3.3.9 iklan
Nama Field Type Size Keterangan
Id* Int 9 Kode iklan
Id_pengupload varchar 9 Kode penulis iklan
Judul varchar 100 Judul iklan
Iklan_singkat text Iklan singkat
iklan text Iklan keseluruhan
Pengupload varchar 100 Nama penulis
Tanggal varchar 20 Tanggal di buat
Gambar text Gambar iklan
Tabel 3.3.10 komisaris
Nama Field Type Size Keterangan
Id_komisaris* Varchar 100 Kode komisaris
admin
Username Varchar 100 Nama panggilan
komisaris admin
Nama_langkap Varchar 100 Nama lengkap
komusaris admin
Agama Varchar 100 Agama komisaris
admin
pass Varchar 100 Kata sandi
komisaris admin
(36)
komisaris admin
Email Varchar 100 Email komisaris
admin
Jk Varchar 10 Jenis kelamin
komisaris admin
T_lhr Varchar 25 Tempat lahir
komisaris admin
Tgl_lhr Varchar 25 Tanggal lahir
komisaris admin
Provinsi Text Provinsi
Kota Text Kota
Pekerjaaan Varchar 100 Pekerjaan
komisaris admin
alamat Varchar 100 Alamat komisaris
admin
Kode_pos Int 5 Kode pos tempat
tinggal
Telp Varchar 100 Telephone
gbr Varchar 100 gambar
Tabel 3.3.11 konf_pass
Nama Field Type Size Keterangan
Id_konf* Int 11 Kode konfirmasi
kata sandi
Id_anggota Varchar 9 Kode anggota
Nama Text Nama anggota
Email Text Email anggota
Tgl_daftar Varchar 25 Tgal daftar anggota
Telp Varchar 12 Telp anggota
keterangan Varhcar 10 Keterangan
Id_pengubah Varchar 9 Kode pengubah
(37)
Tabel 3.3.12 member
Nama Field Type Size Keterangan
id_anggota* Varchar 100 Kode anggota
koperasi
no_anggota Varchar 100 No anggota koperasi
Password Varchar 100 Kata sandi anggota
konf_pass Varchar 100 Konfirmasi kata sandi
username Varchar 100 Nama panggilan
anggota
nama_anggota Varchar 50 Nama lengkap
anggota
jk Varchar 20 Jenis kelamin anggota
agama Varchar 20 Agama anggota
t_lahir Varchar 100 Tempat lahir anggota
tgl_lahir Varchar 100 Tanggal lahir anggota
Provinsi Varchar 100 provinsi
Kota Varchar 100 Kota
Pekerjaan Varchar 100 Pekerjaan anggota
Kode_pos Int 5 Kode pos anggota
alamat Varchar 100 Alamat anggota
Telp Varchar 12 Telephone anggota
Email Varchar 50 Email anggota
Tgl_daftar Varchar 100 Tanggal daftar
anggota
(38)
Tabel 3.3.13 operasional
Nama Field Type Size Keterangan
Kd_opr* Int 4 Kode operasional
Gaji Int 15 Gaji administrasi
Id_admin varchar 9 Kode admin
Tgl varchar 25 Tanggal penginputan
data operasional
pajak Int 15 Pajak koperasi
Pengobatan Int 15 Dana P3K
Bbm Int 15 Dana transportasi
Administrasi Int 15 Dana administrasi
Jasa_simpannan Int 15 Dana jasa simpanan
Paket_lebaran Int 15 Dana paket lebaran
Lainnya Int 15 Dana lainnya
total Int 15 Total keseluruhan
dana operasional
Tabel 3.3.14 penarikkan
Nama Field Type Size Keterangan
Kd_penarikkan* varchar 6 Kode penarikkan
Id_anggota varchar 9 Kode anggota
Id_admin varchar 9 Kode admin
Tgl_penarikkan varchar 25 Tanggal penarikan
jumlah Int 15 Jumlah penarikan
(39)
Tahun Int 4 Tahun penarikan
Tabel 3.3.15 pinjamman
Nama Field Type Size Keterangan
Kd_pinjamman* varchar 6 Kode pinjamman
Id_anggota varchar 9 Kode anggota
nama text Nama anggota
Id_admin varchar 9 Kode anggota
Pinjam_ke int 3 Berapa kali
peminjaman
Jumlah int 15 Jumlah
peminjaman
Tgl varchar 26 Tanggal
peminjaman
Masa_angsur int 3 Masa angsuran
Bunga float Bunga angsuran
Total int 15 Total pinjamman
Angsur_per_bln float Angsuran perbulan
Bulan varchar 25 Bulan peminjaman
(40)
Tabel 3.3.16 produk
Nama Field Type Size Keterangan
Id* int 6 Kode produk
Judul varchar 9 Judul produk
Isi_produk text Isi produk
Pengupload varchar 9 Pengupload produk
Pemasang_produk varchar 3 Pemasang produk
Tanggal varchar 15 Tanggal produk
Gambar text Gambar produk
Tabel 3.3.17 shu
Nama Field Type Size Keterangan
Kd_shu varchar 6 Kode shu
Kd_opr int 4 Kode operasional
Id_admin varchar 9 Id admin
Jumlah Int 15 Jumlah shu
Tgl varchar 25 Tanggal pemasukkan
dana shu
Cadangan Int 15 Dana cadangan
Anggota Int 15 Dana anggota
Pengurus Int 15 Dana pengurus
Karyawan Int 15 Dana karyawan
Pendidikan Int 15 Dana pendidikan
Social Int 15 Dana social
(41)
Tabel 3.3.18simpannan
Nama Field Type Size Keterangan
Kd_simpannan* varchar 6 Kode simpannan
Id_anggota varchar 9 Kode anggota
Nama Text Nama anggota
Id_admin varchar 9 Kode admin
Jns_simpannan Text Jenis simpanan
Tgl_simpannan varchar 26 Tanggal simpanan
Bulan varchar 100 Bulan simpanan
Tahun Int 4 Tahun simpanan
Jumlah Int 15 Jumlah simpanan
Bunga Float Bunga simpanan
Total Int 15 Total simpanan
Tabel 3.3.19 sisa_simpannan
Nama Field Type Size Keterangan
Id_anggota* varchar 9 Kode anggota
Id_admin varchar 9 Kode admin
Tgl varchar 25 Tanggal
(42)
Tabel 3.3.20 slide
Nama Field Type Size Keterangan
Id_gambar* Int 11 Kode gambar slide
Title Text Judul slide
Content Text Keterangan slide
gambar varchar 100 Gambar slide
Tabel 3.3.21 unit_jaminan
Nama Field Type Size Keterangan
Id_uj* varchar 6 Kode unit jaminan
Id_anggota varchar 9 Kode anggota
Id_admin varchar 9 Kode admin
Tgl varchar 25 Tanggal
Jumlah Int 4 Jumlah dana unit
jaminan
Bulan varhcar 25 Bulan
(43)
3.4. Flowchart
Flowchart merupakan gambar atau bagan yang memperlihatkan urutan atau hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan symbol. Dengan demikian setiap symbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung. Flowchart ini merupakan langkah awal pembuatan program. Dengan adanya flowchart urutan proses kegiatan menjadi lebih jelas. Jika ada penambahan proses maka dapat dilakukan lebih mudah. Setelah
flowchart selesai disusun, selanjutnya pemrogram (programmer) menerjemahkannya ke bentuk program dengan bahasa pemrograman (Irma, 2008).
Berikut ini adalah gambar simbol – simbol standar dalam flow chart, beserta dengan arti dari masing – masing symbol
Tabel 3.3.22 Flow-Chart
No Nama Gambar Fungsi
1
Terminator Terminator, fungsinya untuk
permulaan/ akhir program
2 Process
Process, digunakan untuk melambangkan kegiatan pemrosesan input.
3 Input data Input data, fungsi untuk
proses input data, parameter.
4 Garis alir ( flow line)
Garis alir (flow line), fungsinya untuk arah aliran program.
5
Preparation
Preparation, berfungsi untuk proses inisialisasi/ pemberian harga awal atau untuk perulangan/ looping.
(44)
6
Proses
Proses, fungsinya untuk proses perhitungan/proses pengolahan data .
7
Connector
Connector,penghubung
bagian-bagian flowchart yang berada pada satu halaman.
8
Output data Output data, informasi
9
Off page connector
Off page connector
penghubung bagian-bagian
flowchart yang berada pada halaman berbeda.
10
Predefined process
Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.
11
Display
Display,untuk output yang diajukan suatu device, seperti monitor.
12
Magnetic disk Magnetic disk, untuk
(45)
3.4.1 Flowchart Menu Utama
Start
Input Pilihan Menu HOME Home Profile produk Info Ebook Keanggotaan A B C D E F
SupportSystem G
Y Y Y Y Y Y Y N N N N N N N
Testimonial H
Login Member I
N
Y
(46)
3.4.2 Flowchart Profile
3.4.3 Flowchart Keanggotaan Visi dan Misi
Y B
HALAMAN VISI DAN MISI KOPERASI, DAN
DISERTAI GAMBAR KANTOR KOPERASI
Gambar 3.2 Flowchart Profile
Keanggotaan
Etika Forum Pemasangan Iklan
Y N
N C
HALAMAN KODE ETIK KEANGGOTAAN
Y
HALAMAN KODE ETIK PEMASANGAN
IKLAN Y
HALAMAN KODE ETIK FORUM JARINGAN
KOPERASI
(47)
3.4.4 Flowchart Produk
3.4.5 Flowchart Ebook
Gambar 3.4 Flowchart Produk Produk
Iklan Terbaru
Daftar Anggota Lupa Sandi Berita Terbaru
J
K Y
N
N
N D
HALAMAN PRODUK
Y
HALAMAN BERITA TERBARU
Y
HALAMAN IKLAN KOPERASI
Y N
Y
Gambar 3.5 Flowchart Ebook Ebook
Y E
(48)
3.4.6 Flowchart Info
3.4.7 Flowchart Support System
3.4.8 Flowchart Testimonial Download
Hubungi Kami
Y N
G
HALAMAN DOWNLOAD SERTIFIKAT
Y
HALAMAN HUBUNGI KAMI
Gambar 3.7 Flowchart Support System
Gambar 3.8 Flowchart Testimonial Testimonial Y
H
HALAMAN TESTIMONIAL Gambar 3.6 Flowchart Info
Info
Y F
(49)
3.4.9 Flowchart Form Login Member
Gambar 3.9 Flowchart Form Login Member “Id_member” dan “Kata
Sandi” Benar I
Halaman Login Member
Input “ Id_member” dan “Kata Sandi”
N
Y Halaman Utama Member
Data Simpanan Data pinjaman Data angsuran Data penarikan Download ebook Pasang iklan Forum Keluar
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 koperasi Y Y Y Y Y Y Y N N N N N N N
(50)
3.4.10 Flowchart Lupa Kata Sandi
3.4.11 Flowchart Daftar Anggota
Gambar 3.10 Flowchart Lupa Kata Sandi J
Halaman
Konfirmasi Sandi
Input Form
Konfirmasi Sandi Proses
Database
K
Halaman Daftar
Anggota Koperasi
Input Form
Pendaftaran
Proses
(51)
3.4.12 Flowchart Login Admin
Start
“Id_admin” dan “Kata Sandi” Benar Halaman Login Admin
Input “ Id_admin” dan “Kata Sandi”
N
Y Halaman Utama Admin
Kelola Website
Kelola Simpan Pinjam
Kelola Laporan
Keluar
Y
Y
Y N
N
END
L
M
N
Ubah Sandi
Y
O N
N
(52)
3.4.13 Flowchart Kelola Website
Gambar 3.13 Flowchart Kelola Website Kelola Slide
Kelola Iklan
Kelola Forum Kelola Ebook Kelola Berita
Y N
N
N L
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
HALAMAN KELOLA ALAMAT
KOPERASI Y
Y
Y N
N
(53)
3.4.14 Flowchart Kelola Simpan Pinjam
Gambar 3.14 Flowchart Kelola Simpan Pinjam Data Member
Konfirmasi Sandi
Kelola Simpanan Kelola U.Jaminan
Kartu Member
Y N
N
N M
HALAMAN KELOLA DATA MEMBER
Y
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
Y
Y N
N
N
Kelola penarikan HALAMAN KELOLA PENARIKAN
Kelola SHU HALAMAN KELOLA SHU
Y N
(54)
3.4.15 Flowchart Kelola Laporan Laporan Simpanan Bulanan Laporan Pinjaman Bulanan Laporan Angsuran Bulanan Laporan Penarikan Bulanan Laporan Simpanan Tahunan Laporan Pinjaman Tahunan Laporan Pinjaman Y N N
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
HALAMAN LAPORAN PINJAMAN
TAHUNAN N Y N Y N Y N Y N Y
(55)
3.4.16 Flowchart Lupa Kata Sandi
Gambar 3.16 Flowchart Lupa Kata Sandi O
Halaman Konfirmasi Sandi
Input Form
Konfirmasi Sandi Proses
(56)
3.4.17 Flowchart Form Login Komisaris Admin
Start
“Id_Komisaris” dan “Kata Sandi” Benar Halaman Login Komisaris
admin
Input “ Id_Komisaris” dan “Kata Sandi”
N
Y Halaman Utama Komisaris
Kelola Website
Kelola Simpan Pinjam
Kelola Laporan
Keluar
Y
Y
Y N
N
END
P
Q
R
Ubah Sandi
Y
S N
N
(57)
3.4.18 Flowchart Kelola Website
Gambar 3.18 Flowchart Kelola Website Kelola Slide
Kelola Iklan
Kelola Forum Kelola Ebook Kelola Berita
Y N
N
N P
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
HALAMAN KELOLA ALAMAT
KOPERASI Y
Y
Y N
N
(58)
3.4.19 Flowchart Kelola Simpan Pinjam
Gambar 3.19 Flowchart Kelola Simpan Pinjam Data Member
Konfirmasi Sandi
Kelola Simpanan Kelola U.Jaminan
Kartu Member
Y N
N
N Q
HALAMAN KELOLA DATA MEMBER
Y
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
Y
Y N
N
N
Kelola penarikan HALAMAN KELOLA PENARIKAN
Kelola SHU HALAMAN KELOLA SHU
Y N
(59)
3.4.20 Flowchart Kelola Laporan Laporan Simpanan Bulanan Y N R
HALAMAN LAPORAN SIMPANAN
BULANAN
Laporan Pinjaman
Bulanan
Y HALAMAN LAPORAN PINJAMAN BULANAN
Laporan Angsuran
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
HALAMAN LAPORAN PINJAMAN
TAHUNAN N Y N Y N Y N Y N Y
(60)
3.4.21 Flowchart Lupa Kata Sandi
Gambar 3.21 Flowchart Lupa Kata Sandi S
Halaman
Konfirmasi Sandi
Input Form
Konfirmasi Sandi Proses
(61)
BAB 4`
IMPLEMENTASI SISTEM
4.1. Pengertian Implementasi Sistem
Implementasi sistem merupakan langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang tidak disetujui, untuk menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki.
4.2 Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem adalah sebagai berikut : 1. Menyelesaikan desain sistem yang telah disetujui sebelumnya. 2. Memastikan bahwa pemakai (user) dapat dioperasikan sistem baru. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.
4.3 Spesifikasi Sistem
Untuk menjalankan sistem, perlu kita ketahui perangkat apa saja yang akan
mendukung dalam proses program dan data. Perangkat komputer yang diguunakan, yaitu :
(62)
4.3.1 Perangkat Keras ( Hardware )
Pengguna perangkat keras yang baik akan mempengaruhi cepat lambatnya proses program yang dijalankan dan yang dihasilkan. Dalam hal ini, penulis merinci spesifikasi komponen hardware yang digunakan, yaitu :
a. CPU ( Central Processing Unit ) Pentium Dual-Core 800 MHz
b. Memori 1 GB
c. Monitor 15 inchi
d. Kapasitas HDD 250 GB
e. Keyboard
f. Mouse
4.3.2 Perangkat Lunak ( Software )
Adapun software yang digunakan untuk pembuatan projek tugas akhir ini adalah sebagai berikut:
a. Sistem operasi yang digunakan adalah Windows 7 Ultimate. Berikut tampilan sistem operasi dari windows 7 ultimate:
(63)
b. Aplikasi Microsoft Word 2010 media pengolah data yang dipakai untuk pengetikan tugas akhir ini. Berikut tampilan Microsoft Word 2010 :
Gambar 4.2 Tampilan Microsoft word 2010
c. XAMPP versi 1.7.9 , merupakan aplikasi yang berfungsi sebagai web servernya . PHP sebagai bahasa pemograman dan MySQL sebagai database-nya. Berikut tampilan halaman XAMPP versi 1.7.9 dan Control Panel jika di-running :
Gambar 4.3 Tampilan Control Panel XAMPP Versi 1.7.9 d. Macromedia Dreamweaver CS5, yang berfungsi sebagai teks editor dalam penulisan script PHP dalam pembuatan website . Berikut tampilan Macromedia Dreamweaver CS5 :
(64)
Gambar 4.4 Tampilan Macromedia Dreamweaver CS5
4.3.3 Brainware
Brainware adalah sumber daya manusia yang nantinya akan berperan sebagai user
ataupun administrator sistem . Brainware yang dibutuhkan sebagai administrator
nantinya bekerja pada server dalam pengolahan data website . Administrator harus mengerti tentang bahasa pemograman PHP dan MySQL serta mengerti jalannya sistem . Sedangkan user tidak harus memiliki kemampuan khusus hanya saja mampu mengoperasikan browser.
4.4 Pengujian Sistem
Tujuan dari pengujian sistem adalah untuk mengetahui bahwa komponen-komponen sistem telah berfungsi dengan baik. Tujuan lainnya adalah untuk mengetahui kelemahan atau kesalahan sistem sehingga perlu diadakan perbaikan. Berikut tampilan – tampilan halaman website yang dirancang setelah diuji programnya :
(65)
(66)
Gambar 4.6 Tampilan Halaman Download
(67)
Gambar 4.8 Tampilan Halaman Kode Etik Pemasangan Iklan
(68)
Gambar 4.10 Tampilan Halaman Testimonial
(69)
Gambar 4.12 Tampilan Cetak Simpanan Member
(70)
Gambar 4.14 Tampilan Halaman Form Login Admin Koperasi
(71)
Gambar 4.16 Tampilan Halaman Form Login Komisaris Admin
(72)
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Adapun kesimpulan yang dapat diambil dalam pembuatan sistem informasi berbasis
web ini adalah sebagai berikut :
1. Dengan adanya website jaringan koperasi, dapat mempermudah administrasi dalam pengelolaan data jaringan koperasi.
2. Dengan sistem informasi jaringan koperasi secara online, setiap orang dapat melihat informasi mengenai jaringan koperasi dan dengan mudah mendaftar menjadi anggota jaringan koperasi tanpa harus datang kealamat koperasi.
3. Sebelum membuat website terlebih dahulu diracang desain, agar website yang disajikan menarik. Software yang digunakan adalah Adobe Photoshop dan Macromedia Dreamweaver CS5.
4. Tampilan Website yang bagus dan menarik dapat menambah daya tarik website,
(73)
5.2 Saran
Saran yang bisa diberikan agar web ini tetap terus dapat digunakan adalah sebagai berikut:
1. Isi situs web seharusnya di-update oleh admin dan komisaris admin secara berkala guna memberikan informasi yang terbaru mengenai koperasi.
2. Dalam pembuatan website ini, perlu dirancang dengan sedetail mungkin agar dapat melakukan pembaharuan data sehingga tidak ada atau terjadi kesalahan.
3. Penulis menyadari bahwa Tugas Akhir yang penulis buat masih banyak kekurangannya. Dengan demikian penulis masih membutuhkan lagi pengembangan lebih lanjut untuk perbaikan kedepannya.
(74)
DAFTAR PUSTAKA
Ducket, Jon, Beginning Web programming with HTML, XHTML and CSS, Wiley Publishing, Inc , 2007.
Kadir Abdul, Belajar Database Menggunakan MySQL , 2008 , Yogyakarta: Andi. Etahan Watrall, Jeff Siarto , Head First Web Design, O’Reilly Media, Inc.,2009.
M.Shalahuddin, Rosa A.S , Java Di Web , 2010, Bandung, Informatika.
Bruce Lawson, Remy Sharp , Introducing HTML 5, New Riders is an imprint ofPeachpit, a division of Pearson Education , 2011.
Raharjo , Budi , Belajar Pemrograman Web , Modula , 2011.
http://en.wikipedia.org/wiki/Data_flow_diagram. Diakses Senin,14 April 2013 http://blogxaris.wordpress.com/2010/12/09/pengertian-dasar-dan-simbol-flowchart. Diakses Senin, 14 April 2013
http://safrilblog.wordpress.com/2012/10/15/simbol-simbol-pada-flowchart-dan-penjelasannya-softskill/. Diakses Senin, 14 April 2013
(75)
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, 8214290, Fax. (061) 8214290
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : AHMAD ARIF ABDI D
Nomor Induk Mahasiswa : 102406179
Judul Tugas Akhir : Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP Dan MySQL Dosen Pembimbing : Drs. Rosman Siregar, M.Si
Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :
Kartu ini harap dikembalikan kejurusan Matematika Bila Bimbingan Mahasiswa telah Selesai.
Diketahui, Disetujui
Ketua Dapartemen Matematika Pembimbing Utama/ Penanggung Jawab
Prof. Dr. Tulus, M.Si Drs. Rosman Siregar, M.Si 19620901 198803 1 002 19610107 198601 1 001 No
Tanggal Asisten Bimbingan
Pembahasan pada Asistensi Mengenai, pada Bab :
Paraf Dosen
Pembimbing Keterangan 1 26 Januari 2013 Pengajuan Judul TA
2 28 Januari 2013 ACC Judul TA 3 04 Februari 2013 Pengajuan Proposal TA 4 16 Mei 2013 Revisi Bab 1 s/d Bab 5 5 28 Mei 2013 Revisi Bab 1 6 10 Juni 2013 Revisi Bab 2 s/d Bab 5 7 10 Juni 2013 Uji Program dan ACC Bab 1 s/d Bab 5
(76)
SURAT KETERANGAN Hasil Uji Program Tugas Akhir
Yang bertanda dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program D3 Teknik Informatika :
Nama : AHMAD ARIF ABDI D NIM : 102406179
Prog. Studi : D3 Teknik Informatika
Judul TA : Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP dan MySQL
Telah melaksanakan test program Tugas Akhir Mahasiswa diatas pada tanggal 10 Juni 2013
Dengan Hasil : Sukses / Gagal
Demikianlah diterangkan untuk digunakan melengkapi syarat pendaftaran ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Dapartemen Matematika FMIPA USU Medan.
Medan, 10 Juni 2013 Dosen Pembimbing
Drs. Rosman Siregar, M.Si 19610107 198601 1 001
(77)
Listing Program
Halaman Depan (index.php)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="menu.css" type="text/css" media="screen" />
<link href="css/layout.css" rel="stylesheet" type="text/css">
<link href="css/login.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon/icon.png"/> <script src="js/jquery.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/s3Slider.js"></script> <script language="javascript"> $(document).ready(function() {
$("#login_form").submit(function() {
(78)
//remove all the class add the messagebox classes and start fading
$("#msgbox").removeClass().addClass('messagebox').te xt('Memeriksa....').fadeIn(1000);
//check the username exists or not from ajax $.post("ajax_login.php",{
id:$('#id').val(),pass:$('#pass').val(),rand:Math.random( ) } ,function(data)
{ if(data=='yes') //if correct login detail
{
$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox
{
//add message and change the class of the box and start fading
$(this).html('Selamat Username & Password
Benar!').addClass('messageboxok').fadeTo(900,1,function() {
//redirect to secure page
document.location='member/index.php'; }); });
} else {
$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox
{
//add message and change the class of the box and start fading
$(this).html('Maaf Username & Password Salah,,,, !').addClass('messageboxerror').fadeTo(900,1);
}); } });
return false; //not to post the form physically
(79)
//now call the ajax also focus move from $("#password").blur(function()
{
$("#login_form").trigger('submit'); }); });
</script>
<style type="text/css"> .messagebox{
position:absolute; width:100px;
margin-left:2px;
border:1px solid #c93; background:#ffc;
padding:3px; }
.messageboxok{ position:absolute; width:auto;
margin-left:30px;
border:1px solid #349534; background:#C9FFCA;
padding:3px;
font-weight:bold; color:#008000; }
.messageboxerror{ position:absolute; width:auto;
margin-left:30px;
border:1px solid #CC0000; background:#F7CBCA;
padding:3px;
(80)
color:#CC0000; }
#slider1 {
width: 520px; /* important to be same as image width */
height: 250px; /* important to be same as image height */
position: relative; /* important */ 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; padding: 10px 13px;
width: 500px;
background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7;
(81)
opacity: 0.7; color: #fff; display: none; }
ul { list-style-type: none;} #ul{ list-style-type: none;} .clear {
clear: both; }
.slider1Image span strong { font-size: 14px;
}
.left {
top: 0; left: 0;
width: 500px !important; height: 50px;
}
.right {
right: 0; bottom: 0;
width: 495px !important; height: 65px;
}
.tbleberita{ width:407px; height:128px; margin-top:5px;} .bts{ width:407px;}
.tdtgl{ color:#999; font-size:11px; font-family:"Times New Roman", Times, serif; width:408px;}
.Jdl{ color:#369; font-size:17px; font-family:"Times New Roman", Times, serif; width:408px; margin-left:10px; margin-top:10px; text-decoration:none;}
.Jdl:hover{ color:#369; size:17px;
(82)
margin-left:10px; margin-top:10px; text-decoration:underline;}
.tdberita{ color:#000; font-size:13px; font-family:"Times New Roman", Times, serif; width:408px;}
.tdJdl{ color:#369; font-size:17px; font-family:"Times New Roman", Times, serif; width:408px;
text-decoration:none;}
.tdlink{ font-size:12px; color:#069; text-decoration:none;}
.tdlink:hover{ font-size:12px; color:#F30; text-decoration:underline;}
.tblsearch{ margin-top:10px;}
.brs{ border-style:dotted; border-color:#999;} .login{ font-size:14px; color:#999;}
.cari{ padding:5px;}
.buttoncari{ background: #014464;
background: -moz-linear-gradient(top, #0272a7, #013953);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); padding:5px; color:#FFF; -moz-border-radius: 7px;
-webkit-border-radius: 7px;}
.buttoncari:hover{ background: #014464;
background: -moz-linear-gradient(top, #0272a7, #013953);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); padding:5px; color:#FFF;-moz-box-shadow:0px 0px 17px #00F;-webkit-box-shadow: 0px 0px 17px #996;}
.by{ font-size:14px; color:#FFF; text-align:center;} /*Bagian icon Untuk Header*/
#NK{height:130px; width:500px;
(83)
margin-top:10px; margin-left:250px; margin-bottom:10px; float:left;
-moz-border-radius: 7px; -webkit-border-radius: 7px; }
.kplsurat{ font-family:"Times New Roman", Times, serif; font-size:25px; color:#FFF;}
</style>
<script type="text/javascript"> $(document).ready(function() { $('#slider1').s3Slider({ timeOut: 4500 }); });
</script>
<title>JARINGAN KOPERASI</title> </head>
<body>
<div id="container"> <div id="header"> <div id="NK"> <?php
include"config/koneksi.php"; $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']; $twiter=$dapat['twiter'];
(84)
$fb=$dapat['facebook']; echo"<center><p
class='kplsurat'><b>$n_koperasi</b><br>$alamat<br>No Telp :$telp<br>Email:$email</p></center>";
?> </div> </div>
<ul id="menu"> <?php
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'>
<ul class='greybox'> <li> ";?>
<?php
error_reporting(0);
include"config/koneksi.php";
$query = "select * from produk"; $data = mysql_query($query);
while($data2=mysql_fetch_array($data)) {
echo"<a
href='produk.php?id=$data2[id]'>$data2[judul]</a>"; }
echo"</li></ul> </div>
(85)
</li><!-- End 3 columns Item -->"; ?>
<?php
echo" <li><a href='#' class='drop'>Profile</a> <div class='dropdown_3columns
align_right'><!-- Begin 3 columns container --> <div class='col_1'>
<ul class='greybox'>
<li><a href='profile.php'>Profil Koperasi</a></li>
</ul> </div>
</div> </li>
<li><a href='#' class='drop'>Support System</a> <div class='dropdown_3columns align_right'><!-- Begin 3 columns container -->
<div class='col_1'>
<ul class='greybox'> <li><a
href='files.php'>Download</a></li>
<li><a href='hubungiKami.php'>Hubungi Kami</a></li>
</ul> </div>
</div> </li>
(86)
<div class='dropdown_3columns align_right'><!-- Begin 3 columns container -->
<div class='col_1'>
<ul class='greybox'> <li><a
href='etikaAnggota.php'>Keanggotaan</a></li> <li><a
href='etikaIklan.php'>Pemasangan Iklan</a></li> <li><a
href='etikaForum.php'>Etika Forum</a></li> </ul>
</div>
</div> </li>
<li><a href='ebook.php'>E-Book</a></li>
<li><a href='testimonial.php'>Testimonial</a></li>
</ul>"; ?>
<div id="middle">
<div id="kiri">
<div id="kiri1">
<div id="contentLogin"> <br /><br />
<form id="login_form" name="login_form" action="" method="post">
<table width="200" border="0"
id="table">
<tr>
<td align="left"
(87)
<tr>
<td align="left"><input name="id" type="text" id="id" maxlength="50" size="25"
placeholder="Id Anggota" value="MDN" style="-moz-border-radius: 10px; -webkit-border-style="-moz-border-radius: 10px; height:20px; family:'Times New Roman', Times, serif;
font-size:14px; padding-left:6px;" /> </td></tr> <tr>
<td align="left"
class='login'><b>Kata Sandi :</b></td></tr> <tr>
<td><input name="pass"
type="password" value="" id="pass" maxlength="50" size="25" placeholder="Kata Sandi" style="-moz-border-radius: 10px; -webkit-border-style="-moz-border-radius: 10px; height:20px; padding-left:6px;" /></td>
</tr><tr>
<td id="notif" align="center" class='login'>silahkan login untuk Member Koperasi</td>
</tr> <tr>
<td align="center"><input id="submit" name="submit" type="submit" value="Masuk" /></td>
</tr> <tr>
<td id="msgbox"><span id="msgbox" style="display:none"></span></td> </tr>
</table></form>
<li id="ul"><a href="resetpassword.php"
(88)
<li id="ul"><a href="perjanjian.php"
class='tdlink'><i>Daftar Anggota Koperasi</i></a></li> </div>
</div>
<div id="kiri2"> <br /><br /><br /> <?php
include"config/koneksi.php";
$query = "select * from member ORDER BY id_anggota DESC LIMIT 10";
$data = mysql_query($query);
echo"<center><table id='t_anggota'>"; while($data2=mysql_fetch_array($data)) {
echo "
<tr><td id='anggota'><center><img
src='gambar_member/$data2[gambar]' style='width:50px; height:40px; -moz-border-radius: 7px; -webkit-border-radius: 7px;'></center></td></tr>
<tr><td
id='anggota'><center>$data2[id_anggota]</center></td></tr >
<tr><td
id='anggota'><center><b>$data2[nama_anggota]</b></center> </td></tr>
<tr><td
id='anggota'><center>$data2[alamat]</center></td></tr> <tr><td id='anggota'><hr></td></tr>";
}
echo"</table></center>"; ?>
</div>
(1)
Sebesar:Rp.200,000.00 , Jumlah Keseluruhan : Rp.300,000.00.</li></ul></div>";
?></div></div> <?php
include"footer.php"; ?>
etikaForum.php
<?php
include"head.php"; include"body.php"; ?>
<div id="tengah"><?php error_reporting(0);
echo " "; $hari = array
("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu" );
$bulan = array
("Januari","Februari","Maret","April","Mei","Juni","Juli" ,"Agustus","September","Oktober","November","Desember"); $waktu[0]=$hari[date("w",time())];
$waktu[1]=date("d",time()+60*60*7); $waktu[2]=date("m",time()+60*60*7); $waktu[3]=date("Y",time()+60*60*7);
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" $hariini , $tanggalini | "; echo gmdate("H:i", time()+60*60*7);
(2)
echo " WIB";
echo"</b></font><br/>";
echo"<div id='head_daftar1'><center><p class='phead'><b>Kode Etik Forum
Anggota</b></center></p></div>"; ?><div id='tengahberita'>
<?php
include"config/koneksi.php";
$koperasi=mysql_query("select * from hubungi"); $data=mysql_fetch_assoc($koperasi);
$nama_koperasi=$data['n_koperasi'];
echo"<p class='syaratiklan'><center><b>Syarat Forum Anggota Koperasi<br>$nama_koperasi</b></center></p>";
echo"<div id='tengahberita1'>";
echo"<div class='gbrberita'><img src='img/sara.png' style='width:128px; height=128px; -moz-border-radius: 7px; -webkit-border-radius: 7px;'></div>
<div id='segitiga'></div>
<div id='petak'><p class='forum'><b>Dilarang Mengeluarkan pernyataan yang berbau SARA (Suku, Agama, Ras, Antar
golongan).</b></p></div> </div>
";
echo"<div id='tengahberita1'>";
echo"<div class='gbrberita'><img src='img/menghina.png' style='width:128px; height=128px; -moz-border-radius: 7px; -webkit-border-radius: 7px;'></div>
<div id='segitiga'></div>
<div id='petak'><p class='forum'><b>Dilarang Merusak nama baik, mengancam, melecehkan atau menghina orang lain</b></p></div>
(3)
echo"<div class='gbrberita'><img src='img/porn.png' style='width:128px; height=128px; -moz-border-radius: 7px; -webkit-border-radius: 7px;'></div>
<div id='segitiga'></div>
<div id='petak'><p class='forum'><b>Dilarang Menerbitkan atau menyebarkan materi dan bahasa yang bersifat pornografi, vulgar dan tidak etis.</b></p></div>
</div>";
echo"<div id='tengahberita1'>";
echo"<div class='gbrberita'><img src='img/blokir.png' style='width:128px; height=128px; -moz-border-radius: 7px; -webkit-border-radius: 7px;'></div>
<div id='segitiga'></div><div id='petak'><p
class='forum'><b>Apabila Anda tidak mampu memenuhi
peraturan-peraturan yang dicantumkan diatas, kami berhak untuk melakukan tindakan lebih lanjut. Bagi para pihak yang melanggar peraturan-peraturan ini dapat dihentikan keanggotaannya tanpa peringatan terlebih
dahulu.</b></p></div> </div>";
?>
</div></div> <?php
include"footer.php"; ?>
(4)
etikaIklan.php
<?php
include"head.php"; include"body.php"; ?>
<div id="tengah"> <?php
error_reporting(0);
echo " "; $hari = array
("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu" );
$bulan = array
("Januari","Februari","Maret","April","Mei","Juni","Juli" ,"Agustus","September","Oktober","November","Desember"); $waktu[0]=$hari[date("w",time())];
$waktu[1]=date("d",time()+60*60*7); $waktu[2]=date("m",time()+60*60*7); $waktu[3]=date("Y",time()+60*60*7);
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" $hariini , $tanggalini | "; echo gmdate("H:i", time()+60*60*7); echo " WIB";
echo"</b></font><br/>";
echo"<div id='head_daftar1'><center><p class='phead'><b>Kode Etik Pemasangan Iklan</b></center></p></div>";
(5)
<div id='tengahberita'> <?php
include"config/koneksi.php";
$koperasi=mysql_query("select * from hubungi"); $data=mysql_fetch_assoc($koperasi);
$nama_koperasi=$data['n_koperasi']; echo"
<br><div id='keteranganEtika'>
<p class='syaratiklan'><center><b>Syarat Pemasangan Iklan Koperasi<br>$nama_koperasi</b></center></p>
<ul class='noiklan'>
<li>Iklan Koperasi adalah Media Trading Online Yang Di Berikan Secara Eksklusif Hanya Kepada Member Koperasi, Gunakan Fasilitas Ini Secara Wajar, Profesional Dan Tidak Berlebihan. </li>
<li>Member Dilarang Keras Menggunakan Fasilitas Ini Untuk Menyebarkan Berita/Informasi Baik Berupa teks dan/atau Gambar Yang Mengandun Unsur SARA, Pornografi, Menyinggung Pihak-Pihak Tertentu atau Melanggar Hukum Yang Berlaku Di Wilayah Republik Indonesia.</li>
<li>Member Dilarang Keras Menggunakan fasilitas ini untuk menyebarkan material yang mengandung unsur hacking , cracking dan atau perangkat lunak bajakan.</li>
<li>Member Dilarang Keras Menggunakan Fasilitas Ini Untuk Menyebarkan Atau Menjual Material atau jasa yang dilarang oleh HUKUM di Indonesia ,<b>$nama_koperasi</b> Tidak Bertanggung Jawab Terhadap Konsekuensi hukum yang di akibatkan iklan member.</li>
<li>Pihak Manajemen <b>$nama_koperasi</b> berhak untuk secara sepihak menghapus iklan member yang dianggap
(6)
melanggar sebagian atau keseluruhan syarat-syarat ketentuan ini.</li>
<li>Pihak Manajemen <b>$nama_koperasi</b> berhak untuk membatasi atau bahkan mencabut secara permanen iklan member jika ditemukan adanya indikasi pelanggaran syarat-syarat ketentuan ini.</li>
</ul></div> ";
?>
</div></div> <?php
include"footer.php"; ?>