Aplikasi Desktop Berbasis Web Untuk Pengolahan Data Toko Baut Mulia Abadi.

(1)

vi Universitas Kristen Maranatha

ABSTRACT

This project in create to handle the goods in Mulia Abadi bolt shop problems emerging that is handling of goods data processing which too much for in handling because still using paper media, therefore there is still much mistake appear which can disadvantage shop. This project created to handle that situation, with modern technology, in this case is website which way is very useful to handle goods data processing, and many shop already used this technology to make a job much easier.

(2)

vii Universitas Kristen Maranatha

ABSTRAK

Proyek ini di buat untuk menangani barang yang ada di toko baut Mulia Abadi.

permasalahan yang muncul yaitu pengolahan data barang yang terlalu banyak untuk ditangani, dikarenakan masih menggunakan media kertas, sehingga sering terjadi kesalahan-kesalahan yang dapat merugikan toko. Proyek ini di buat untuk menangani

situasi tersebut, dengan teknologi modern, dalam hal ini yaitu website yang mana

sangat bermanfaat dalam pengolahan data barang, dan banyak toko sudah menggunakan teknologi ini untuk mempermudah pekerjaan.

(3)

viii Universitas Kristen Maranatha

DAFTAR ISI

LEMBAR PENGESAHAN ... i

PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... ii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii

PRAKATA ... iv

ABSTRACT ... vi

ABSTRAK ... vii

DAFTAR ISI... viii

DAFTAR GAMBAR ... xi

DAFTAR TABEL ... xiv

DAFTAR LAMPIRAN ... xvii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 2

1.3 Tujuan Pembahasan ... 2

1.4 Ruang Lingkup Kajian ... 3

1.6 Sistematika Penulisan ... 4

BAB II KAJIAN TEORI ... 6

2.1 Pengertian Sistem Informasi ... 6

2.2 Karakteristik Sistem ... 6

2.3 Pengertian Basis Data ... 8

2.3.1 Pengertian Entity Relational Diagram (ERD) ... 8

2.3.2 Hubungan Antar Tabel ... 10

2.4 Pengertian DBMS ... 11

2.4.1 SQL Server 2005 Express ... 12

2.5 Teknologi ASP.NET ... 13

2.5.1 ASP dan ASP.NET ... 13

2.5.2 ASP vs ASP.NET ... 13

2.5.3 Kenapa ASP.NET ? ... 13

2.5.4 Keunggulan ASP.NET ... 14

(4)

ix Universitas Kristen Maranatha

2.7 VB.NET ... 15

2.8 Data Flow Diagram (DFD) ... 16

2.8.1 Pengertian Kamus Data ... 17

2.8.2 Hubungan DFD dan kamus data ... 18

2.8.3 Isi kamus data ... 18

2.8.4 Proses Spesifikasi (ProcessSpecification) ... 19

2.8.5 Hubungan DFD dengan PSPEC ... 19

2.8.6 Isi PSPEC ... 19

2.9 Black Box Testing ... 20

2.10 Flowchart... 20

BAB III ANALISIS DAN RANCANGAN SISTEM ... 22

3.1 Proses Bisnis ... 22

3.2 Flowchart... 23

3.2.1 Flowchart pengolahan data barang ... 23

3.2.2 Flowchart pengolahan data customer ... 24

3.2.3 Flowchart pengolahan data supplier ... 25

3.2.4 Flowchart penjualan ... 26

3.2.5 Flowchart pembelian ... 27

3.2.6 Flowchart pengadaan barang ... 28

3.3 Entity Relational Diagram ... 29

3.4 Skema Relasi ... 30

3.5 Data Flow Diagram (DFD) ... 33

3.4.1 DFD level 0 (konteks diagram) ... 33

3.4.2 DFD level 1 ... 37

3.4.3 DFD level 2 proses 1 ... 40

3.4.10 DFD level 2 Proses 8 ... 46

(5)

x Universitas Kristen Maranatha

3.7 Proses Specification (PSPEC) ... 56

3.8 User Interface Design (UID) ... 68

BAB IV HASIL PENELITIAN ... 79

IV.1 Halaman Login ... 79

IV.2 Halaman hasil penelitian pengolahan data barang ... 80

VI.3 Halaman hasil penelitian pengolahan data supplier ... 83

