TUGAS DASAR PEMOGRAMAN WEB

APLIKASI TABUNGAN BERBASIS WEB

LAPORAN
DIAJUKAN UNTUK MELENGKAPI TUGAS MATA KULIAH DASAR
PEMOGRAMAN WEB YANG DI AMPU OLEH
BAPAK ANDRI ADIKUSUMAH., S.KOM M.KOM

Disusun oleh :
ANDY SUPRIYANDI
LUTHFAN FIKRI BUDIMAN
SARAH SAMAHIR ZENAL
RIZAL ABDUL MAJID
IKHWAN ALAMSYAH
DEVA NOPIAYANA

5520114007
5520114009
5520114014
5520114032
5520114038
5520114037

FAKULTAS TEKNIK PROGRAM STUDI INFORMATIKA

UNIVERSITAS SURYAKANCANA
2016

DAFTAR ISI

DAFTAR ISI.............................................................................................................i
KATA PENGANTAR..............................................................................................ii
BAB I PENDAHULUAN.......................................................................................7
1.1. Latar Belakang................................................................................................7
1.2. Rumusan Masalah...........................................................................................7
1.3. Tujuan.............................................................................................................8
BAB II PEMBAHASAN........................................................................................9
2.1. Gambar dan penjelasan ERD antar entitas.....................................................9
2.2. Penjelasan Struktur Basis Data.....................................................................10
2.3. Menjelaskan Struktur Navigasi dalam bentuk diagram hierarki..................13
2.4. Struktur Menu Aplikasi................................................................................14
BAB III PENUTUP..............................................................................................16
3.1. Kesimpulan...................................................................................................16

KATA PENGANTAR

Bismillahirrahmannirrahim
Segala puji bagi Allah SWT yang telah memberikan nikmat serta hidayahNya terutama nikmat kesempatan dan kesehatan shingga penulis dapat
menyelesaikan makalah mata kuliah Dasar Pemograman Web. Kemudian
shalawat beserta salam kita sampaikan kepada Nabi besar kita, Muhammad SAW.
Makalah ini merupakan suatu tugas mata kuliah Dasar Pemograman Web
di program studi teknik informatika Fakultas Teknik Universitas Suryakancana
Cianjur. Selanjutnya penulis mengucapkan terima kasih yang sebesar-besarnya
kepada Bapak Andri Adikusumah,S.Kom M.Kom selaku dosen pembimbing mata
kuliah Dasar Pemograman Web dan kepada segenap pihak yang telah memberikan
bimbingan serta arahan penulisan makalah ini.
Akhirnya penulis menyadari bahwa banyak kekurangan-kekurangan dalam
penulisan makalah ini, maka dari itu penulis mengharapkan kritik dan saran yang
membangun dari para pembaca demi kesempurnaah makalah ini.

Cianjur, Januari 2016

Penulis

BAB I
PENDAHULUAN

1.1. Latar Belakang

Internet pada zaman modern saat ini sudah menjadi kebutuhan
pokok dan menjadi hal yang tidak terpiasahkan bagi kebanyakan orang,ada
pengguna internet Bompute pula pembuat aplikasi internet dan aplikasi
web.Tetapi lain halnya dengan pembuat,pembuat harus mampu dan
memahami

bagaimana

aplikasi

internet

tersebutbisa

di

buat,bahasa

pemograman apa yang harus di gunakan,bagaimana mnyusun sebuah program

untuk membuat aplikasi internet sehingga menjaid sebuah halaman web yang
bagus sesuai dengan yang di harapkan.
Aplikasi web juga merupakan

sebuah

aplikasi

teknologi

menggunakan teknologi browser untuk menjalankan aplikasi dan di akses

melalui jaringan Bomputer.Aplikasi web juga merupakan suatu perangkat
lunak Bomputer yang di kodekan dalam bahasa pemograman yang
mendukung perangkat lunak berbasis web seperti HTML,Javascript,CSS,PHP
dan bahasa pemograman lainnya.
1.2. Rumusan Masalah
1.
2.
3.
4.

Menjelaskan tentang ERD dan relasi antar entitasnya

Menjelaskan Struktur Database dalam setiap tabel
Menjelaskan Struktur Navigasi dalam bentuk diagram hierarki
Menjelaskan Struktur Menu Aplikasi

1.3. Tujuan

1.
2.
3.
4.

Pembaca memahami ERD dan relasi antar entitasnya

Pembaca memahami StrukturDatabase dalam setiap tabelnya
Pembaca memahami Struktur Navigasi
Pembaca memahami Struktur Menu aplikasi

BAB II
PEMBAHASAN

2.1. Gambar dan penjelasan ERD antar entitas

a. Gambar ERD

b. Penjelasan alur gambar ERD

Admin: Admin bertugas menangani segala hal mengenai Nasabah

serta Transaksi yang Nasabah lakukan.

Nasabah: Nasabah itu sendiri beserta Transaksi yang dia lakukan

ditangani oleh Admin.

Transaksi: Dilakukan oleh Nasabah dengan bantuan Admin, berisi
tentang segala macam rekaman transaksi yang dilakukan oleh
Nasabah, yang berisi nilai transaksi, jenis transaksi, tanggal transaksi.

2.2. Penjelasan Struktur Basis Data

2.2.1

Uraian Tabel

a. Tabel User
Berisi username, password, dan level dari pengguna,
yaitu Nasabah dan Admin. Untuk bisa memakai aplikasi
tabungan,

pengguna,

Nasabah

ataupun

Admin,

harus

memasukan username dan password sesuai yang mereka miliki /

