INTERAKSI MANUSIA & COMPUTER

PROJECT UAS RANCANGAN SISTENM INFORMASI

SISTEM INFORMASI KOPERASI SIMPAN PINJAM BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL

OLEH

I WAYAN SUMALYA 130030174

I PUTU OKA SUWARTAWAN 120030114

IDA BAGUS OKA SEMADI 130030381

STIMIK STIKOM BALI

2014

Daftar isi

BAB 1...................................................................ERROR! BOOKMARK NOT DEFINED.

PENDAHULUAN......................................................................................................................1

1.1 LATAR BELAKANG...................................................................................................2

1.2 MAKSUD DAN TUJUAN.............................................................................................2

BAB 2.........................................................................................................................................3

SISTEM INFORMASI KOPERASI SIMPAN PINJAM..........................................................3

2.1 NAMA APLIKASI...............................................................................................................3

2.2 FUNGSI APLIKASI..............................................................................................................3

2.3 FITUR APLIKASI................................................................................................................3

2.4 PENGGUNA APLIKASI........................................................................................................4

2.5 RANCANGAN APLIKASI.....................................................................................................4

2.5.1 Rancangan Interface..................................................................................................4

2.5.2 Skenario Aplikasi......................................................................................................5

2.5.3 Segi Ergonomis.........................................................................................................5

2.5.4 Segi Dayaguna..........................................................................................................6

2.6 PARAMETER : 8 GOLDEN RULE DESIGN................................................................7

2.7 IMPLEMENTASI APLIKASI..................................................................................................9

2.8 HASIL IMPLEMENTASI.....................................................................................................14

BAB 3.......................................................................................................................................21

KESIMPULAN DAN SARAN................................................................................................21

i

BAB 1

PENDAHULUAN

1.1. Latar belakang

Koperasi adalah badan hukum yang berdasarkan atas asas kekeluargaan yang anggotanya terdiri dari orang perorangan atau badan hukum dengan tujuan untuk mensejahterakan anggotanya. Umumnya koperasi dikendalikan secara bersama oleh seluruh anggotanya, dimana setiap anggota memiliki hak suara yang sama dalam setiap keputusan yang diambil koperasi. Pembagian keuntungan koperasi biasa disebut sisa hasil usaha atau SHU biasanya dihitung berdasarkan andil.

Mengingat aktivitas did lam koperasi demikian padat maka sangat diperlukan adanya teknologi yang berperat untuk mempermudah segala kegiatan dalam bertransaksi dan memberikan kenyamann bagi seluruh anggota koperasi. Dengan adanya teknologi computer yang semakin canggih maka sudah seharusnya koperasi menggunakan suatu aplikasi computer dalam kegiatan sehari-hari.

Namun karena keterbatasan pengetahuan akan aplikasi computer maka para pengguna maupun penggerak koperasi masih enggan untuk menggunakan computer untuk menunjang kegiatan mereka sehari-hari.

Bertitik tolak dari hal tersebut maka kami berinisiataif untuk mengembangkan aplikasi SISTEM INFORMASI KOPERASI BERBASIS WEB, berbasis web dipilih karena adanya tingkat flexsibelitas yang sangat baik sehingga aplikasi ini harus berjalan di perangkat computer saja melainkan juga dapat berjalan di perangkat mobile yang memeungkinkan para petugas untuk melakukan transaksi dil luar kantor.

1

1.2. Maksud dan Tujuan

1.2.1 Maksud

Maksud dari penyusunan laporan ini adalah sebagai berikut:

Mengetahui proses pengerjaan aplikasi dengan PHP dan Mysql.

Sebagai sarana pembelajaran bagi kami, Mahasiswa Sistem Informasi, dalam

mengaplikasikan ilmu yang tidak diperoleh pada pembelajaran formal pada

umumnya.

Sebagai bahan referensi bagi mahasiswa lainnya dalam mengembangkan dan

membangun program aplikasi dengan menggunakan PHP dan Mysql.

Pemenuhan Tugas Project Akhir pada Mata Kuliah Interaksi Manusia dan

Komputer sebagai UAS.

1.2.2 Tujuan

Hal apapun yang dilakukan tentu memiliki tujuan/goals yang ingin diraih.

Begitupun dalam pembuatan program aplikasi ini. Tujuan yang ingin diraih, yaitu:

Memperoleh pengetahuan tentang penggunaan PHP dalam pembuatan

interface dari program aplikasi yang dibuat.

Menerapkan PHP dan Mysql sebagai Aplikasi Developer dan database untuk

