vi Universitas Kristen Maranatha
ABSTRAK
Program website untuk toko besi Bintang Jaya Steel yang saya rancang ini bertujuan untuk merekap data barang, konsumen, pelanggan, transaksi jual beli dan juga bagian administrasi dalam bidang jual beli bahan baku bangunan. Dalam program ini ada fungsi penjualan, pembelian dan admin. Pengguna dapat memasukan dan mengubah atau memperbaharui data barang, pelanggan, supplier dan juga dapat menambahkan tipe barang. Selain itu baik pelanggan maupun supplier dapat meminta retur, baik pada supplier atau menerima retur dari pelanggan. Pengguna juga dapat mencatat transaksi baik penjualan paupun pembelian berdasarkan faktur yang didapat oleh toko. Program ini mengubah sistem manual menjadi terotomatisasi.
vii Universitas Kristen Maranatha
ABSTRACT
The website program for the steel shop Bintang Jaya Steel was intended to reconcile the data of goods, consumers, customers, sale and purchase transactions and also the administration in the field of buying and selling of building materials. In this program there are sales, purchasing and admin functions. Users may enter and change or update data of goods, customers, suppliers and user may also add new types of goods. In addition, both customers and suppliers can request for product returns, either to the supplier or for the user to receive returns from customers. Users may also record either transaction sales or purchases based on invoices earned by the store. This program turns the manual system that the store previously had into an automated one.
viii Universitas Kristen Maranatha
DAFTAR ISI
LEMBAR PENGESAHAN ... i
PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... ii
PERNYATAAN PUBLIKASI LAPORAN PENELITIAN... iii
PRAKATA ... iv
ABSTRAK ... vi
ABSTRACT ... vii
DAFTAR ISI ... viii
DAFTAR GAMBAR ... x
DAFTAR TABEL ... xii
DAFTAR SIMBOL ... xiii
BAB 1 PENDAHULUAN ... 1 1.1 Latar Belakang ... 1 1.2 Rumusan Masalah ... 1 1.3 Tujuan Pembahasan ... 2 1.4 Ruang Lingkup ... 2 1.5 Sumber Data ... 3 1.6 Sistematika Penyajian ... 3
BAB 2 KAJIAN TEORI ... 5
2.1 Sistem Informasi ... 5
2.2 Flow Chart ... 5
2.3 Unified Modeling Language (UML) ... 5
2.4 Data Flow Diagram (DFD) ... 6
2.5 Entity Relationship Diagram (ERD) ... 6
2.6 MySQL ... 7
2.7 Hypertext Preprocessor (PHP) ... 7
2.8 Hypertext Markup Language (HTML) ... 7
2.9 Javascript ... 8
2.10 Black box testing ... 8
2.11 Penjualan ... 9
2.12 Pembelian ... 9
2.13 Retur ... 9
2.14 Basis Data... 10
ix Universitas Kristen Maranatha
3.1 Flowchart... 11
3.1.1 Flowchart Pembelian dan Pelunasan Hutang ... 11
3.1.2 Flowchart Penjualan ... 12
3.1.3 Flowchart Retur Pembelian ... 13
3.1.4 Flowchart Retur Penjualan ... 14
3.2 Entity Relationship Diagram ... 15
3.3 Use Case Diagram ... 16
3.4 Activity Diagram ... 17
3.4.1 Activity Diagram Tambah Penerimaan Barang ... 17
3.4.2 Activity Diagram Ubah Penerimaan Barang... 18
3.4.3 Activity Diagram Cetak Faktur Penerimaan Barang ... 18
3.4.4 Activity Diagram Posting Penerimaan Barang ... 20
3.4.5 Activity Diagram Tambah Pelunasan Hutang... 20
3.4.6 Activity Diagram Ubah Pelunasan Hutang ... 22
3.4.7 Activity Diagram Cetak Faktur Pelunasan Hutang ... 23
3.4.8 Activity Diagram Posting Pelunasan Hutang ... 24
3.4.9 Activity Diagram Tambah Pelunasan Piutang ... 24
3.4.10 Activity Diagram Ubah Pelunasan Piutang... 26
3.4.11 Activity Diagram Cetak Faktur Pelunasan Piutang ... 27
3.4.12 Activity Diagram Posting Pelunasan Piutang ... 27
3.5 Sitemap ... 28
BAB 4 IMPLEMENTASI ... 30
4.1 Implementasi Antarmuka ... 30
4.1.1 Tampilan Login ... 30
4.1.2 Tampilan Home ... 30
4.1.3 Tampilan Pendaftaran Tipe Barang Baru ... 32
4.1.4 Tampilan Pengelolaan Barang ... 32
4.1.5 Tampilan Pengelolaan Pelanggan ... 33
4.1.6 Tampilan Pembelian... 34
4.1.7 Tampilan Penjualan ... 36
4.1.8 Tampilan History ... 38
BAB 5 PENGUJIAN... 41
5.1 Black-Box Testing ... 41
5.1.1 Pengujian Black-Box - Login... 41
5.1.2 Pengujian Black-Box – Pendaftaran Barang Baru ... 42
5.1.3 Pengujian Black-Box – Pencatatan Order ... 42
5.1.4 Pengujian Black-Box – Update Barang ... 43
5.1.5 Pengujian Black-Box – Transaksi Penjualan ... 44
5.1.6 Pengujian Black-Box – Pembelian... 45
5.1.7 Pengujian Black-Box – Laporan ... 46
BAB 6 SIMPULAN DAN SARAN ... 47
6.1 Simpulan ... 47
6.2 Saran ... 47
x Universitas Kristen Maranatha
DAFTAR GAMBAR
Gambar 3-1 Flowchart Pembelian ... 11
Gambar 3-2 Flowchart Penjualan... 12
Gambar 3-3 Flowchart Retur Pembelian... 13
Gambar 3-4 Flowchart Retur Penjualan ... 14
Gambar 3-5 Entity Relationship Diagram... 15
Gambar 3-6 Use Case Diagram... 16
Gambar 3-7 Activity Tambah Penerimaan Barang ... 17
Gambar 3-8 Activity Diagram Ubah Penerimaan Barang ... 18
Gambar 3-9 Activity Diagram Cetak Faktur Penerimaan Barang ... 19
Gambar 3-10 Activity Diagram Posting Penerimaan Barang ... 20
Gambar 3-11 Activity Diagram Tambah Pelunasan Hutang ... 21
Gambar 3-12 Activity Diagram Tambah Barang ... 22
Gambar 3-13 Activity Diagram CetakFaktur Pelunasan Hutang ... 23
Gambar 3-14 Activity Diagram Posting Pelunasan Hutang ... 24
Gambar 3-15 Activity Diagram Tambah Pelunasan Piutang ... 25
Gambar 3-16 Activity Diagram Ubah Pelunasan Piutang ... 26
Gambar 3-17 Activity Diagram Cetak Faktur Pelunasan Piutang ... 27
Gambar 3-18 Activity Diagram Posting Pelunasan Piutang ... 28
Gambar 3-19 Sitemap ... 29
Gambar 4-1 Tampilan Login ... 30
Gambar 4-2 Tampilan Home Penjualan Pembelian ... 31
Gambar 4-3 Tampilan Pendaftaran Tipe Barang Baru ... 32
Gambar 4-4 Tampilan Pengelolaan Barang ... 33
Gambar 4-5 Tampilan Pengelolaan Pelanggan ... 33
Gambar 4-6 Halaman Update Pelanggan ... 34
Gambar 4-7 Tampilan Halaman Pembelian ... 35
Gambar 4-8 Halaman Chekout Pembelian ... 35
Gambar 4-9 Tampilan Halaman Penjualan ... 36
xi Universitas Kristen Maranatha
Gambar 4-11 Tampilan Form Penjualan 3 ... 37
Gambar 4-18 Tampilan Log Aktifitas Pegawai ... 38
Gambar 4-19 Tampilan Detail Piutang ... 38
Gambar 4-20 Tampilan Piutang Lunas ... 39
Gambar 4-21 Tampilan Hutang ... 39
Gambar 4-22 Tampilan Detail Hutang ... 40
xii Universitas Kristen Maranatha
DAFTAR TABEL
Tabel 5.1 Black-Box Testing Login ... 41
Tabel 5.2 Black-Box Testing Pendaftaran Barang Baru ... 42
Tabel 5.3 Black-Box Testing Pencatatan Pelanggan ... 43
Tabel 5.4 Black-Box Testing Pencatatan Supplier ... 43
Tabel 5.5 Black-Box Testing Update Barang ... 44
Tabel 5.6 Black-Box Testing Form Penjualan ... 44
Tabel 5.7 Black-Box Testing Checkout ... 45
Tabel 5.8 Black-Box Testing Form Pembelian ... 45
xiii Universitas Kristen Maranatha
DAFTAR SIMBOL
Jenis Simbol Nama Penjelasan
Flowchart Terminal
Simbol untuk memulai atau mengkahiri proses dalam flowchart
Flowchart Process Simbol yang menandakan proses yang dilakukan dalam sistem.
Flowchart Manual Operation
Simbol yang menandakan proses yang dilakukan diluar sistem.
Flowchart Decision Simbol untuk menunjukan pengambilan keputusan yang berisi lebih dari satu
kemungkinan.
Flowchart Document Data input berupa dokumen tertulis atau output yang dikeluarkan dalam bentuk tulisan.
Use Case Actor Entitas yang dapat
berhubungan dengan sistem dan memiliki akses ke fitur-fitur tertentu.
Use Case Use Case Simbol yang menandakan fitur yang dapat diakses dalam sistem.
xiv Universitas Kristen Maranatha
Activity Diagram
Activity Simbol yang menunjukan pekerjaan yang dilakukan oleh sistem.
Activity Diagram
Control Flow
Laju perputaran urutan sistem bekerja.
Activity Diagram
Initial State Simbol yang menyatakan
dimana aktifitas fungsi dimulai.
Activity Diagram
Final State Simbol yang menyatakan dimana aktifitas fungsi berakhir.
ERD Entity Simbol yang menunjukan sebuah entitas atau tabel
ERD Relationship Simbol yang menunjukan
hubungan antara satu atau lebih tabel
ERD Attribute Atribut atau field dari sebuah entitas
Referensi:
[1] R. S. Presman, Software Engineering a Practitioner Approach, Los Angeles: McGraw Hill, 2011.