UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2006 / 2007 ANALISIS DAN PERANCANGAN SISTEM PEMESANAN PRODUK BERBASIS WEB PADA PERUSAHAAN DAYA PRIMA SPORTS Nico Sepfanus 0700712130 Warxi Yulianty Marliana 0700712231 Deddy Irawan 0700723512 Kelas / Kelompok : 07PGT / 06
Abstrak Pemesanan produk berbasis web dilakukan untuk mempermudah pelanggan dari perusahaan Daya Prima Sports dalam memesan produk, sehingga dapat mempersingkat waktu dalam memesan produk dan melihat produk-produk yang disediakan. Pengumpulan data dilakukan dengan mengadakan survei dan wawancara dengan pihak perusahaan yang bersangkutan agar mencapai target dan tujuan yang diinginkan dan menganalisa sistem yang sedang berjalan, serta membaca buku-buku referensi. Dengan adanya sistem ini, perusahaan dapat meningkatkan jangkauan pemasaran produk dalam usaha meningkatkan penjualan produk. Dari hasil evaluasi sistem, dapat disimpulkan bahwa sistem ini sudah dapat digunakan oleh pihak perusahaan. Jadi dapat disimpulkan bahwa sistem ini cukup membantu dalam mengatasi masalah yang dihadapi oleh perusahaan dalam hal pemesanan produk, terutama bagi pelanggan yang berada di luar kota. Dengan adanya sistem ini juga diharapkan dapat meningkatkan jumlah penjualan produk pada perusahaan. Kata kunci : analisis, perancangan, pemesanan, produk, web
vii
PRAKATA
Puji dan Syukur kepada Tuhan Yang Maha Esa yang telah melimpahkan Rahmat dan Berkat-Nya sehingga penulis dapat menyelesaikan skripsi yang berjudul “Analisis dan Perancangan Sistem Pemesanan Produk berbasis Web pada Perusahaan Daya Prima Sports”. Skripsi ini ditulis dengan maksud untuk memenuhi salah satu syarat guna mencapai gelar Sarjana Komputer pada Jurusan Teknik Informatika Jenjang Studi Strata-1 di Universitas Bina Nusantara. Penulis dalam menyelesaikan skripsi ini menemukan masalah dan hambatan baik dari dalam maupun dari luar. Penulis juga menyadari bahwa skripsi ini telah ditulis dengan semua pengetahuan yang diketahui penulis. Oleh karena itu, dengan segala kerendahan hati, penulis sangat mengharapkan kritik dan saran yang bersifat membangun dari pembaca guna penyempurnaan isi skripsi ini. Sejak awal menempuh perkuliahan sampai menyelesaikan skripsi ini, penulis telah banyak mendapat bimbingan, nasihat, petunjuk, serta bimbingan moriil dan materiil dari berbagai pihak, terutama para dosen, keluarga dan teman-teman penulis. Penulis dengan tulus ingin mengucapkan banyak terima kasih kepada : 1. Bpk. Ichwan R. Tanjung B.Sc., M.Sc., selaku Dosen Pembimbing Skripsi yang dalam kesibukannya masih bersedia meluangkan waktunya yang berharga untuk membimbing penulis dari awal hingga selesainya skripsi ini. 2. Bpk. Prof. Dr. Gerardus Polla, M.App.Sc. , selaku Rektor Universitas Bina Nusantara 3. Bpk. Sablin Yusuf, Ir., M.Sc., M.CompSc. , selaku Ketua Fakultas Ilmu Komputer 4. Bpk. Mohammad Subekti, BE.,M.Sc. , selaku Ketua Jurusan Teknik Informatika viii
5. Bpk. Fredy Purnomo, S.Kom.,M.Kom. , selaku Sekertaris Jurusan Teknik Informatika 6. Segenap Staf Pengajar Universitas Bina Nusantara, yang telah memberikan ilmu pengetahuan dan bimbingannya selama perkuliahan penulis 7. Segenap Staf Perpustakaan Universitas Bina Nusantara, yang telah memberikan bantuan dalam peminjaman buku yang diperlukan dalam penyusunan skripsi ini 8. Bpk. Yohan Yoanda Agustra , selaku pemilik Perusahaan Daya Prima Sports yang telah mengijinkan penulis untuk melakukan survei dan yang telah banyak memberikan masukan, saran, dan kritik selama penulisan skripsi ini 9. Segenap staf Perusahaan Daya Prima Sports, yang telah memberikan bantuan dalam rangka pengumpulan data untuk penyusunan skripsi ini. 10. Orang tua, kakak, adik yang telah banyak memberikan bantuan dan dukungan baik secara material dan spiritual selama penyusunan skripsi. 11. Partner skripsi, yang telah bekerja sama selama satu semester dalam penyusunan skripsi ini. 12. Teman-teman yang tidak dapat disebutkan satu persatu, yang secara langsung maupun tidak langsung telah memberikan dorongan bagi penulis dalam menyelesaikan skripsi ini. Akhirnya dengan kerendahan hati, penulis berharap semoga skripsi ini dapat memberikan manfaat bagi para pembaca. Jakarta, Januari 2007
Penulis
ix
DAFTAR ISI
Halaman Judul Luar
i
Halaman Judul Dalam
ii
Halaman Persetujuan Hardcover
iii
Halaman Pernyataan Dewan Penguji
iv
Abstrak
vii
Prakata
viii
Daftar Isi
x
Daftar Tabel
xvii
Daftar Gambar
xviii
Daftar Lampiran
xxiv
BAB 1
BAB 2
PENDAHULUAN 1.1.
Latar Belakang
1
1.2.
Tujuan dan Manfaat
2
1.3.
Ruang Lingkup
3
1.4.
Metodologi
4
1.5.
Sistematika Penulisan
5
LANDASAN TEORI 2.1.
Analisis Sistem
7
2.2.
Perancangan Sistem
8
2.2.1. Pengertian Perancangan Sistem
8
2.2.2. Alat Perancangan
9
x
2.3.
Teori-Teori Dasar
19
2.3.1. Internet
19
2.3.2. World Wide Web (WWW)
20
2.3.3. Web Server
21
2.3.4. Web Browser
21
2.3.5. TCP/IP
22
2.3.6. URL
23
2.3.7. HTTP
23
Web Programming
24
2.4.1. HTML
24
2.4.2. PHP
25
Sistem Basis Data
27
2.5.1. Database
27
2.5.2. ERD
28
2.5.3. Normalisasi
29
2.5.4. SQL
30
2.5.5. MySQL
32
2.6.
Interaksi Manusia dan Komputer (IMK)
34
2.7.
Pengembangan Piranti Lunak
37
2.8.
E-Commerce
38
2.4.
2.5.
BAB 3
ANALISIS DAN PERANCANGAN SISTEM 3.1.
Analisa Masalah
40
3.1.1. Gambaran Perusahaan
40
xi
3.2.
3.1.1.1. Sejarah Perusahaan
40
3.1.1.2. Visi dan Misi Perusahaan
41
3.1.1.3. Struktur Organisasi Perusahaan
41
3.1.1.4. Tugas dan Wewenang
42
3.1.2. Analisa Sistem Penjualan yang Sedang Berjalan
44
3.1.2.1. Gambaran Sistem yang Sedang Berjalan
44
3.1.2.2. Activity Diagram Sistem Berjalan
45
3.1.3. Gambaran Permasalahan
48
3.1.4. Sistem yang Diusulkan
48
3.1.4.1. Gambaran Sistem Usulan
48
3.1.4.2. Activity Diagram Sistem Usulan
49
3.1.4.3. Constraint Sistem Usulan
51
Perancangan Sistem Usulan
51
3.2.1. Rancangan Proses
51
3.2.1.1. Class Diagram
51
3.2.1.2. Use Case Diagram
52
3.2.1.3. Sequence Diagram
54
3.2.2. Rancangan Database
69
3.2.2.1. Daftar Tabel Database
69
3.2.2.2. Hubungan Antar Tabel
70
3.2.2.3. Detail Tabel Database
71
3.2.3. Rancangan Struktur Menu 3.2.3.1. Struktur Menu Front End (User)
xii
76 76
3.2.3.2. Struktur Menu Back End (Admin) 3.2.4. Rancangan STD
77 78
3.2.4.1. STD Halaman Front End (User)
79
3.2.4.2. STD Halaman Back End (Admin)
93
3.2.5. Rancangan Layar
103
3.2.5.1. Tampilan Halaman Awal
103
3.2.5.2. Tampilan Halaman Produk
104
3.2.5.3. Tampilan Halaman Kategori Produk
105
3.2.5.4. Tampilan Halaman Detail Produk
105
3.2.5.5. Tampilan Halaman Perbandingan Produk
106
3.2.5.6. Tampilan Halaman Tentang Perusahaan
107
3.2.5.7. Tampilan Halaman Sejarah Perusahaan
107
3.2.5.8. Tampilan Halaman Visi dan Misi
108
3.2.5.9. Tampilan Halaman Belanja Online
109
3.2.5.10. Tampilan Halaman Shopping Cart
109
3.2.5.11. Tampilan Halaman Syarat dan Kondisi
110
3.2.5.12. Tampilan Halaman Pembatalan Transaksi
111
3.2.5.13. Tampilan Halaman Detail Transaksi
112
3.2.5.14. Tampilan Halaman Kritik dan Saran
112
3.2.5.15. Tampilan Halaman Login Admin
113
3.2.5.16. Tampilan Halaman Utama Admin
114
3.2.5.17. Tampilan Halaman Admin Products
115
3.2.5.18. Tampilan Halaman Admin Transaksi
116
xiii
3.2.5.19. Tampilan Halaman Admin Contact Us
116
3.2.5.20. Tampilan Halaman Admin Logout
117
3.2.6.
BAB 4
Spesifikasi Proses
118
3.2.6.1. Spesifikasi Proses Halaman Front End
118
3.2.6.2. Spesifikasi Proses Halaman Back End
125
IMPLEMENTASI DAN EVALUASI 4.1.
4.2.
Kebutuhan Sistem
134
4.1.1. Kebutuhan Pengembangan Sistem
134
4.1.1.1. Kebutuhan Software
134
4.1.1.2. Kebutuhan Hardware
134
4.1.2. Kebutuhan Implementasi Sistem
135
4.1.2.1. Kebutuhan Software
135
4.1.2.2. Kebutuhan Hardware
135
4.1.2.3. Kebutuhan Jaringan
136
Tata Cara Pemakaian (User Manual)
137
4.2.1. Sisi Client
137
4.2.1.1. Halaman Utama Website
137
4.2.1.2. Halaman Pencarian Produk
138
4.2.1.3. Halaman Produk Berdasarkan Kategori
139
4.2.1.4. Halaman Detail Produk
140
4.2.1.5. Halaman Compare Produk
141
4.2.1.6. Halaman Online Shop
142
4.2.1.7. Halaman Shopping Cart
142
xiv
4.2.1.8. Halaman Formulir Data Customer
143
4.2.1.9. Halaman Syarat dan Kondisi
144
4.2.1.10. Halaman Pembatalan Transaksi
145
4.2.1.11. Halaman Detail Transaksi
146
4.2.1.12. Halaman Contact Us
147
4.2.1.13. Halaman About Us
148
4.2.1.14. Halaman Sejarah Perusahaan
149
4.2.1.15. Halaman Visi dan Misi Perusahaan
149
4.2.2. Sisi Admin
4.3.
150
4.2.2.1. Halaman Login Admin
150
4.2.2.2. Halaman Utama Admin
151
4.2.2.3. Halaman Pencarian Produk
152
4.2.2.4. Halaman Produk
153
4.2.2.5. Halaman Update Produk
153
4.2.2.6. Halaman Add Produk
154
4.2.2.7. Halaman Order
155
4.2.2.8. Halaman Update Transaksi
156
4.2.2.9. Halaman Contact Us
157
4.2.2.10. Halaman View Contact Us
158
4.2.2.11. Halaman Logout
159
Evaluasi
159
4.3.1. Evaluasi IMK
159
4.3.2. Prosedur Evaluasi
161
xv
4.3.3. Hasil Evaluasi
BAB 5
161
SIMPULAN DAN SARAN 5.1.
Simpulan
166
5.2.
Saran
166
DAFTAR PUSTAKA
xvi
DAFTAR TABEL
Tabel 2.1 Tabel Perintah SQL
31
Tabel 2.2 Klausa dalam query SQL
32
Tabel 3.1 Daftar Tabel Database
70
Tabel 3.2 Tabel M_Admin
71
Tabel 3.3 Tabel M_Category
71
Tabel 3.4 Tabel M_ContactUs
72
Tabel 3.5 Tabel M_Customer
72
Tabel 3.6 Tabel M_Description
73
Tabel 3.7 Tabel M_Factory
73
Tabel 3.8 Tabel M_Product
74
Tabel 3.9 Tabel M_Product_Detail
75
Tabel 3.10 Tabel Tr_Detail
75
Tabel 3.11 Tabel Tr_Header
76
xvii
DAFTAR GAMBAR
Gambar 2.1
Contoh Activity Diagram
10
Gambar 2.2
Contoh Activity Diagram dengan Swimline
12
Gambar 2.3
Notasi pada STD
13
Gambar 2.4
Contoh STD Login
14
Gambar 2.5
Simbol Class Diagram
15
Gambar 2.6
Contoh Class Diagram Sistem Parkir
15
Gambar 2.7
Simbol Use Case Diagram beserta keterangannya
16
Gambar 2.8
Contoh Use Case Diagram Sistem Perpustakaan
17
Gambar 2.9
Simbol-simbol dalam Sequence Diagram
18
Gambar 2.10 Sequence Diagram Pembelian Buku Online
19
Gambar 2.11 Tampilan dari HTML
25
Gambar 2.12 Tampilan halaman PHP
27
Gambar 2.13 Notasi ERD
29
Gambar 2.14 Tahap pengembangan piranti lunak prototyping model
37
Gambar 2.15 Web Commerce Bhinneka
38
Gambar 2.16 Web Commerce Prodigy Computer
39
Gambar 3.1
Struktur Organisasi Perusahaan
41
Gambar 3.2
Activity Diagram Sistem Penjualan Face to Face
46
Gambar 3.3
Activity Diagram Sistem Penjualan melalui Telepon
47
Gambar 3.4
Activity Diagram Sistem Usulan
50
Gambar 3.5
Class Diagram
52
xviii
Gambar 3.6
Use Case Diagram
53
Gambar 3.7
Sequence Diagram Lihat Data Produk
54
Gambar 3.8
Sequence Diagram Pencarian Data Produk
55
Gambar 3.9
Sequence Diagram Membandingkan Produk
56
Gambar 3.10 Sequence Diagram Pemesanan Produk
57
Gambar 3.11 Sequence Diagram Pembatalan Pemesanan
58
Gambar 3.12 Sequence Diagram Mengisi Kritik dan Saran
59
Gambar 3.13 Sequence Diagram Login Admin
60
Gambar 3.14 Sequence Diagram Lihat Data Produk
61
Gambar 3.15 Sequence Diagram Pencarian Data Produk
62
Gambar 3.16 Sequence Diagram Menambah Data Produk
63
Gambar 3.17 Sequence Diagram Update Data Produk
64
Gambar 3.18 Sequence Diagram Menghapus Data Produk
65
Gambar 3.19 Sequence Diagram Lihat Data Transaksi
66
Gambar 3.20 Sequence Diagram Update Data Transaksi
67
Gambar 3.21 Sequence Diagram Lihat Kritik dan Saran
68
Gambar 3.22 Sequence Diagram Logout Admin
69
Gambar 3.23 Hubungan Antar Tabel
70
Gambar 3.24 Struktur Menu Front End
77
Gambar 3.25 Struktur Menu Back End
78
Gambar 3.26 STD Halaman Utama
79
Gambar 3.27 STD Halaman Pencarian
80
Gambar 3.28 STD Halaman Produk
81
xix
Gambar 3.29 STD Halaman Produk Blades
82
Gambar 3.30 STD Halaman Produk Accessories
83
Gambar 3.31 STD Halaman Produk Rubbersheets
84
Gambar 3.32 STD Halaman Produk Clothes
85
Gambar 3.33 STD Halaman Produk Tables
86
Gambar 3.34 STD Halaman Perbandingan Produk
87
Gambar 3.35 STD Halaman Online Shop
88
Gambar 3.36 STD Halaman Shopping Cart
89
Gambar 3.37 STD Halaman Syarat & Kondisi
89
Gambar 3.38 STD Halaman Pembatalan Transaksi
90
Gambar 3.39 STD Halaman Kritik & Saran
91
Gambar 3.40 STD Halaman Mengenai Perusahaan
91
Gambar 3.41 STD Halaman Sejarah Perusahaan
92
Gambar 3.42 STD Halaman Visi Misi Perusahaan
92
Gambar 3.43 STD Halaman Login Admin
93
Gambar 3.44 STD Halaman Utama Admin
94
Gambar 3.45 STD Halaman Pencarian
95
Gambar 3.46 STD Halaman Produk Admin
96
Gambar 3.47 STD Halaman Admin Produk Blades
97
Gambar 3.48 STD Halaman Admin Produk Accessories
98
Gambar 3.49 STD Halaman Admin Produk Clothes
99
Gambar 3.50 STD Halaman Admin Produk Rubbersheets
100
Gambar 3.51 STD Halaman Admin Produk Tables
101
xx
Gambar 3.52 STD Halaman Order
102
Gambar 3.53 STD Halaman Admin Kritik/Saran
102
Gambar 3.54 STD Logout Admin
103
Gambar 3.55 Tampilan Halaman Awal
103
Gambar 3.56 Tampilan Halaman Produk
104
Gambar 3.57 Tampilan Halaman Produk Berdasarkan Kategori
105
Gambar 3.58 Tampilan Halaman Detail Produk
106
Gambar 3.59 Tampilan Halaman Perbandingan Produk
106
Gambar 3.60 Tampilan Halaman Tentang Perusahaan
107
Gambar 3.61 Tampilan Halaman Sejarah Perusahaan
108
Gambar 3.62 Tampilan Halaman Visi dan Misi Perusahaan
108
Gambar 3.63 Tampilan Halaman Belanja Online
109
Gambar 3.64 Tampilan Halaman Shopping Cart
110
Gambar 3.65 Tampilan Halaman Syarat dan Kondisi
110
Gambar 3.66 Tampilan Halaman Pembatalan Transaksi
111
Gambar 3.67 Tampilan Halaman Detail Transaksi
112
Gambar 3.68 Tampilan Halaman Contact Us
113
Gambar 3.69 Tampilan Halaman Login Admin
113
Gambar 3.70 Tampilan Halaman Utama Admin
114
Gambar 3.71 Tampilan Halaman Admin Products
115
Gambar 3.72 Tampilan Halaman Admin Transaksi
116
Gambar 3.73 Tampilan Halaman Admin Contact Us
117
Gambar 3.74 Tampilan Halaman Admin Logout
117
xxi
Gambar 4.1
Hubungan Jaringan
137
Gambar 4.2
Halaman Utama Website
138
Gambar 4.3
Halaman Pencarian Produk
139
Gambar 4.4
Halaman Produk
140
Gambar 4.5
Halaman Detail Produk
141
Gambar 4.6
Halaman Compare Product
141
Gambar 4.7
Halaman Online Shop
142
Gambar 4.8
Halaman Shopping Cart
143
Gambar 4.9
Halaman Formulir Data Customer
144
Gambar 4.10 Halaman Syarat & Kondisi
145
Gambar 4.11 Halaman Pembatalan Transaksi
146
Gambar 4.12 Halaman Detail Transaksi
147
Gambar 4.13 Halaman Contact Us
148
Gambar 4.14 Halaman About Us
148
Gambar 4.15 Halaman Sejarah Perusahaan
149
Gambar 4.16 Halaman Visi dan Misi
150
Gambar 4.17 Halaman Login Admin
151
Gambar 4.18 Halaman Utama Admin
152
Gambar 4.19 Halaman Pencarian Produk
152
Gambar 4.20 Halaman Produk
153
Gambar 4.21 Halaman Update Produk
154
Gambar 4.22 Halaman Add Produk
155
Gambar 4.23 Halaman Order
156
xxii
Gambar 4.24 Halaman Update Transaksi
157
Gambar 4.25 Halaman Contact Us
158
Gambar 4.26 Halaman View Contact Us
158
Gambar 4.27 Halaman Logout
159
xxiii
DAFTAR LAMPIRAN
Lampiran 1
Daftar Riwayat Hidup
L1
Lampiran 2
Wawancara Sistem Berjalan
L4
Lampiran 3
Kuesioner
L5
Lampiran 4
Wawancara Evaluasi Sistem
L7
Lampiran 5
Surat Survei
L8
xxiv
