1. Laporan Pemrograman Berbasis Web
Sistem Informasi Koperasi
Disusun Oleh:
Tri Adi Putra Ramdani 1110651247
Rifky Ardiansyah 1110651021
Nur Putra Nanda 1110651021
Prodi Teknik Informatika
Teknik Informatika
Universitas Muhammadiyah Jember

2. Aplikasi Sistem informasi koperasi
Fungsi aplikasi ini dibuat untuk memudahkan petugas koperasi dalam mengelola koperasi.
Aplikasi ini meyediakan fitur penyimpanan anggota data petugas dapat memasukkan data
angota ataupun mengubah data pengguna, dan petugas dapat melihat data keuangan anggota
yang ingin di setor atau diambil, petugas dapat menginputkan dan megubah data keuangan
dari anggota dari berbagai jenis simpanan ,dan dapat menambah atau megurangi jenis
simpanan.
Dasar Materi
Dalam aplikasi ini kami menerapkan beberapa syntac diantaranya menggunakan PHP,
Cascading Style Sheet(CSS), Java Script Ajax dan mengunakan Hosting
PHP Hypertext Prepocessor
o PHP merupakan singkatan dari PHP Hypertext Prepocessor.
o Bahasa scripting yang terpasang pada HTML.
o Bahasa pemrograman yang berbasis web.
o Bahasa PHP dapat berdiri sendiri ataupun dapat bersanding dengan HTML.
o File HTML yang telah dibubuhi sintaks PHP, harus diganti dengan ekstensi .php
Cascading Style Sheet (CSS)
„ Dalam pemakaian HTML murni kita pasti menggunakan tag <font> dan tag lain untuk
mengontrol bagaimana layout dari halaman anda. Hal ini mengikat presentasi halaman anda
dengan isinya, dan terasa menyulitkan dalam perancangan dan pengembangannya.
Java Script
o JavaScript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan
pada suatu dokumen HTML.
o Bahasa ini merupakan bahasa pemrograman untuk memberikan kemampuan tambahan
terhadap HTML yang berjalan pada sisi user/client, bukan pada sisi server.
AJAX
Asynchronous JavaScript and XMLHTTP, atau disingkat AJAX, adalah suatu teknik
pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk
memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data
dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara
keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan
interaktivitas, kecepatan, dan usability. Ajax merupakan kombinasi dari:

3.  DOM yang diakses dengan client side scripting language, seperti VBScript dan
implementasi ECMAScript seperti JavaScript dan JScript, untuk menampilkan secara
dinamis dan berinteraksi dengan informasi yang ditampilkan.
 Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih umum di
implementasikan pada beberapa browser. Objek ini berguna sebagai kendaraan
pertukaran data asinkronus dengan web server. Pada beberapa framework AJAX,
element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest untuk
melakukan pertukaran data dengan web server.
 XML umumnya digunakan sebagai dokumen transfer, walaupun format lain juga
memungkinkan, seperti HTML, plain text. XML dianjurkan dalam pemakaian teknik AJaX
karena kemudahan akses penanganannya dengan memakai DOM
Hosting
Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di Internet yang
memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau produknya
di web / situs Internet.
Tempat ini sebagai tempat penyimpanan data berupa megabytes (MB) hingga terabytes (TB)
yang memiliki koneksi ke internet sehingga data tersebut dapat direquest atau diakses
oleh user dari semua tempat secara simultan. Inilah yang menyebabkan sebuah website dapat
diakses bersamaan dalam satu waktu oleh multi user (wikipedia).
Program ini kami hosting menggunakan http://www.idhostinger.com/ dan sudah bias di akses di
http://microtik.pusku.com/

4. Seteah memasukkan URL http://microtik.pusku.com/index.php anda akan masuk ke halaman pertama
yang terdapat menu LogIn untuk masuk, username admin&password admin kemudian klik LogIn
Jika dalam pengisian username atau password salah ex: username admin&password 1234 secara
otomatis akan muncul validasi berupa maaf username atau password salah.