IV.4 Halaman hasil penelitian pengolahan data customer ... 86

IV.5 Halaman hasil penelitian penjualan data barang ... 89

IV.6 Halaman hasil penelitian pengolahan data piutang ... 92

IV.7 Halaman hasil penelitian pemesanan data barang ... 95

IV.8 Halaman hasil penelitian pengolahan data utang ... 97

IV.9 Halaman hasil penelitian lihat omset data penjualan ... 100

BAB V PEMBAHASAN DAN HASIL UJI COBA PENELIITIAN ... 101

V.1 Pengujian proses login ... 101

V.2 Pengujian proses pengolahan data barang ... 102

V.2 Pengujian proses pengolahan data supplier ... 104

V.3 Pengujian proses pengolahan data customer ... 106

V.4 Pengujian proses penjualan data barang ... 108

V.5 Pengujian proses pemesanan data barang ... 109

V.6 Kuesioner ... 110

V.9 Hasil Kuesioner ... 112

BAB VI SIMPULAN DAN SARAN ... 115

VI.1 Simpulan ... 115

VI.2 Saran ... 115

DAFTAR PUSTAKA ... 116

(6)

xi Universitas Kristen Maranatha

DAFTAR GAMBAR

Gambar 1. Kardinalitas yang digunakan dalam ERD ... 10

Gambar 2 . Flowchart pengolahan data barang ... 23

Gambar 3 . Flowchart pengolahan data customer ... 23

Gambar 4 . Flowchart pengolahan data supplier ... 25

Gambar 5 . Flowchart penjualan ... 26

Gambar 6 . Flowchart pembelian ... 27

Gambar 7 . Flowchart pengadaan barang ... 28

Gambar 8 . Entity Relational Diagram... 29

Gambar 9. DFD level 0 (Konteks Diagram) ... 33

Gambar 10. DFD level 1 ... 37

Gambar 11. DFD level 2 proses 1 ... 40

Gambar 19. UID login ... 68

Gambar 20. UID tambah data barang ... 68

Gambar 21. UID ubah data barang ... 69

Gambar 22. UID cari data barang ... 69

Gambar 23. UID penjualan data barang ... 70

Gambar 24. UID lihat penjualan data barang ... 70

Gambar 25. UID tambah data customer ... 71

Gambar 26. UID ubah data customer ... 71

Gambar 27. UID cari data customer ... 72

Gambar 28. UID tambah data supplier ... 72

Gambar 29. UID ubah data supplier ... 73

(7)

xii Universitas Kristen Maranatha

Gambar 31. UID tambah data pemesanan barang ... 74

Gambar 32. UID lihat data pemesanan barang ... 74

Gambar 33. UID tambah data piutang ... 75

Gambar 34. UID lihat data piutang ... 75

Gambar 35. UID pelunasan data piutang ... 76

Gambar 36. UID tambah data utang ... 76

Gambar 37. UID lihat data utang ... 77

Gambar 38. UID pelunasan data utang ... 77

Gambar 39. UID lihat data omset ... 78

Gambar 40 . Halaman login ... 79

Gambar 41 . Halaman tambah data barang ... 80

Gambar 42 . Halaman ubah data barang ... 81

Gambar 43 . Halaman cari data barang ... 82

Gambar 44 . Halaman tambah data supplier ... 83

Gambar 45 . Halaman ubah data supplier ... 84

Gambar 46 . Halaman cari data supplier ... 85

Gambar 47 . Halaman tambah data customer ... 86

Gambar 48 . Halaman ubah data customer ... 87

Gambar 49 . Halaman cari data customer ... 88

Gambar 50 . Halaman tambah data penjualan ... 89

Gambar 51 . Halaman lihat data penjualan ... 90

Gambar 52 . Halaman cetak data penjualan ... 91

Gambar 53 . Halaman tambah data piutang ... 92

Gambar 54 . Halaman lihat data piutang ... 93

Gambar 55 . Halaman pelunasan data piutang ... 94

Gambar 56 . Halaman tambah data pemesanan ... 95

Gambar 57 . Halaman lihat data pemesanan... 96

Gambar 58 . Halaman tambah data utang ... 97

Gambar 59 . Halaman tambah data utang ... 98

Gambar 60 . Halaman pelunasan data utang ... 99