pembuatan dan pengembangan aplikasi yang dibuat.

Terpenuhinya Tugas Project Akhir pada mata kuliah Interaksi Manusia dan

Komputer yang ditujukan kepada mahasiswa Sistem Informasi Stimik Stikom

Bali 2014/2015.

2

BAB 2

SISTEM INFORMASI KOPERASI SIMPAN PINJAM

2.1 Nama Aplikasi

Aplikasi yang bernama “SISTEM INFORMASI KOPERASI SIMPAN PINJAM”

ini adalah sebuah aplikasi yang menekankan pada informasi dari suatu koperasi

terkait dengan anggota, simpanan, pinjaman, penarikan dan pembayaran

pinjaman. Aplikasi ini menggunakan sebuah tema interface menarik, simple, dan

juga memakai tombol dan icon yang mudah dipahami oleh masyarakat

umumnya yang masih awam akan computer sehingga tidak terjadi kesulitan

ketika menjalankan aplikasi ini.

2.2 Fungsi Aplikasi

Aplikasi ini dibuat untuk memudahkan pengelola koperasi untuk

melakukan transaksi terhadap semua anggotanya sehingga dapat membarikan

kenyamanan dan keamanan dalam bertransaksi sehingga akan diperoleh

kepuasan para anggota.

2.3 Fitur Aplikasi

Satwapedia menyediakan berbagai fitur untuk kenyamanan dan

kemudahan saat menjalankan aplikasi ini. Berikut ini fitur yang dimiliki oleh

Sistem Informasi Koperasi Simpan Pinjam ini adalah:

login, yaitu fitur yang berfungsi sebagai pintu gerbang aplikasi

yang memungkinkan aplikasi ini hanya mengijinkan user untuk

membuka aplikasi ini sehingga akan terjadi keamanan terhadap

data yang tersimpan:

3

peringatan, yaitu fitur yang berfungsi untuk mengingatkan user

apabila ingin melakukan tindakan yang dapat mengubah informasi

sehingga meminimalisir kesalahan pengguna.

Interface yang simple dengan warna yang sejuk beserta simbol

button control yang umum digunakan sehingga pengguna tidak

kesulitan memahami tiap button dan icon.

2.4 Pengguna Aplikasi

Aplikasi ini bisa oleh anggota koperasi yang bertindak sebagai pengurus

atau pengelola yang memiliki kepentingan untuk mengakses informasi yang ada

dalam sistem, tetapi aplikasi ini nantinya juga akan dapat digunakan oleh

seluruh anggota koperasi untuk melihat data keanggotaan jumlah simpanan dan

jumlah pinjaman merka secara online tentunya dengan username dan password

khusus yang masih dalm tahap pengembangan

2.5 Rancangan Aplikasi

2.5.1Rancangan Interface

Pada tampilan awalnya sistem informasi koperasi ini akan

menampilakn form login, kemudian setelah login berhasil sistem

informasi ini akan menampilkan interface home yang kemudian berjejer

menu-menu yang memiliki funsi masing-masing. Dalam tampilan menu

menggunakan dropdown yang memberikan kesan simple dan minimalis

namuntelah dikelompokan sedemikian rupa sehingga memberikan

kenyamanan dalam penggunaanya, dalam sisstem ini juga menggunakan

sistem popup untuk menampilkan konten atau modul hal ini berfungsi

untuk meminimalkan kesalahan aksi yang dilakukan pengguna.

4

2.5.2 Skenario Aplikasi

Aplikasi ini telah di implementasikan pada koperasi. Pengelola

ingin melakukan transaksi terhadap anggota akan melihat sistem yang

kosong hal ini disebabkan karena aplikasi ini memiliki database maka

pengelola harung menginputkan terlebih dahulu dta-data yang terkain

dengan sistem informasi ini kemudain baru dapat digunakan secara

normal. Untuk melihat data maka secara keseluruhan akan ditampilkan

pada masing-masing sub menu untuk melakukan aksi tertentu terhadap

suatu data misalnya menghapus dan mengubah maka sudah tertera

pilihan aksi di dekat data tersebut yang kemudian akan muncul

peringatan untuk meyakinkan pengguna untuk menghapus maupun

mengubah data tersebut. Pada bebrapa sub menu akan tertera pesan

modul belum tersedia hal tersebut dikarenakan sistem inni memerlukan

inputan database secara keseluruhan yang kemudian sudah dilakukan

transaksi secar normal, namun adapula modul yang masih dalam tahap

pengembangan karana waktu pengerjaan kami yang sangat singkat.

2.5.3 Segi Ergonomis