5. Setelah LogIn benar, maka akan disuguhi tampilan seperti gambar diatas dan terdapat tool berupa
Home(halaman Utama), Master(Jenis Simpanan dan Anggota), Transaksi(Simpanan dan Pinjaman) dan
Logout(Untuk keluar).
Tampilan diatas adalah tool yang terdapat di Master(Jenis Simpanan) yang berisi No,ID,Jenis
Simpanan,jumlah Simpanan dan Aksi(Edit dan Hapus)

6. Gambar diatas adalah fungsi tool tambah yang berfungsi sebagai menambah atau mengedit daftar yang
sudah ada, jadi jika ingin menambah ID gunakan ID yang tidak ada di daftar tabel. jika memakai ID yang
sama di daftar tabel secara otomatis akan mengupdate ID tersebut
Gambar diatas adalah contoh cara menambahkan ID yang benar
Tampilan diatas adalah tool yang terdapat di Master(Anggota) yang berisi No,Nomor,Nama,Jenis
kelamin dan Aksi(Edit dan Hapus)

7. Gambar diatas adalah fungsi tool tambah yang berfungsi sebagai menambah atau mengedit daftar yang
sudah ada, jika ingin menambah ID gunakan ID yang tidak ada di daftar tabel. jika memakai ID yang sama
di daftar tabel secara otomatis akan mengupdate ID tersebut
Gambar diatas adalah contoh cara menambahkan ID yang benar

8. Tampilan diatas adalah tool yang terdapat di Transaksi(Simpanan) yang berisi No,Tanggal,Simpanan,
Hapus.untuk menjalankan di tool ini harus menginputkan data seperti gambar diatas kemudian klik
simpan akan keluar output semua simpanan yang sudah dilakukan oleh Nomor Anggota A001 (Asep
Setiawan).

9. Gambar diatas adalah tool yang terdapat di Transaksi(Pertanggal) fungsinya untuk mengetahui berapa
kali melakukan pinjaman yang dilakukan oleh Nomor Anggota A001(Asep Setiawan) pada tanggal 06-02-
2013s/d30-05-2013 caranya masukkan tanggal kemudian klik Cari.
tool yang terdapat di Transaksi(Daftar) berfungsi untuk mencari daftar anggota yang melakukan
transaksi. Cara menjalankan masukkan ID/Nama kemudian klik cari contohnya seperti gambar diatas.

10. Tampilan diatas adalah tool yang terdapat di Transaksi(Pinjaman) yang berisi
No,ID,Tanggal,No.Anggota,Nama,Jenis kelamin,Lama Pinjaman,Jumlah Pinjaman,Bunga,Jumlah
Bayar,Jumlah Cicilan,Sisa dan Hapus. Cara menjalankannya pertama inputkan tanggal transaksi smpai
tanggal yang dicari kemudian klik cari contoh seperti digambar
Tampilan diatas adalah tool yang terdapat di Transaksi(Pinjaman) yang terdapat ditambah yang
berfungsi untuk menambahkan daftar anggota peminjam baru. Cara menjalankan inputkan data seperti
contoh diatas setelah itu klik simpan langsung keluar daftar seperti digambar.

11. Tampilan diatas adalah tool yang terdapat di Transaksi(ketentuan) yang menyediakan daftar peraturan
tentang persyaratan dalam melakukan transaksi peminjaman.
Kesimpulan
Program ini dikhususkan untuk bagian instansi perbankan karena untuk mempermudah kinerja para
pengelola instansi perbankan dalam mengatur atau mendata nasabah yang melakukan transaksi.
Kendala
Program ini masih kurang sempurna karena belum adanya tool yang dipakai seperti: Kurs mata uang,
Detail anggota, jaminan, tampilan kurang menarik dan kurang singkron dengan database