Gambar 61 . Halaman lihat omset data penjualan ... 100

Gambar 62 . Pengujian proses login ... 101

(8)

xiii Universitas Kristen Maranatha

Gambar 64 . Pengujian proses ubah data barang ... 103

Gambar 65 . Pengujian proses tambah data supplier ... 104

Gambar 66 . Pengujian proses ubah data supplier ... 105

Gambar 67 . Pengujian proses tambah data customer ... 106

Gambar 68 . Pengujian proses ubah data customer ... 107

Gambar 69 . Pengujian proses lihat penjualan data barang ... 108

Gambar 70 . Pengujian proses lihat pemesanan data barang ... 109

(9)

xiv Universitas Kristen Maranatha

DAFTAR TABEL

Tabel I . Simbol Entity Relational Diagram (ERD) ... 9

Tabel II . Simbol Data Flow Diagram (DFD) ... 17

Tabel III . Simbol Kamus Data ... 18

Tabel IV . Simbol Flowchart ... 21

Tabel V . Barang ... 30

Tabel VI . Penjualan ... 30

Tabel VII . Pemesanan ... 31

Tabel VIII . Utang ... 31

Tabel IX . Piutang ... 31

Tabel X . Supplier ... 32

Tabel XI . Customer ... 32

Tabel XII . Login ... 32

Tabel XIII . kamus data id_brg ... 47

Tabel XIV . kamus data nama_brg ... 48

Tabel XV . kamus data jenis_brg ... 48

Tabel XVI . kamus data ukuran_brg ... 48

Tabel XVII . kamus data harga_brg ... 48

Tabel XVIII . kamus data stok_brg ... 48

Tabel XIX . kamus data id_jual ... 49

Tabel XX . kamus data jml_jual ... 49

Tabel XXI . kamus data harga_jual ... 49

Tabel XXII. kamus data tgl_jual ... 49

Tabel XXIII . kamus data id_pesan ... 50

Tabel XIV . kamus data jml_pesan ... 50

Tabel XXV . kamus data harga_pesan ... 50

Tabel XXVI . kamus data tgl_pesan ... 51

Tabel XXVII . kamus data id_utang ... 51

Tabel XXVIII . kamus data total_utang... 51

Tabel XXIX . kamus data tgl_utang ... 52

(10)

xv Universitas Kristen Maranatha

Tabel XXXI . kamus data status_utang ... 52

Tabel XXXII . kamus data status_utang ... 52

Tabel XXXIII . kamus data id_piutang ... 53

Tabel XXXIV . kamus data total_piutang ... 53

Tabel XXXV . kamus data tgl_piutang ... 53

Tabel XXXVI . kamus data tgl_bayar ... 53

Tabel XXXVII . kamus data status_piutang ... 54

Tabel XXXVIII . kamus data id_sup ... 54

Tabel XXXIX . kamus data nama_sup ... 54

Tabel XL . kamus data alamat_sup ... 55

Tabel XLI . kamus data notelp_sup ... 55

Tabel XLII . kamus data id_cus ... 55

Tabel XLIII . kamus data nama_cus ... 55

Tabel XLIV . kamus data alamat_cus ... 56

Tabel XLV . kamus data notelp_cus ... 56

Tabel XLVI . proses spesifikasi menambah data barang ... 56

Tabel XLVII . proses spesifikasi mengubah data barang ... 57

Tabel XLVIII . proses spesifikasi mencari data barang ... 57

Tabel XLIX . proses spesifikasi menambah data customer ... 58

Tabel L . proses spesifikasi mengubah data customer ... 59

Tabel LI . proses spesifikasi mencari data customer... 59

Tabel LII . proses spesifikasi menambah data penjualan barang ... 60

Tabel LIII . proses spesifikasi melihat data penjualan barang ... 60

Tabel LIV . proses spesifikasi mencetak data penjualan barang ... 61

Tabel LV . proses spesifikasi menambah data utang ... 61

Tabel LVI . proses spesifikasi melihat data utang ... 62

Tabel LVII . proses spesifikasi melunasi data utang ... 62

Tabel LVIII . proses spesifikasi menambah data piutang ... 63

Tabel LIX . proses spesifikasi melihat data piutang ... 63

Tabel LX . proses spesifikasi melunasi data piutang... 64