Dari segi Ergonomis, Aplikasi ini menggunakan tampilan

tombola dan icon yang letak dan maksudnya mudah dimengerti oleh

pengguna computer pada umumnya sehingga tidak menyulitkan dalam

penggunaannya. Tampilandan yang sejuk dan desain yang minimalis

dapat mengurangi stress dan kejenuhan pengguna dalammenggukan

aplikasi tersebut. Tampilan form yang dinamis membuat pengguna

selalu merasa nyaman untukmenggunakan sistem informasi ini.

5

2.5.4 Segi Dayaguna

Selain sistem informasi berbasis web sebenarnya telah banyak

aplikasi sistem informasi koperasi yang beredar di pasaran namun

kebanyakan berbasis desktop yang tentunya hanya dpat digunakan pada

computer kantor maupun laptop. Sistem informasi yang kami rncang

berbasis web hal ini metujuan untuk memberikan flesibelitas dam

mobilitas karena tren masyarakat sekarang yang begitu mobile dan

dinamis.

6

2.6 PARAMETER : 8 GOLDEN RULE DESIGN

a. Konsistensi

Aplikasi ini menggunakan perintah atau istilah yang sama.

urutan tindakannya konsisten dari awal sehingga tidak terjadi

kebingungan ketika ingin menjalankan dan mengakhiri aplikasi ini.

Selain itu ikon button yang terdapat di dalamnya juga tidak jauh beda

dengan button yang ada di aplikasi lain sehingga user tidak perlu

susah-susah menghafal dan mempelajarinya.

b. Memungkinkan pengguna untuk menggunakan shortcut

Aplikasi ini bisa juga dijalankan dengan menggunakan

shortcut yang biasanya ditaruh di dekstop dengan ikon logo aplikasi

yang nantinya akan mengarah ke url sistem informasi dengan

memenfaatkan browser yang ada.

c. Memberikan umpan balik yang informative

Terdapat beberapa umpan balik dari aplikasi untuk user

seperti ketika pada form tombol menu yang ketika user

mengarahkan ke tombol tersebut akan muncul drop down yang

berfungsi untuk mengetahui fungsi-fungsi yang da dalm menu

tersebut, lalu ketika user ingin mengubah maupun menghapus sustu

data maka akan muncul suatu peringatan dalam bentuk pop up yang

berfungsi untuk meyakinkan user dalam melakukan aksi tersebut

d. Merancang dialog untuk menghasilkan suatu penutupan

Aplikasi ini sudah terancang beberapa dialog saat menekan

tombol mulai pada form login yang memperingatkan user apabila

lupa memesukan username dan password ataupun saat terjadi

kesalahan. lalu ketika user ingin mengubah maupun menghapus sustu

7

data maka akan muncul suatu peringatan dalam bentuk pop up yang

berfungsi untuk meyakinkan user dalam melakukan aksi tersebut

e. Memberikan penanganan kesalahan yang sederhana

Aplikasi ini dirancang sesederhana mungkin dantidak akan

timbul kesalahan seperti “app-crash”. Teteapi apabila terjadi

kesalahan misanya kesalahan input maupun kesalahan edit pengguna

dapat membatalkan aksi tersebut dengan hanya mengklik tombol

batal. Apabila terjadi kesalahan tidak sengaja aplikasi ini di close pada

saat melakukan transaksi maka transaksi terakhir secara otomatis

akan dibatalkan dan dapat diulang pada saat aplikasi kembali

dijalankan hal ini bertujuan untuk menghindari kesalahan data yang

nantinya mempengaruhi informasi yang tersimpan.

f. Mudah kembali ke tindakan sebelumnya

Aplikasi ini menyediakan button “kembali” yang membantu

user untuk kembali ke halaman sebelumnya. Selain itu ketika terjadi

ketidak sengajaan menekan tombol keluar akan muncul peringatan

konfirmasi agar pengguna bisa membatalkannya.

g. Mendukung tempat pengendali internal (internal locus of control)

Aplikasi ini terdapat preview data yang memungkinkan

pengguna untuk mengecek data telebih dahulu sebelum

menyimpanya

h. Mengurangi beban ingatan jangka pendek

Tampilan aplikasi ini yang sederhana dan tidak terlalu

banyak langkah dan halaman form yang dilewati user sehingga

akan membantu user dalam mengingat dan bertindak.

8

2.7 Implementasi Aplikasi

2.7.1 implementasi form login

2.7.2 implementasi halaman utama home

9

2.7.3 implementasi menu

2.7.4 Implementasi form jenis simpanan