daftarkan. Di aplikasi, hanya ada satu form, dan itulah fungsi
dari field yang ketiga, yaitu level, untuk membedakan jenis
pengguna, yaitu apakah Nasabah, ataupun Admin.
Disaat

pendaftaran Admin

atau

Nasabah,

secara

otomatis, id_admin atau id_nasabah yang mereka miliki akan

menjadi username untuk mereka gunakan untuk melakukan
proses log in
b. Tabel Admin
Berisi id_admin, password_admin, nama, no_telp dari
Admin yang terdaftar untuk mengurusi tabungan. Fungsi dari
id_admin dan password_admin adalah sebagai username dan
password yang bisa digunakan untuk melakukan proses Log In
ke dalam aplikasi.
c. Tabel Nasabah
Berisi id_nasabah, password_nasabah, nama_nasabah,
alamat_nasabah, notelp_nasabah dan saldo_nasabah, yang

10

merupakan detail yang dimiliki oleh Nasabah yang menabung.

id_nasabah dan password_nasabah berfungsi sebagai username
dan password yang bisa digunakan Nasabah untuk melakukan
proses Log In ke dalam aplikasi untuk mengecek saldo. Disaat
seorang Nasabah pertama kali didaftarkan, password_nasabah
miliknya secara otomatis akan diisi 12345, untuk nantinya
diganti oleh dirinya sendiri, sesuai dengan keinginannya.
d. Tabel Transaksi
Berisi

id_transaksi,

id_nasabah

,id_admin,

tanggal_transaksi, jenis_transaksi, nilai, saldo_awal, dan

saldo_akhir, yaitu segala detail transaksi yang dilakukan oleh
Nasabah dan Admin. Dari tabel inilah bisa diketahui saldo
Nasabah, perubahan yang terjadi pada saldo tersebut, beserta
siapa Admin yang bertanggung jawab terhadap suatu transaksi.
2.2.2

Hubungan Antar Tabel

a. Pendaftaran Nasabah
Nasabah yang terdaftar akan mengisi tabel Nasabah
dengan isi yaitu berdasarkan data yang diisikan oleh Admin.
Secara default, password nasabah akan diisi oleh 12345.
Selain itu, secara otomatis, akan dilakukan proses pemasukan ke
tabel User dan Transaksi.
Proses pemasukan data ke tabel User berguna agar
Nasabah yang terdaftar bisa melakukan proses log in untuk
mengecek saldo tabungan mereka.

11

Proses pemasukan data ke tabel Transaksi dilakukan

untuk menyimpan simpanan pertama yang disertakan dalam
proses pendaftaran yang dianggap sebagai transaksi pertama dari
nasabah yang daftar tersebut.
b. Pendaftaran Admin
Admin hanya bisa didaftarkan oleh Programmer /
Pengurus Database / Pembuat Aplikasi. Data dimasukan ke
dalam Tabel Admin, dan secara otomatis, akan masuk ke tabel
User, sehingga Admin yang didaftarkan bisa melakukan proses
Log In untuk mengurusi tabungan.

12

2.3. Menjelaskan Struktur Navigasi dalam bentuk diagram hierarki

a. Struktur Navigasi

b. Penjelasan Alur Navigasi

Ketika aplikasi diakses, halaman login akan muncul. User atau
pengguna diminta memasukan username dan password yang dia punya.
Setelah User memasukan username & password-nya, aplikasi akan
mengecek level dari User. Jika level User adalah Admin, User akan
dipindahkan ke halaman Admin. Begitu juga jika User adalah Nasabah,
maka User akan dipindahkan ke halaman Nasabah.
Jika user adalah Admin, user akan bisa melihat Informasi
Tabungan, pilihan mengganti password, dan log out. Di Informasi
Tabungan, User bisa melihat informasi dari tabungan itu sendiri, informasi
nasabah, dan melakukan transaksi yang ingin dilakukan oleh nasabah.

13

Jika user adalah Nasabah, user akan bisa melihat informasi

tabungannya

sendiri.

Di

halamannya

pun

user

bisa

mengganti

passwordnya.
2.4. Struktur Menu Aplikasi

a. Struktur Menu Aplikasi

b. Penjelasan alur struktur menu

Login sebagai Admin

Setelah User melakukan proses log in sebagai Admin, akan
tertampil Informasi Tabungan, Edit Akun, dan Log Out. Di dalam

14

Informasi Tabungan terdapat Detail Tabungan, Pencarian Nasabah,

Daftar Nasabah dan Detail Nasabah.

Login sebagai Nasabah

Setelah user melakukan proses log in sebagai admin, akan
tertampil Informasi Tabungan, Edit Akun, dan Log Out. Di dalam
Informasi Tabungan terdapat Detail Tabungan, Pencarian Nasabah,
Daftar Nasabah dan Detail Nasabah.

15

BAB III
PENUTUP

3.1. Kesimpulan
Demikianlah laporan
membahas

tentang

aplikasi

mata kuliah Dasar Pemograman Web yang

tabungan

bank.tentunya

masih

banyak

kekurangan kelemahan karena terbatasnya pengetahuan kurangnya rujukan

dan referensi yang kami peroleh hubungannya dengan makalah ini penulis
banyak berharap kepada para pembaca yang budiman memberikan kritik
saran yang membangun kepada kami demi sempurnanya laporan ini.sekian
penutup dari kami ssemoga dapat di terima di hati dan kami ucapkan terima
kasih yang sebesar besarnya.Dan semoga laporan ini dapat bermanfaat bagi
penulis para pembaca khusu pada penulis.Aamin

16