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

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:

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/

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.

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)

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)

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

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).

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.

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.

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