10

2.7.5 Implementasi form anggota

2.7.6 Implementasi form simpanan

11

2.7.7 Implementasi form pinjaman

2.7.8 Implementasi form pembayaran

12

2.7.9 Implementasi fungsi lainnya

13

2.8 Hasil Implementasi

2.8.1 Tampilan Awal

Keterangan:

1. Terdapat satu textfield yang berfungsi untuk memasukan username.

2. Terdapat satu textfield yang berfungsi untuk memasukan password.

3. Terdapat sebuah tombol login yang digunakan untuk memulai

aplikasi.

14

2.8.2 Tampilan Home

Keterangan:

1. Terdapat Tombol tombol menu di bagian atas yang memiliki funsi

masing-masing sesuai kreteria

2. Terdapat konten selamat datang yang nantinya juga dpat di isi dengan

frofil da layanan koperasi

15

2.8.3 Tampilan master > Jenis simpanan

Keterangan:

1. Terdapat Tombol tambah yang berfungsi untuk menambah jenis

simpanan yang bila di klik akan memunculkan pop up seperti ganbar

dibawahnya

2. Terdapat list jenis simpanan yang sudah ada juga terdapat tombol

edit dan tombol hapus untuk mengubah data yang sudah tersimpan

16

2.8.4 Tampilan master > Daftar anggota

Keterangan:

1. Terdapat Tombol tambah yang berfungsi untuk menambah anggota

yang bila di klik akan memunculkan pop up seperti gambar

dibawahnya

2. Terdapat list jenis simpanan yang sudah ada juga terdapat tombol

edit dan tombol hapus untuk mengubah data yang sudah tersimpan

17

2.8.5 Tampilan Transaksi > Simpanan

Keterangan:

1. Terdapat Tombol simpanan untuk menambah simpanan baru

2. Terdapat Tombol pertanggal yang berfungsi untuk melihat simpanan

dari suatu waktu

3. Terdapat tombol dafta untuk melihat daftar simpanan dari seorang

anggota

4. Tombol simpan untuk menyimpan transaksi

5. Batal untuk membatalkannya

18

2.8.4 Tampilan Transaksi > Pinjaman

Keterangan:

1. Terdapat Tombol Pinjaman untuk menambah simpanan baru

2. Terdapat Tombol ketentuan untuk melihat syarat untuk melakukan

pinjaman

3. Tombol simpan untuk menyimpan transaksi

4. Batal untuk membatalkannya

19

2.8.4 Tampilan Notifikasi atau peringatan

Keterangan:

1. Peringatan yang muncul apabila user akan melakukan suatu aksi yang

dapat mrubah data dalam sistem informasi

2. Terdapat tombol Ok untuk menjalankan atau melanjutan aksi

3. Terdapat tombol cancel untuk membatalkan aksi

BAB 3

20

KESIMPULAN DAN SARAN

3.1 KESIMPULAN:

Kami mendesain aplikasi sistem informasi koperasi simpan pinjam ini dengan

menggunakan PHP dan mysql sebagai databasenya. Kami melakukan berbagai inovasi

untuk membuat suatu aplikasi yang lebih nyaman digunakan. Hal ini kami lakukan untuk

memenuhi tugas akhir matakuliah Interaksi Manusia dan Komputer sebagai Tugas UAS,

disisi lain kami juga menginginkan adanya suatu aplikasi yang flexsibel untuk koperasi

karena melihat gaya masyarakat saat ini yang cendrung mobile dan dinamis sehingga

dibutuhkan suatu palayanan yang lebih dinamis sehingga tercipta kenyamanan dan

kesejarteraan bersama

3.2 SARAN

Banyak sekali aplikasi-aplikasi yang sudah dibuat oleh banyak orang dan

mempunyai tema yang berbeda-beda. Dengan desain yang sangat menawan namun

banyak diantara aplikasi tersebut yang belum tepat sasaran karena centdrung

mengedepankan visual daripada fungsinya.

Untuk itu diperlukan pengetahuan dan penelitian yang mendalam untuk

menciptakan aplikasi yang benar-benar memiliki kualitas baik secara fungsi maupun

visualnya sehingga dapat memberikan rasa nyaman untuk penggunanya

Berkaitan dengan hal tersebut aplikasi yang kami kembangkan ini sudah tentu

juga masih banyak kekurangan yang memerlukan pengujian dan penelitian yang lebih

dalam untuk menciptakan aplikasi yang lebih baik. Untuk itu kami mengharapkan saran

dan masukan dari berbagai pihak untuk melakukan evaluasi.

21