Tabel LXI . proses spesifikasi menambah data pemesanan barang ... 64

Tabel LXII . proses spesifikasi melihat data pemesanan barang ... 65

(11)

xvi Universitas Kristen Maranatha

Tabel LXIV . proses spesifikasi mengubah data supplier ... 66

Tabel LXV . proses spesifikasi mencari data supplier ... 66

Tabel LXVI . proses spesifikasi melihat data omset ... 67

Tabel LXVII . Pengujian proses login ... 101

Tabel LXVIII . Pengujian proses tambah data barang ... 102

Tabel LXIX . Pengujian proses ubah data barang ... 103

Tabel LXX . Pengujian proses tambah data supplier ... 104

Tabel LXXI . Pengujian proses ubah data supplier ... 105

Tabel LXXII . Pengujian proses tambah data customer ... 106

Tabel LXXIII . Pengujian proses ubah data supplier ... 107

Tabel LXXVI . Pengujian proses ubah data supplier ... 108

Tabel LXXV . Pengujian proses ubah data supplier ... 109

(12)

xvii Universitas Kristen Maranatha

DAFTAR LAMPIRAN

(13)

1 Universitas Kristen Maranatha

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Perkembangan teknologi di bidang komputer dewasa ini telah

menimbulkan dampak yang cukup besar bagi kehidupan manusia.

Kemajuan teknologi telah membawa manusia ke dalam era informasi,

yaitu di mana kebutuhan manusia akan informasi sangat besar. Pada

saat ini, manusia tidak lagi berpikir bagaimana cara dan di mana

tempat untuk mendapatkan suatu informasi. Melainkan bagaimana

cara memperoleh suatu informasi dengan efisien dan tanpa banyak

menghadapi kendala untuk mendapatkannya. Komputer mampu

menjawab tantangan tersebut karena komputer merupakan salah satu

hasil kemajuan teknologi informasi. Dengan adanya komputer

diharapkan dapat mempermudah dan mempercepat kinerja

seseorang dalam melaksanakan tugasnya.

Toko baut Mulia Abadi merupakan sebuah usaha dalam bidang

penjualan baut untuk motor, dan juga baut untuk properti rumahan

yang terletak di daerah Bandung.

(14)

2

Universitas Kristen Maranatha

karena itu toko baut Mulia Abadi mencoba untuk membuat aplikasi

website yang dapat menangani masalah yang telah dijabarkan.

1.2 Rumusan Masalah

Dari uraian latar belakang masalah di atas, adapun rumusan

masalah yang akan dibahas adalah sebagai berikut.

1) Bagaimana

membuat

aplikasi

yang

dapat

menangani

pengolahan data baut, customer, supplier?

2) Bagaimana membuat aplikasi yang dapat menyimpan data-data

baut dengan baik?

3) Bagaimana membuat aplikasi yang dapat memudahkan

pengguna dalam mencari data baut, customer, supplier?

1.3 Tujuan Pembahasan

Tujuan dari pembuatan aplikasi desktop berbasis website ini

adalah:

1) Pengolahan data baut,

customer,

supplier lebih mudah dan

terorganisir.

2) Menjaga data baut yang ada di dalam database agar aman.

3) Memudahkan pengguna dalam melakukan pencarian data baut.

1.4 Ruang Lingkup Kajian

Berikut ini adalah batasan-batasan dari aplikasi

website yang

akan dibuat:

Sistem



Aplikasi berbasiskan website.

(15)

3

Universitas Kristen Maranatha



Toko menetapkan dan memberikan batasan membuat aplikasi

pengolahan data baut.



Untuk mengakses website ini hanya dilakukan oleh pemilik toko



Pengolahan data yang akan dilakukan di aplikasi pengolahan

data baut meliputi :



Tambah, ubah, cari data baut.



Tambah, ubah, cari data supplier.



Tambah, ubah, cari data customer.



Inventory baut.



penjualan dan pemesanan baut.



Utang dan piutang baut.



Omset penjualan baut.

Perangkat Keras



Processor Intel pentium (R) Celeron Processor 1.8 GHz



Memory DDR 512 MB.



Harddisk 20 GB.



Keyboard + Mouse standar.

Perangkat Lunak



Sistem operasi Microsoft Windows XP Professional SP 2



