PERANCANGAN WEBSITE SEBAGAI MEDIA INFORMASI DAN APLIKASI PENGOLAHAN DATA NASABAH PADA BANK SAMPAH SUMBER REZEKY KELURAHAN KARANG REJO BALIPAPAN
NASKAH PUBLIKASI
diajukan oleh
Feni Nidya Alvita 10.11.3617
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2014
WEBSITE DESIGN AS A MEDIA OF INFORMATION AND CUSTOMER DATA PROCESSING APPLICATIONS ON SUMBER REZEKY WASTE BANK KARANG REJO VILLAGE BALIKPAPAN PERANCANGAN WEBSITE SEBAGAI MEDIA INFORMASI DAN APLIKASI PENGOLAHAN DATA NASABAH PADA BANK SAMPAH SUMBER REZEKY KELURAHAN KARANG REJO BALIKPAPAN Feni Nidya Alvita Heri Sismoro Jurusan Teknik Informatika STIMIK AMIKOM YOGYAKARTA ABSTRACT Website design as Media and Applications Information Processing Customer Data Sources Lucky Garbage Bank is in contrast to existing applications in private banks or the country in general. Because, in the garbage bank, savings customers in the form of garbage and will be redeemable, but the money saved in the bank as savings. Data processing on this garbage bank is still manual, so it is not efficient and the risk of data loss is very strong. The benefits of the waste bank has not been widely known by the public. So, this website aims to introduce waste banks as well as information and the benefits of saving waste. Amount of data that must be recorded and re recap that takes a long time and customer data recording system that repeats very inefficient and ineffective. By because this website can also be as an application of data processing waste bank customers that can help minimize the loss of data, the recording is repeated and there are also menus to see customer data, balances, and could add to the customer. If the customer took the money she had saved, it will automatically balance information will be abated. This application is a web-based application created using Macromedia Dreamweaver for its web design and Php MyAdmin as the database. Here also there is a menu to print the details of customer data. With this website, the bank managers will waste much easier to process data clients effectively, efficiently and transparently as well as a medium of information for many people. Keywords: Website design, waste bank
1.
Pendahuluan Bank Sampah adalah bank tempat menabung dalam bentuk sampah yang telah dkelompokan sesuai jenisnya. Mereka juga mendapat buku tabungan yang didalam nya tertera nilai rupiah dari sampah yang sudah mereka tabung dan dapat dilakukan penarikan dalam bentuk uang bukan sampah. Di bank sampah sumber rezeky ini juga pengerjaan data nya menggunakan sistem semi manual dengan menggunakan Ms. Office dan Ms. Excel jadi resiko kehilangan data besar dan pembaharuan data baru akan dilakukan berulang. Bank Sampah Sumber Rezeky juga telah memiliki nasabah yang lumayan banyak,
biasanya untuk mengetahui data mereka dan jumlah
saldo mereka, mereka harus datang ke bank sampah dan pengelola bank sampah harus mencari dan menjumlah kan secara manual dan ini sangat tidak efisien dan efektif mengingat nasabah bank sampah yang lumayan banyak. Dengan adanya sistem ini diharapkan dapat mempermudah nasabah bank
sampah
yang
ingin
mengetahui
data
dan
saldo
mereka
serta
mempermudah nasabah melakukan transakasi secara online. Selain itu juga membantu pengelola untuk melakukan olah data dengan efisien, efektif dan transparan serta dapat membantu program pemerintah untuk mengurangi sampah di setiap daerah dengan informasi di website ini.
2.
Landasan Teori
2.1
Pengertian Sistem Sistem
adalah
suatu
kumpulan
komponen-komponen
yang
bertinteraksi
membentuk suatu kesatuan dan keutuhan yang komplek di dalam tingkat tertentu untuk mengejar tujuan yang umum (Widyatama, par. 1) 2.2
Pengertian Informasi Informasi adalah data yang dirubah menjadi bentuk yang lebih berguna dan berarti bagi pihak yang menerimanya. Sedangkan data adalah suatu kenyataan yang menggambarkan suatu kejadian-kejadian dari kesatuan nyata (“Konsep Dasar Informasi, par. 4)
2.3
Pengertian Bank Sampah Bank Sampah adalah bank tempat menabung dalam bentuk sampah yang telah dkelompokan sesuai jenisnya.Mereka juga mendapat buku tabungan yang didalam nya tertera nilai rupiah dari sampah yang sudah mereka tabung dan dapat dilakukan penarikan dalam bentuk uang bukan sampah. Sampah yang ditabung, ditimbang dan dihargai dengan
nantinya akan dijual ke di pabrik yang sudah
bekerja sama (Irfan, par. 1)
1
2.4
Pengenalan Website Website adalah kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format HTML ( Hyper Text Markup Language ), yang selalu bisa diakses melalui HTTP, yaitu sebuah protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser.dan Website atau situs dapat juga diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink) (Tegar Arian, par. 1)
2.5
PHP PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik.Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat. Hubungan PHP dengan HTML adalah halaman web biasanya disusun dari kode-kode html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) kebrowser, kemudian browser menerjemahkan kode-kode tersebut sehinggamenghasilkan suatu tampilan yang indah. Lain halnya dengan program php, program ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html yangdikirim ke browser agar dapat ditampilkan.Program ini dapat berdiri sendiri ataupundisisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan kode-kode html tersebut. Program php dapat ditambahkan dengan mengapit program tersebut di antara tanda .Tandatanda tersebut biasanya disebut anda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi .php3 atau .php. PHP merupakan bahasa pemograman web yang bersifat server-side
2.6
MySQL MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (DBMS) yang multithread, dan multi-user.MySQL adalah implementasi dari sistem manajemen basisdata relasional (RDBMS). MySQL dibuah oleh TcX dan telah dipercaya mengelola sistem dengan 40 buah database berisi 10.000 tabel dan 500 di antaranya memiliki 7 juta baris.
2
2.7
Basis Data Basisdata atau Database adalah kumpulan dari berbagai data/informasi yang saling berhubungan satu sama lain, disimpan di dalam perangkat keras (komputer) secara sistematis sehingga dapat diolah menggunakan perangkat lunak. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri basis data disebut sistem manajemen basis data (database management system atau disingkat DBMS) (“Pengertian Basis Data,” par. 1)
3
Analaisis dan Perancangan Sistem
3.1
Analisis Sistem Analisis sistem adalah penelitian atas sistem yang telah ada dengan tujuan untuk merancang sistem yang baru atau diperbarui. Tahap analisis sistem ini merupakan tahap yang sangat kritis dan sangat penting, karena kesalahan di dalamtahap ini akan menyebabkan juga kesalahan di tahap selanjutnya. Langkah langkah analisis sistem : 1. Identify 2. Understand 3. Analyze 4. Report
3.2
Analisi PIECES Menurut Fatta (2007, h. 51) analisis yang dapat digunakan adalah panduan yang
dikenal
dengan
analisa
PIECES
(Performance,
Information,
Economy,Control, Eficiency dan Service) diuraikan sebagai berikut : 3.2.1
Analisis Kinerja(Performance) Masalah kinerja terjadi ketika tugas-tugas pendataan nasabah tidak berjalan mencapai sasaran. Kinerja diukur dengan jumlah produksi dan waktu tanggap. Jumlah produksi adalah jumlah pekerjaan yang bisa diselesaikan selama jangka waktu tertentu. Waktu tanggap adalah keterlambatan rata-rata antara suatu transaksi dengan tanggapan yang diberikan kepada transaksi tersebut.
3
Tabel 3.1 Analisis Kinerja Parameter -
Jumlah Produksi
Hasil Analisis -
Penginputan data nasabah bank sampah diawali dengan perekapan data sampah yang ditabung oleh nasabah yang tertulis di buku tabungan timbangan mingguan.
-
Waktu Tanggap
Untuk
mengetahui
data
nsabah,
jenis
yang
ditabung dan jumlah saldo juga membutuhkan waktu 170 detik kemudian.
3.2.2
Analisis Informasi(Information) Apabila kemampuan dan kualitas informasi baik, nasabha akan mendapat informasi yang akurat, tepat waktu dan relevan dengan yangdiharapkan. Tabel 3.2 Analisis Informasi Parameter
-
Akurat
Hasil Analisis -
Kurang akurat dikarena dalam merekap data nasbah bank sampah hanya membaca data yang dicatat sekertaris saat penimbangan sampah, sehingga dihawatirkan akan terjadi kesalahan penulisan data. Contoh:
Sekertaris
salah
menulisakan
berat
timbangan atau jenis barang, karena setiap barang mempunya nilai rupiah yang berbeda. -
Waktu Tanggap
-
Informasi data barang yang diberikan kepada nasabah tidak tepat waktu. Contoh : Ketika nasabah ingin mengetahui saldonya atau informasi tabungannya, harus menghubungi pengelola yang belum tentu selalu ada di tempat.
-
Relevan
Sudah dapat memberikan informasi jumlah tiap sub tabungan, namun belum mampu memberikan informasi jumlah total tabungan.
4
3.2.3
Analisis Ekonomi(Economic) Dalam suatu lembaga atau organisasi yang modern dan dinamis dituntuthal-hal yang lebih efisien, terutama dalam kaitannya dengan aspek ekonomi, agarkeuntungan dan manfaat yang diperoleh dapat maksimal. Tabel 3.3 Analisis Ekonomi Parameter
-
Biaya dan Manfaat
Hasil Analisis -
Biaya yang dikeluarkan memang banyak namun sangat bermanfaat. Contohnya: Pembelian buku untuk
pencatatan
data nasabah bank sampah, pembelian box file untuk
penyimpanan
lembaran
kertas
dan
pembelian bolpoin untuk alat tulis.
3.2.4
Analsisis Pengendalian(Control) Pengendalian dalam sebuah sistem sangat diperlukan keberadaannya untuk menghindari dan mendeteksi secara dini terhadap penyalahgunaan atau kesalahansistem serta untuk menjamin keamanan data atau informasi Tabel 3.4 Analisis Pengendalian Parameter
-
Keamanan Informasi
Hasil Analisis -
Dokumen data nasabah tidak memiliki backup data.
3.2.5
Analisis Efisiensi(Efficiency) Merupakan peningkatan terhadap efisiensi operasi. Efisiensi berbeda dengan ekonomis. Efisiensi berhubungan dengan sumber daya yang dipakai dengan pemborosan paling minimum.
5
Tabel 3.5 Analisis Efisiensi Parameter -
Tenaga
Hasil Analisis -
Banyak
tenaga
yang
dibutuhkan.
Contoh
:
tenaga
pencatatan awal kegiatan penabungan sampah, tenaga pengelola yang mencatat ulang setiap kegiatan. -
Waktu
-
Data diperoses dalam waktu panjang karena pengimputan data masih manual dengan menuliskan di buku.
-
3.2.6
Material
Material yang dibutuhkan lumayan banyak, seperti almari arsip dan box arsip.
Analsisis Pelayanan(Service) Merupakan faktor yang menentukan apakah lembaga atau instansi dapat mencapai tujuan dari pembentukan kebijakan atau tidak. Karena perkembangan lembaga atau organisasi dipicu kepuasan pelayanan yang baik. Tabel 3.6 Analisis Pelayanan Parameter
-
Kepuasan Pelayanan
Hasil Analisis -
Ketika pengelola tidak ada ditempat, nasabah yang dating pasti tidak dapat informasi yang mereka inginkan.
-
Terjadinya
kejenuhan
dalam
mendapatkan
informasi detail barang karena data harus dicari dengan membuka sheety by sheet.Waktu terbuang bisa 2-5 menit.
3.3
Perancangan Sistem
3.3.1 Data Folw Diagram (DFD) 3.3.1.1 Diagram Konteks
6
Gambar 3.1 Diagram Konteks
3.3.1.2 DFD Level 0
Gambar 3.2 DFD Level 0
7
3.3.1.3 DFD Level 1 pada Nasabah
Gambar 3.3 DFD Level 1 pada Nasabah
3.3.1.4 DFD Level 1 pada Barang
Gambar 3.4 DFD Level 1 pada Barang
3.3.1.5 DFD Level 1 pada Kategori
Gambar 3.5 DFD Level 1 pada Kategori
8
3.3.1.6 DFD Level 1 pada Data Bank Sampah
Gambar 3.6 DFD Level 1 pada Data Bank Sampah 3.3.1.7 DFD Level 1 pada Laporan
Gambar 3.7 DFD Level 1 pada Laporan 3.3.1.8 DFD Level 1 pada Transaksi
Gambar 3.8 DFD Level pada Laporan
9
3.3.2 Entity Relationship Diagram (ERD)
Gambar 3.9 ERD 3.3.3
Rancangan Tabel Database
a. Nasabah Nama Tabel :Nasabah Primary Key :Id_Nasabah Foreign Key : Jumlah Field :9 Fungsi : menyimpan data nasabah Tabel 3.7 Rancangan Tabel Nasabah No
Nama Field
Tipe
Lebar
Keterangan
1
Id_Nasabah*
Integer
8
Identity (Primary Key)
2
Nama
Varchar
100
3
Jenis_bank
enum
„bca‟,‟bni‟,‟bri‟,‟mandiri‟
Gambar profil
4
Jenis Kelamin
enum
„l‟,‟p‟
Jenis Kelamin
5
Alamat
Varchar
150
Alamat nasabah
6
No HP
Integer
14
No telepon
7
Username
Varchar
100
Username untuk login
8
Password
Varchar
50
Password untuk login
9
No rekening
Varchar
50
No rekening
10
Bank Lain
Varchar
20
Jika tidak ada di jenis
Nama pengguna
bank
10
b. Barang Nama Tabel :Barang Primary Key :Id_Barang Foreign Key :Id_Kategori, Id_Nasabah Jumlah Field :10 Fungsi : menyimpan data barang Tabel 3.8 Rancangan Tabel Barang No
c.
Nama Field
Tipe
Lebar
Keterangan
1
Id_Barang*
Integer
10
Identity (Primary Key)
2
Id_kategori**
Integer
10
Foreign key
3
Id_nasabah**
Integer
10
Foreign key
4
Nama barang
Varchar
20
Nama barang
5
satuan
Varchar
20
Satuan
6
Tgl masuk
Datetime
-
Tangal masuk
7
Kondisi barang
Varchar
20
Kondisi barang
8
Jumlah barang
Varchar
100
Jumlah barang
10
Harga
Integer
50
Harga barang
Kategori Nama Tabel :Kategori Primary Key :Id_Kategori Foreign Key :Jumlah Field : 2 Fungsi : menyimpan data kategoribarang Tabel 3.9 Rancangan Tabel Kategori Barang No
Nama Field
Tipe
Lebar
Keterangan
1
Id_Kategori*
Integer
10
Identity (Primary Key)
2
kategori
Varchar
100
Kategori
d. Transaksi Nama Tabel :Transaksi Primary Key :Id_Transaksi Foreign Key :Id_Nasabah Jumlah Field : 7 Fungsi : menyimpan data transaksi
11
Tabel 3.10 Rancangan Tabel Transaksi No
Nama Field
Tipe
Lebar
Keterangan
1
Id_Transaksi*
Integer
10
Identity (Primary Key)
2
Id_Nasabah**
Integer
8
Foreign key
3
Tgl transaksi
Time/date
1
Tanggal transaksi
5
Keterangan
Varchar
150
Keterangan
6
debit
Integer
20
Debit
7
kredit
Integer
20
Kredit
e. Bank Sampah Nama Tabel :Bank Sampah Primary Key :Id_data Foreign Key : Jumlah Field : 4 Fungsi : menyimpan data transaksi Tabel 3.11 Rancangan Tabel Transaksi
f.
No
Nama Field
Tipe
Lebar
Keterangan
1
Id_banksampah*
Integer
10
Identity (Primary Key)
2
Judul_gambar
Varchar
50
Judul gambar
3
Nama_file
Varchar
50
Nama_file
4
Keterangan
Varchar
20
Keterangan
Super admin Nama Tabel :Super Admin Primary Key :Id_superadmin Foreign Key : Jumlah Field : 6 Fungsi : menyimpan data superadmin Tabel 3.12 Rancangan Tabel Superadmin No
Nama Field
Tipe
Lebar
1
Id_superadmin*
Integer
10
Identity (Primary Key)
2
nama
Varchar
50
Nama admin
3
Password
Varchar
50
Password login
12
Keterangan
3.3.4
5
Nama_lengakp
Varchar
150
Nama admin
6
email
Varchar
20
Email admin
7
No_telp
Integer
15
No telepon admin
Perancangan Interface/Antarmuka
3.3.4.1 Desain Input adalah desain dari dokumentasi dasar yang digunakan untuk menangkap data, kode-kode input yang digunakan dan bentuk tampilan pada alat input. 1.Rancangan Login
Gambar 3.10 Rancangan Login 2.Rancangan Menu Utama
Gambar 3.11 Rancangan Menu Utama
13
3.Rancangan Registrasi
Gambar 3.12 Rancangan Registrasi
4.Rancangan Penarikan Saldo
Gambar 3.13 Rancangan Penarikan Saldo
3.3.4.2 Rancangan Output 1. Rancangan Laporan Nasabah
3.14
Rancangan Laporan Nasabah
14
1.
Implementasi dan Pembahasan
4.1 Implementasi Tahapan implementasi sistem (system implemention) merupakan tahapan yang paling penting dan mendasar, dimana pada tahapan ini sistem telah siapuntuk diletakkan dan dioperasikan. Termasuk di dalamnya pembuatan database, pembuatan program dan pembuatan layout halaman aplikasi. Adapun tahapan implemantasi sistem adalah sebagai berikut: 1. Pemilihan dan pelatihan administrator 2. Cara kerja sistem secara umum 3. Pengetesan sistem 4. Konversi sistem 5. Manual Program 4.2 Pembahasan 4.2.1
Manual Program
Gambar 4.1 Halaman Login
4.2.1.1 Database
Gambar 4.2 Database
15
5. Penutup 5.1 Kesimpulan Berdasarkan pembahasan pada halaman sebelumnya, yang mencakup datadata pembuatan laporan skripsi dengan judul “Perancangan Website sebagai Media Informasi dan Aplikasi Pengolahan Data Nasabah Bank Sampah Sumber Rezeky Kelurahan Karang Rejo Balikpapan”, serta sekaligus menjawab rumusan masalah pada Bab I, maka dapat diambil kesimpulan sebagai berikut: 1. Pengelola bank sampah tidak direpotkan lagi dengan pencatatan data-data dan kegiatan secara manual dan berulang. 2. Mempermudah kinerja pengelola dalam mempebarui data barang yakni dengan mengisi form yang telah disediakan sistem. 3. Nasabah dapat mengetahui saldo mereka kapan saja tanpa harus datang ke bank sampah dan juga dapa melakukan transaksi penarikan saldo secara online. 4. Masyarakat dapat mengetahui informasi bank sampah dan manfaat adanya bank sampah. 5.2 Saran Kiranya skripsi ini dengan segala manfaat, kelebihan, dan kekurangan dapat diterima serta memberi manfaat bagi mahasiswa jurusan teknik informatika STMIK AMIKOM Yogyakarta pada umumnya dan seluruh masyarakat. Adapun saran dari peneliti yang akan disampaikan kepada pembaca dan semua pihak yang ingin membuat website yang hampir sama dengan ini agar dapat melengkapi dan memperbaiki serta memperhatikan kekurangan yang ada, antara lain: 1. Pengelola bank sampah (admin) supaya lebih memperhatikan website untuk selalu up to date agar lebih cepat tersampainya informasi kepada pengguna sistem. 2. Dapat ditambahkan cetak laporan berdasarkan bulan dan tahun jika diperlukan. 3. Membuat menu notifikasi, sehingga ketika ada perubahan baru dari user akan lebih cepat ditanggapi admin. 4. Membuat menu download dokumen. Menu ini dapat sangat bermanfaat bila ada data barang yang berbentuk softcopy, sehingga user dapat langsung mendownloadnya.
16
DAFTAR PUSTAKA
Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi. Yogyakarta: Andi.
Fathansyah. 1999. Basis Data. Bandung: Informatika.
Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Yogyakarta: PT. Elex Media Komputindo.
Iskandar. 2009. Panduan Lengkap Internet. Yogyakarta: Andi Offset.
Kadir, Abdul. 1999. Konsep dan Tuntutan Praktis Basis Data. Yogyakarta: Andi.
Nugroho, Adi. 2004. Konsep Pengembangan Basis Data. Bandung: Informatika.
Sidharta, Lani. 1995. Sistem Informasi Bisnis: Pengantar Sistem Informasi Bisnis. Jakarta: Elex Media Komputindo.
Wahyono, Teguh. 2004. Sistem Informasi Konsep Dasar, Analisis Desain dan Iplementasi. Yogyakarta : Graha Ilmu.
Itfan. 2012. Apa itu bank sampah? Dan apa manfaatnya?. http://itfanweb.blogspot.com/2012/04/apa-itu-bank-sampah-dan-apamanfaatnya.html. diakses 16 April 2012
17
