xi
DAFTAR ISI
Halaman
Lembar Judul Tugas Akhir ... i
Lembar Lembar Pernyataan Keaslian Tugas Akhir ... ii
Lembar Pernyataan dan Persetujuan Publikasi Karya Ilmiah ... iii
Lembar Persetujuan dan Pengesahan Tugas Akhir ... iv
Lembar Konsultasi Tugas Akhir ... v
Kata Pengantar ... vii
Abstrak ... ix
Daftar isi ... xi
Daftar Simbol ... xii
Daftar Gambar ... xv
Daftar Tabel ... xvi
Daftar Lampiran ... xviii
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Maksud dan Tujuan ... 2
1.3. Metode Penelitian ... 3
1.4. Ruang Lingkup ... 5
1.5. Sistematika Penulisan ... 6
BAB II LANDASAN TEORI ... 8
2.1. Konsep Dasar web ... 8
2.1.1. Website ... 8
2.1.2. Bahasa Pemrograman ... 10
2.1.3. Basis Data ... 12
2.1.4. Model Pengembangan Perangkat Lunak ... 13
2.2. Teori Pendukung (Tools Program) ... 13
2.2.1. Struktur Navigasi ... 13
2.2.2. ERD (Entity Relationship Diagram) ... 16
2.2.3. LRS (Logical Record Structure) ... 18
2.2.4. Pengujian web ... 18
BAB III PEMBAHASAN ... 20
3.1. Tinjauan Perusahaan ... 20
3.1.1. Sejarah Perusahaan ... 20
3.1.2. Struktur Organisasi dan Fungsi... 20
3.2. Analisa Kebutuhan ... 22
3.2.1. Kebutuhan Pengguna ... 22
xii
3.3. Perancangan Perangkat Lunak ... 23
3.3.1. Rancangan Antar Muka ... 24
3.3.2. Rancangan Basis Data ... 40
3.3.3. Spesifikasi File ... 42
3.3.4. Rancangan Struktur Navigasi ... 55
3.4. Implementasi dan Pengujian Unit ... 59
3.4.1. Implementasi ... 59 3.4.2. Pengujian Unit ... 80 BAB IV PENUTUP ... 84 4.1. Kesimpulan ... 84 4.2. Saran ... 85 DAFTAR PUSTAKA ... 86
DAFTAR RIWAYAT HIDUP ... 87
SURAT KETERANGAN RISET ... 88
xiii
DAFTAR SIMBOL
1. Simbol Entity Relationship Diagram
Entitas atau Obyek Data
Kumpulan obyek atau sesuatu yang dapat di bedakan atau dapat di identifikasi secara unik.
Relationship
Hubungan yang terjadi antara satu entitas atau lebih. Kumpulan relationship yang sejenis disebut relationship set.
Atribut atau Elemen Data
Karakteristik dalam entity atau relationship yang mengerjakan penjelasan detail tentang entity atau relationship atau dengan kata lain adalah kumpulan elemen data yang membentuk suatu entitas.
Connection
Digunkan sebagai penghubung entitas yang membedakan entitas tersebut dengan entitas lainnya.
xiv
DAFTAR GAMBAR
Halaman
1. Gambar II.1 Model Pengembangan Perangkat Lunak ... 13
2. Gambar II.2 Struktur Navigasi Berurut (Linier) ... 14
3. Gambar II.3 Struktur Navigasi Tidak Berurut (Non Linier) ... 14
4. Gambar II.4 Struktur Navigasi Hirarki ... 15
5. Gambar II.5 Struktur Navigasi Campuran ... 16
6. Gambar III.1 Struktur Organisasi ... 21
7. Gambar III.2 Rancangan Antar Muka Login Admin ... 24
8. Gambar III.3 Rancangan Antar Muka Halaman Admin ... 24
9. Gambar III.4 Rancangan Antar Muka Halaman Profil Admin ... 25
10. Gambar III.5 Rancangan Antar Muka Edit Profil ... 25
11. Gambar III.6 Rancangan Antar Muka Ganti Password ... 26
12. Gambar III.7 Rancangan Antar Muka Data Kategori Produk... 26
13. Gambar III.8 Rancangan Antar Muka Edit Data Kategori ... 27
14. Gambar III.9 Rancangan Antar Muka Data Bank ... 27
15. Gambar III.10 Rancangan Antar Muka Tambah Data Bank... 28
16. Gambar III.11 Rancangan Antar Muka Data Biaya & ongkos kirim ... 28
17. Gambar III.12 Rancangan Antar Muka Tambah Data Biaya & ongkos kirim ... 29
18. Gambar III.13 Rancangan Antar Muka Data Member... 29
19. Gambar III.14 Rancangan Antar Muka Data Pesan Pengunjung ... 30
20. Gambar III.15 Rancangan Antar Muka Data Testimoni ... 30
21. Gambar III.16 Rancangan Antar Muka Data Transaksi... 31
22. Gambar III.17 Rancangan Antar Muka Detail Transaksi ... 31
23. Gambar III.18 Rancangan Antar Muka Laporan ... 32
24. Gambar III.19 Rancangan Antar Muka Beranda Pengunjung ... 33
25. Gambar III.20 Rancangan Antar Muka Link Banking Bank Mandiri ... 33
26. Gambar III.21 Rancangan Antar Muka Link Banking Bank BNI ... 34
27. Gambar III.22 Rancangan Antar Muka Link Banking Bank BCA ... 34
28. Gambar III.23 Rancangan Antar Muka Link Banking Bank BRI ... 35
xv
30. Gambar III.25 Rancangan Antar Muka Produk Hat ... 36
31. Gambar III.26 Rancangan Antar Muka Produk Long T-Shirt ... 36
32. Gambar III.27 Rancangan Antar Muka T-Shirt ... 37
33. Gambar III.28 Rancangan Antar Muka Pembayaran ... 37
34. Gambar III.29 Rancangan Antar Muka Testimoni ... 38
35. Gambar III.30 Rancangan Antar Muka Hubungi Kami ... 38
36. Gambar III.31 Rancangan Antar Muka Keranjang Belanja ... 39
37. Gambar III.32 Rancangan Antar Muka Konfirmasi Pembayaran ... 39
38. Gambar III.33 ERD (Entity Relationship Diagram) ... 40
39. Gambar III.34 LRS (Logical Relationship Structure) ... 41
40. Gambar III.35 Struktur Navigasi Halaman Admin ... 56
41. Gambar III.36 Struktur Navigasi Halaman Member... 57
42. Gambar III.37 Struktur Navigasi Halaman Pengunjung ... 58
43. Gambar III.38 Implementasi Halaman Login Admin ... 60
44. Gambar III.39 Implementasi Halaman Admin... 61
45. Gambar III.40 Implementasi Halaman Profil Admin ... 61
46. Gambar III.41 Implementasi Halaman Edit Profil Admin ... 62
47. Gambar III.42 Implementasi Halaman Ganti Password Admin ... 62
48. Gambar III.43 Implementasi Halaman Data Kategori Admin ... 63
49. Gambar III.44 Implementasi Halaman Data Tambah Kategori Admin ... 63
50. Gambar III.45 Implementasi Data Produk Admin ... 64
51. Gambar III.46 Implementasi Halaman Tambah Data Produk Admin ... 64
52. Gambar III.47 Implementasi Halaman Data Member Admin ... 65
53. Gambar III.48 Implementasi Halaman Data Pesan Pengunjung ... 65
54. Gambar III.49 Implementasi Halaman Data Testimoni ... 66
55. Gambar III.50 Implementasi Halaman Data Penjualan ... 66
56. Gambar III.51 Implementasi Halaman Data Laporan ... 67
57. Gambar III.52 Implementasi Halaman Data Bank ... 67
58. Gambar III.53 Implementasi Halaman Tambah Data Bank ... 68
59. Gambar III.54 Implementasi Halaman Data Biaya Kirim ... 68
60. Gambar III.55 Implementasi Halaman Data Bank Baru ... 69
61. Gambar III.56 Implementasi Halaman Data Kota & Ongkos Kirim ... 69
62. Gambar III.57 Implementasi Halaman Data Pengunjung ... 70
63. Gambar III.58 Implementasi Halaman Link Banking Mandiri ... 70
64. Gambar III.59 Implementasi Halaman Link Banking BNI ... 71
xvi
66. Gambar III.61 Implementasi Halaman Link Banking BRI ... 72
67. Gambar III.62 Implementasi Halaman Data Produk Bapack... 72
68. Gambar III.63 Implementasi Halaman Data Produk Hat ... 73
69. Gambar III.64 Implementasi Halaman Produk Long T-shirt ... 73
70. Gambar III.65 Implementasi Halaman Produk T-shirt ... 74
71. Gambar III.66 Implementasi Halaman Profil... 74
72. Gambar III.67 Implementasi Halaman Informasi Cara Pemesanan ... 75
73. Gambar III.68 Implementasi Halaman Informasi Cara Pembayaran ... 75
74. Gambar III.69 Implementasi Halaman Data Testimoni ... 76
75. Gambar III.70 Implementasi Halaman Keranjang Belanja ... 76
76. Gambar III.71 Implementasi Halaman Konfirmasi Pembayaran ... 77
xvii
DAFTAR TABEL
Halaman
1. Tabel III.1 Spesifikasi File Admin... 43
2. Tabel III.2 Spesifikasi File Bank ... 44
3. Tabel III.3 Spesifikasi File Kategori ... 45
4. Tabel III.4 Spesifikasi File Konfirmasi ... 46
5. Tabel III.5 Spesifikasi File Kota ... 47
6. Tabel III.6 Spesifikasi File Member ... 48
7. Tabel III.7 Spesifikasi File Orders ... 49
8. Tabel III.8 Spesifikasi File Orders_data ... 50
9. Tabel III.9 Spesifikasi File Orders_Detail ... 51
10. Tabel III.10 Spesifikasi File Orders_Temp ... 52
11. Tabel III.11 Spesifikasi File Pesan ... 53
12. Tabel III.12 Spesifikasi File Produk ... 54
13. Tabel III.13 Spesifikasi File Testimoni ... 55
14. Tabel III.14 Hasil Pengujian Black Box Testing Halaman Login Admin ... 80
15. Tabel III.15 Hasil Pengujian Black Box Testing Form Daftar Member ... 81
16. Tabel III.16 Hasil Pengujian Black Box Testing Halaman Login Member ... 82
xviii