Sistem Basis Data: SQL Server



Bahasa Scripting: ASP.NET

(16)

4

Universitas Kristen Maranatha

1.5 Sumber Data

Dalam melakukan tugas akhir ini, penulis melakukan serangkaian

kegiatan dalam rangka mendapatkan materi dan masukan mengenai

pembuatan sistem informasi pengolahan data baut, yaitu:



Survei ke Toko baut Mulia Abadi.



Teori-teori pendukung dari buku, buku elektronik, dan artikel,



Merancang sebuah sistem



Membuat aplikasi dan mengimplementasikannya.

1.6 Sistematika Penulisan

Berikut ini merupakan penjelas intisari setiap bab yang terdapat

dalam laporan Tugas Akhir.

BAB I PENDAHULUAN

Membahas Pendahuluan, Latar Belakang Masalah, Rumusan

Masalah, Tujuan Pembahasan, Ruang Lingkup Kajian dan Sumber

Data dan Sistematika Penulisan

BAB II KAJIAN TEORI

Membahas teori-teori yang digunakan dan berhubungan

dengan pembuatan aplikasi website.

BAB III ANALISA DAN RANCANGAN SISTEM

Pembahasan mengenai rancangan aplikasi

website yang

meliputi proses bisnis,

Entity Relational Diagram (ERD),

Data Flow

Diagram (DFD), Kamus Data,

Process Specification (PSPEC),

User

Interface Design (UID).

BAB IV HASIL PENELITIAN

Membahas fungsionalitas aplikasi

web sesuai dengan tujuan

(17)

5

Universitas Kristen Maranatha

BAB V PEMBAHASAN DAN UJI COBA HASIL PENELITIAN

Membahas mengenai hasil implementasi dari aplikasi yang

meliputi black box testing dan kuesioner.

BAB VI SIMPULAN DAN SARAN

(18)

115 Universitas Kristen Maranatha

BAB VI SIMPULAN DAN SARAN

VI.1 Simpulan

Berdasarkan hasil yang telah dicapai, bahwa sistem aplikasi ini

dapat digunakan untuk pengolahan data toko baut

Adapun hasil dari pembuatan aplikasi ini adalah sebagai

berikut:

Aplikasi ini dapat melakukan proses login, yaitu memiliki fungsi

untuk melindungi data dari hal-hal yang tidak diinginkan.

Aplikasi ini dapat melakukan proses pengolahan data barang,

yaitu memiliki fungsi-fungsi untuk menambah, mengubah dan

mencari data barang, supplier, dan customer.

Aplikasi ini dapat melakukan proses pengolahan data penjualan

dan pemesanan barang, yaitu memiliki fungsi-fungsi untuk

menambah, dan melihat data penjualan dan pembelian.

Aplikasi ini dapat melakukan proses pengolahan data utang,

dan piutang barang, yaitu memiliki fungsi-fungsi untuk

menambah, melihat, dan pelunasan data utang dan piutang.

VI.2 Saran

Adapun hal-hal yang dapat dilakukan guna mengembangkan

fungsionalitas dari aplikasi ini adalah:

Mengembangkan aplikasi yang dapat diakses secara online,

baik oleh pemilik toko (Admin) ataupun oleh konsumen.

(19)

116 Universitas Kristen Maranatha

DAFTAR PUSTAKA

Saron, K, Y. (2004). Pengantar Sistem Informasi, 2-4.

Tiur, G., Elisabet, S. (2007-2008) Pengantar Basis Data, 9, 14, 18.

Tiur G., Elisabet, S. (2007-2008) Model Entity Relationship, 66, 68, 72,

77, 81.

Tiur, G., Elisabet,S. (2007-2008) Alat Pemodelan, 13-14, 18-20, 26-29.

Frederick, C, B. (2006-2007) Pemrograman Web Lanjut, 37-41, 48,

394.

Entity

Relationship

Diagram. Di ambil tanggal 25 juni 2008, dari

http://blog-indonesia.com/blog-archive-6633-132.html

Pengujian, validasi, dan verifikasi perangkat lunak. Di ambil tanggal 15

nopember

2007,dari

http://blog.its.ac.id/dyah03tc/2007/11/15/pengujian-validasi-dan-verifikasi-perangkat-lunak/