ABSTRAK. Kata Kunci : e-commerce, penjualan online, CMS. iii Universitas Kristen Maranatha

Transkripsi

1 ABSTRAK Aplikasi Retail Penjualan Produk yang Terintegrasi dengan Sistem Inventory dan Accounting merupakan aplikasi penjualan online terintegrasi yang mendukung pengelolaan informasi produk dan pengelolaan konten aplikasi, selain itu aplikasi ini terintegrasi dengan stok produk yang dimiliki oleh pihak penjual. Secara umum aplikasi ini menangani berbagai macam pengelolaan data produk seperti kategori, gambar, tinjauan, spesifikasi, sub spesifikasi, penilaian dan stok. Bagi pihak pembeli, aplikasi ini diharapkan dapat membantu pembeli dalam mengambil keputusan dengan menyediakan kemampuan untuk menyampaikan informasi produk secara mendetail serta dapat membandingkan spesifkasi antara produk yang satu dengan produk lainnya dalam format tabel yang terstruktur. Sedangkan bagi pihak penjual, aplikasi ini diharapkan dapat membantu penjual dalam mengelola konten aplikasi secara umum serta menyampaikan informasiinformasi penting kepada pembeli maupun calon pembelinya. Metode yang digunakan dalam pengembangan aplikasi ini yaitu metode reverse engineering, dimana proses pengembangan dilakukan terlebih dahulu kemudian dilanjutkan dengan pembuatan desain UML serta dokumen. Aplikasi dikembangkan menggunakan framework Ruby on Rails sebagai inti dari proses pengembangan aplikasi dan MySQL sebagai basis data. Kata Kunci : e-commerce, penjualan online, CMS iii

2 ABSTRACT Retail Aplication for Product Selling that Integrated with Inventory and Accounting System is an integrated aplication for online selling that supported with product information management and aplication content management, furthermore this application is integrated with product stocks that owned by the seller. Generally this aplication can handle any product management, like categories, images, reviews, specifications, subspecifications,rates, and stocks. For the buyer, this application is expected to be an aplication that can help buyer for making decision with its ability to convey product information in detail and provides the ability to perform comparison between one product with another in structured table format. Whereas for the seller, this application is expected to be an aplication that can help seller to manage the content of this aplication generally and convey important or crucial information for the buyer or the prospective buyers. The method that used during the development process of this aplication is reverse engineering method, where the development process performed first then continued with UML design and document. This Aplication is developed with Ruby on Rails framework as the core of aplication development process and MySQL as database engine. Keywords : e-commerce, online shoping, CMS iv

3 DAFTAR ISI PRAKATA... I ABSTRAK... III ABSTRACT... IV DAFTAR ISI... V DAFTAR GAMBAR... VIII DAFTAR TABEL... XIII BAB I PENDAHULUAN LATAR BELAKANG MASALAH RUMUSAN MASALAH TUJUAN PEMBAHASAN RUANG LINGKUP KAJIAN SUMBER DATA SISTEMATIKA PENYAJIAN... 6 BAB II KAJIAN TEORI UML (UNIFIED MODELING LANGUAGE) MYSQL WORKBENCH E-R DIAGRAM (ENTITY-RELATIONSHIP DIAGRAM) RUBY MYSQL RUBY ON RAILS MVC (MODEL VIEW CONTROLLER) RESTFUL PLUGIN Act As Tree Ajaxful Rating Easy FCKEditor Mislav Will Paginate Paperclip Responds To Parent Restful Authentication jrails Role Requirement BAB III ANALISIS DAN RANCANGAN SISTEM ARSITEKTUR APLIKASI USE CASE Use Case Mengelola Tipe Produk Use Case Mengelola Kategori Spesifikasi Produk Use Case Mengelola Kategori Produk Use Case Mengelola Produsen Produk Use Case Mengelola Produk Use Case Mengelola Bank Use Case Mengelola Biaya Pengiriman Use Case Mengelola Order Use Case Melihat Laporan Use Case Mengelola CoA Use Case Mengelola Jurnal Kas Use Case Mengelola Jurnal Bank Use Case Mengelola Jurnal Penjualan Use Case Mengelola Jurnal Pembelian Use Case Mengelola Jurnal Memorial Use Case Melihat Laporan Buku Besar v

4 Use Case Login Use Case Melihat Daftar Produk per Kategori Use Case Melihat Daftar Produk per Produsen Produk Use Case Mengelola Komparasi Produk Use Case Menampilkan Produk dan Detailnya Use Case Mencari Produk Use Case Mengelola Keranjang Belanja Use Case Registrasi Pembuatan User Baru Use Case Konfirmasi Pembayaran Use Case Melihat Daftar Peninjauan Use Case Melihat Daftar Pembelian Use Case Memesan Produk Use Case Peninjauan dan Penilaian Produk ACTIVITY DIAGRAM Activity Mengelola Tipe Produk Activity Mengelola Kategori Spesifikasi Produk Activity Mengelola Kategori Produk Activity Mengelola Produsen Produk Activity Mengelola Produk Activity Mengelola Bank Activity Mengelola Biaya Pengiriman Activity Mengelola Order Activity Melihat Laporan Activity Mengelola CoA Activity Mengelola Jurnal Kas Activity Mengelola Jurnal Bank Activity Mengelola Jurnal Penjualan Activity Mengelola Jurnal Pembelian Activity Mengelola Jurnal Memorial Activity Melihat Laporan Buku Besar Activity Login Activity Melihat Daftar Produk per Kategori Activity Melihat Daftar Produk per Produsen Produk Activity Mengelola Komparasi Produk Activity Menampilkan Produk dan Detailnya Activity Mencari Produk Activity Mengelola Keranjang Belanja Activity Registrasi Pembuatan User Baru Activity Konfirmasi Pembayaran Activity Melihat Daftar Peninjauan Activity Melihat Daftar Pembelian Activity Memesan Produk Activity Peninjauan dan Penilaian Produk ENTITY-RELATIONSHIP DIAGRAM CLASS DIAGRAM USER INTERFACE DESIGN Layout Utama Customer Judul Login / Cart / Compare Menu Customer Menu Member Konten Customer Layout Utama Admin vi

5 3.6.8 Konten Admin BAB IV HASIL PENELITIAN HALAMAN MUKA MENU UTAMA DAFTAR PRODUK DALAM KATEGORI TAMPIL PRODUK KERANJANG BELANJA FORM CHECKOUT MEDIA KOMPARASI HISTORI PEMBELIAN DAN PEMESANAN BAB V PEMBAHASAN DAN UJI COBA HASIL PENELITIAN GENERATE MENU PENGGUNA REGISTRASI USER LOGIN MEMBER MENAMPILKAN PRODUK MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA MENAMPILKAN KERANJANG BELANJA MERUBAH KUANTITAS PRODUK DALAM KERANJANG BELANJA MENGHAPUS PRODUK DARI KERANJANG BELANJA PROSES CHECKOUT PROSES CHECKOUT MEMASUKKAN PRODUK KE DALAM MEDIA KOMPARASI MENAMPILKAN KOMPARASI PRODUK MENGHAPUS PRODUK DARI MEDIA KOMPARASI MENGKONFIRMASI PESANAN BAB VI SIMPULAN DAN SARAN SIMPULAN SARAN DAFTAR PUSTAKA vii

6 DAFTAR GAMBAR GAMBAR 1. KAJIAN TEORI E-R DIAGRAM UNARY DEGREE... 9 GAMBAR 2. KAJIAN TEORI E-R DIAGRAM BINARY DEGREE... 9 GAMBAR 3. KAJIAN TEORI E-R DIAGRAM TERNARY DEGREE... 9 GAMBAR 4. ARSITEKTUR RUBY ON RAILS GAMBAR 5. KONSEP MVC GAMBAR 6. USE CASE DIAGRAM ADMIN GAMBAR 7. USE CASE DIAGRAM AKUNTAN GAMBAR 8. USE CASE DIAGRAM SEMUA USER GAMBAR 9. USE CASE DIAGRAM USER YANG TELAH LOGIN GAMBAR 10. USE CASE DIAGRAM MENGELOLA TIPE PRODUK GAMBAR 11. USE CASE DIAGRAM MENGELOLA KATEGORI SPESIFIKASI PRODUK GAMBAR 12. USE CASE DIAGRAM MENGELOLA KATEGORI PRODUK GAMBAR 13. USE CASE DIAGRAM MENGELOLA PRODUSEN PRODUK GAMBAR 14. USE CASE DIAGRAM MENGELOLA PRODUK GAMBAR 15. USE CASE DIAGRAM MENGELOLA BANK GAMBAR 16. MENGELOLA BIAYA PENGIRIMAN GAMBAR 17. USE CASE DIAGRAM MENGELOLA ORDER GAMBAR 18. USE CASE DIAGRAM MELIHAT LAPORAN GAMBAR 19. USE CASE DIAGRAM MENGELOLA COA GAMBAR 20. USE CASE DIAGRAM MENGELOLA JURNAL KAS GAMBAR 21. USE CASE DIAGRAM MENGELOLA JURNAL BANK GAMBAR 22. USE CASE DIAGRAM MENGELOLA JURNAL PENJUALAN GAMBAR 23. USE CASE DIAGRAM MENGELOLA JURNAL PEMBELIAN GAMBAR 24. USE CASE DIAGRAM MENGELOLA JURNAL MEMORIAL GAMBAR 25. USE CASE DIAGRAM MELIHAT LAPORAN BUKU BESAR GAMBAR 26. USE CASE DIAGRAM LOGIN GAMBAR 27. USE CASE DIAGRAM MELIHAT DAFTAR PRODUK PER KATEGORI GAMBAR 28. USE CASE DIAGRAM MELIHAT DAFTAR PRODUK PER PRODUSEN PRODUK GAMBAR 29. USE CASE DIAGRAM MENGELOLA KOMPARASI PRODUK GAMBAR 30. USE CASE DIAGRAM MENAMPILKAN PRODUK DAN DETAILNYA GAMBAR 31. USE CASE DIAGRAM MENCARI PRODUK GAMBAR 32. USE CASE DIAGRAM MENGELOLA KERANJANG BELANJA GAMBAR 33. USE CASE DIAGRAM REGISTRASI PEMBUATAN USER BARU GAMBAR 34. USE CASE DIAGRAM KONFIRMASI PEMBAYARAN GAMBAR 35. USE CASE DIAGRAM MELIHAT DAFTAR PENINJAUAN GAMBAR 36. USE CASE DIAGRAM MELIHAT DAFTAR PEMBELIAN GAMBAR 37. USE CASE DIAGRAM MEMESAN PRODUK GAMBAR 38. USE CASE DIAGRAM PENINJAUAN DAN PENILAIAN PRODUK GAMBAR 39. ACTIVITY DIAGRAM SISTEM SECARA KESELURUHAN GAMBAR 40. ACTIVITY DIAGRAM TAMBAH TIPE PRODUK GAMBAR 41. ACTIVITY DIAGRAM UBAH TIPE PRODUK GAMBAR 42. ACTIVITY DIAGRAM HAPUS TIPE PRODUK GAMBAR 43. ACTIVITY DIAGRAM TAMBAH KATEGORI SPESIFIKASI GAMBAR 44. ACTIVITY DIAGRAM UBAH KATEGORI SPESIFIKASI GAMBAR 45. ACTIVITY DIAGRAM HAPUS KATEGORI SPESIFIKASI GAMBAR 46. ACTIVITY DIAGRAM HAPUS SUB KATEGORI SPESIFIKASI GAMBAR 47. ACTIVITY DIAGRAM UBAH SUB KATEGORI SPESIFIKASI GAMBAR 48. ACTIVITY DIAGRAM TAMBAH SUB KATEGORI SPESIFIKASI GAMBAR 49. ACTIVITY DIAGRAM TAMBAH KATEGORI PRODUK viii

7 GAMBAR 50. ACTIVITY DIAGRAM UBAH KATEGORI PRODUK GAMBAR 51. ACTIVITY DIAGRAM HAPUS KATEGORI PRODUK GAMBAR 52. ACTIVITY DIAGRAM CARI KATEGORI PRODUK GAMBAR 53. ACTIVITY DIAGRAM MENENTUKAN SPESIFIKASI PRODUK GAMBAR 54. ACTIVITY DIAGRAM TAMBAH PRODUSEN PRODUK GAMBAR 55. ACTIVITY DIAGRAM UBAH PRODUSEN PRODUK GAMBAR 56. ACTIVITY DIAGRAM HAPUS PRODUSEN PRODUK GAMBAR 57. ACTIVITY DIAGRAM TAMBAH PRODUK GAMBAR 58. ACTIVITY DIAGRAM UBAH PRODUK GAMBAR 59. ACTIVITY DIAGRAM HAPUS PRODUK GAMBAR 60. ACTIVITY DIAGRAM CARI PRODUK GAMBAR 61. ACTIVITY DIAGRAM TAMBAH STOK GAMBAR 62. ACTIVITY DIAGRAM UBAH STOK GAMBAR 63. ACTIVITY DIAGRAM TAMBAH / UBAH DETAIL SPESIFIKASI PRODUK GAMBAR 64. ACTIVITY DIAGRAM TAMBAH GAMBAR PRODUK GAMBAR 65. ACTIVITY DIAGRAM HAPUS GAMBAR PRODUK GAMBAR 66. ACTIVITY DIAGRAM TAMBAH BANK GAMBAR 67. ACTIVITY DIAGRAM UBAH BANK GAMBAR 68. ACTIVITY DIAGRAM HAPUS BANK GAMBAR 69. ACTIVITY DIAGRAM TAMBAH PROVINSI GAMBAR 70. ACTIVITY DIAGRAM UBAH PROVINSI GAMBAR 71. ACTIVITY DIAGRAM HAPUS PROVINSI GAMBAR 72. ACTIVITY DIAGRAM TAMBAH KOTA GAMBAR 73. ACTIVITY DIAGRAM UBAH KOTA GAMBAR 74. ACTIVITY DIAGRAM HAPUS KOTA GAMBAR 75. ACTIVITY DIAGRAM MENGUBAH STATUS ORDER GAMBAR 76. ACTIVITY DIAGRAM MENGGAGALKAN ORDER GAMBAR 77. ACTIVITY DIAGRAM LAPORAN HARIAN PER PERIODE TANGGAL GAMBAR 78. ACTIVITY DIAGRAM LAPORAN BULANAN PER TAHUN GAMBAR 79. ACTIVITY DIAGRAM LAPORAN TAHUNAN PER PERIODE TAHUN GAMBAR 80. ACTIVITY DIAGRAM TAMBAH ROOT COA GAMBAR 81. ACTIVITY DIAGRAM TAMBAH SUB COA GAMBAR 82. ACTIVITY DIAGRAM UBAH COA GAMBAR 83. ACTIVITY DIAGRAM HAPUS COA GAMBAR 84. ACTIVITY DIAGRAM TAMBAH DATA JURNAL KAS GAMBAR 85. ACTIVITY DIAGRAM UBAH DATA JURNAL KAS GAMBAR 86. ACTIVITY DIAGRAM HAPUS DATA JURNAL KAS GAMBAR 87. ACTIVITY DIAGRAM TAMBAH DATA JURNAL BANK GAMBAR 88. ACTIVITY DIAGRAM UBAH DATA JURNAL BANK GAMBAR 89. ACTIVITY DIAGRAM HAPUS DATA JURNAL BANK GAMBAR 90. ACTIVITY DIAGRAM TAMBAH DATA JURNAL PENJUALAN GAMBAR 91. ACTIVITY DIAGRAM UBAH DATA JURNAL PENJUALAN GAMBAR 92. ACTIVITY DIAGRAM HAPUS DATA JURNAL PENJUALAN GAMBAR 93. ACTIVITY DIAGRAM TAMBAH DATA JURNAL PEMBELIAN GAMBAR 94. ACTIVITY DIAGRAM UBAH DATA JURNAL PEMBELIAN GAMBAR 95. ACTIVITY DIAGRAM HAPUS DATA JURNAL PEMBELIAN GAMBAR 96. ACTIVITY DIAGRAM TAMBAH DATA JURNAL MEMORIAL GAMBAR 97. ACTIVITY DIAGRAM UBAH DATA JURNAL MEMORIAL GAMBAR 98. ACTIVITY DIAGRAM HAPUS DATA JURNAL MEMORIAL GAMBAR 99. ACTIVITY DIAGRAM MELIHAT LAPORAN BUKU BESAR GAMBAR 100. ACTIVITY DIAGRAM LOGIN GAMBAR 101. ACTIVITY DIAGRAM MELIHAT DAFTAR PRODUK PER KATEGORI GAMBAR 102. ACTIVITY DIAGRAM MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA ix

8 GAMBAR 103. ACTIVITY DIAGRAM MELIHAT DAFTAR PRODUK PER PRODUSEN PRODUK GAMBAR 104. ACTIVITY DIAGRAM MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA GAMBAR 105. ACTIVITY DIAGRAM MENGHAPUS SEBUAH PRODUK DARI MEDIA KOMPARATOR GAMBAR 106. ACTIVITY DIAGRAM MENGHAPUS SEMUA PRODUK DARI MEDIA KOMPARATOR GAMBAR 107. ACTIVITY DIAGRAM MENAMPILKAN KOMPARASI PRODUK GAMBAR 108. ACTIVITY DIAGRAM MENAMPILKAN PRODUK DAN DETAILNYA GAMBAR 109. ACTIVITY DIAGRAM MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA GAMBAR 110. ACTIVITY DIAGRAM MEMASUKKAN PRODUK KE DALAM MEDIA KOMPARATOR GAMBAR 111. ACTIVITY DIAGRAM MENCARI PRODUK GAMBAR 112. ACTIVITY DIAGRAM MENAMPILKAN DAFTAR PRODUK YANG TERDAPAT DALAM KERANJANG BELANJA. 191 GAMBAR 113. ACTIVITY DIAGRAM MENGUBAH KUANTITAS PRODUK DALAM KERANJANG BELANJA GAMBAR 114. ACTIVITY DIAGRAM MENGHAPUS SEBUAH PRODUK DARI KERANJANG BELANJA GAMBAR 115. ACTIVITY DIAGRAM MENGHAPUS SEMUA PRODUK DARI KERANJANG BELANJA GAMBAR 116. ACTIVITY DIAGRAM REGISTRASI PEMBUATAN USER BARU GAMBAR 117. ACTIVITY DIAGRAM KONFIRMASI PEMBAYARAN GAMBAR 118. ACTIVITY DIAGRAM MELIHAT DAFTAR PENINJAUAN GAMBAR 119. ACTIVITY DIAGRAM MELIHAT DAFTAR PEMBELIAN GAMBAR 120. ACTIVITY DIAGRAM MEMESAN PRODUK GAMBAR 121. ACTIVITY DIAGRAM TAMBAH PENINJAUAN PRODUK GAMBAR 122. ACTIVITY DIAGRAM TAMBAH PENILAIAN PRODUK GAMBAR 123. ACTIVITY DIAGRAM UBAH PENILAIAN PRODUK GAMBAR 124. E-R DIAGRAM GAMBAR 125. E-R DIAGRAM GAMBAR 126. CLASS DIAGRAM GAMBAR 127. UI LAYOUT UTAMA CUSTOMER GAMBAR 128. UI SEBELUM LOGIN GAMBAR 129. UI SETELAH LOGIN GAMBAR 130. UI MENU CUSTOMER SEBELUM HOOVER GAMBAR 131. UI MENU CUSTOMER SETELAH HOOVER GAMBAR 132. UI MENU MEMBER GAMBAR 133. UI KONTEN CUSTOMER HALAMAN MUKA GAMBAR 134. UI KONTEN CUSTOMER HALAMAN PRODUK GAMBAR 135. UI KONTEN CUSTOMER HALAMAN KERANJANG BELANJA GAMBAR 136. UI KONTEN CUSTOMER HALAMAN KOMPARASI GAMBAR 137. UI KONTEN CUSTOMER HALAMAN DAFTAR PRODUK GAMBAR 138. UI KONTEN CUSTOMER HALAMAN CHECKOUT GAMBAR 139. UI KONTEN CUSTOMER HALAMAN HISTORI PEMBELIAN DAN PEMESANAN GAMBAR 140. UI LAYOUT UTAMA ADMIN GAMBAR 141. UI KONTEN ADMIN DAFTAR BANK GAMBAR 142. UI KONTEN ADMIN TAMBAH ATAU UBAH BANK GAMBAR 143. UI KONTEN ADMIN DAFTAR PROVINSI ATAU NEGARA BAGIAN GAMBAR 144. UI KONTEN ADMIN TAMBAH ATAU UBAH PROVINSI GAMBAR 145. UI KONTEN ADMIN DAFTAR PEMESANAN DAN PEMBELIAN GAMBAR 146. HASIL HALAMAN MUKA GAMBAR 147. HASIL HALAMAN MUKA GAMBAR 148. HASIL MENU UTAMA GAMBAR 149. HASIL MENU DAFTAR PRODUK GAMBAR 150. HASIL TAMPIL PRODUK GAMBAR 151. HASIL TAMPIL PRODUK GAMBAR 152. HASIL BUTTON ADD TO CART GAMBAR 153. HASIL PESAN BAHWA PRODUK TELAH TERDAPAT DALAM KERANJANG BELANJA GAMBAR 154. HASIL LINK UNTUK MELIHAT ISI KERANJANG BELANJA GAMBAR 155. HASIL BUTTON ADD TO COMPARE x

9 GAMBAR 156. HASIL LINK UNTUK MELIHAT ISI KERANJANG BELANJA GAMBAR 157. HASIL LINK PENINJAUAN PRODUK GAMBAR 158. HASIL PENINJAUAN PRODUK GAMBAR 159. HASIL TINJAUAN PRODUK GAMBAR 160. HASIL LINK BINTANG PENILAIAN GAMBAR 161. HASIL PENILAIAN GAMBAR 162. HASIL KERANJANG BELANJA GAMBAR 163. HASIL FIELD UNTUK MERUBAH KUANTITAS DAN BUTTON SIMPAN KUANTITAS GAMBAR 164. HASIL PERUBAHAN SUB-TOTAL DAN TOTAL GAMBAR 165. HASIL LINK HAPUS PRODUK DARI KERANJANG BELANJA GAMBAR 166. HASIL PESAN KONFIRMASI PENGHAPUSAN PRODUK DARI KERANJANG BELANJA GAMBAR 167. HASIL PENGHAPUSAN PRODUK DARI KERANJANG BELANJA GAMBAR 168. HASIL BUTTON CHECKOUT GAMBAR 169. HASIL FORM CHECKOUT GAMBAR 170. HASIL PESANAN YANG TELAH TERSIMPAN GAMBAR 171. HASIL PESANAN MELEBIHI JUMLAH STOK YANG TERSEDIA GAMBAR 172. HASIL MEDIA KOMPARASI GAMBAR 173. HASIL MEDIA KOMPARASI GAMBAR 174. HASIL LINK UNTUK HAPUS PRODUK DARI MEDIA KOMPARASI GAMBAR 175. HASIL PENGHAPUSAN PRODUK DARI MEDIA KOMPARASI GAMBAR 176. HASIL HISTORI PEMBELIAN DAN PEMESANAN GAMBAR 177. UJI GENERATE MENU PENGGUNA GAMBAR 178. UJI REGISTRASI USER GAMBAR 179. UJI REGISTRASI USER GAMBAR 180. UJI REGISTRASI USER GAMBAR 181. UJI REGISTRASI USER GAMBAR 182. UJI LOGIN MEMBER GAMBAR 183. UJI LOGIN MEMBER GAMBAR 184. UJI LOGIN MEMBER GAMBAR 185. UJI LOGIN MEMBER GAMBAR 186. UJI MENAMPILKAN PRODUK GAMBAR 187. UJI MENAMPILKAN PRODUK GAMBAR 188. UJI MENAMPILKAN PRODUK GAMBAR 189. UJI MENAMPILKAN PRODUK GAMBAR 190. UJI MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA GAMBAR 191. UJI MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA GAMBAR 192. UJI MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA GAMBAR 193. UJI MENAMPILKAN KERANJANG BELANJA GAMBAR 194. UJI EXCEPTION MENAMPILKAN KERANJANG BELANJA GAMBAR 195. UJI MERUBAH KUANTITAS PRODUK DALAM KERANJANG BELANJA GAMBAR 196. UJI MENGHAPUS PRODUK DARI KERANJANG BELANJA GAMBAR 197. UJI MENGHAPUS PRODUK DARI KERANJANG BELANJA GAMBAR 198. UJI MENGHAPUS PRODUK DARI KERANJANG BELANJA GAMBAR 199. UJI PROSES CHECKOUT GAMBAR 200. UJI PROSES CHECKOUT GAMBAR 201. UJI EXCEPTION PROSES CHECKOUT GAMBAR 202. UJI MEMASUKKAN PRODUK KE DALAM MEDIA KOMPARASI GAMBAR 203. UJI MEMASUKKAN PRODUK KE DALAM MEDIA KOMPARASI GAMBAR 204. UJI MENAMPILKAN KOMPARASI PRODUK GAMBAR 205. UJI MENGHAPUS PRODUK DARI MEDIA KOMPARASI GAMBAR 206. UJI MENGHAPUS PRODUK DARI MEDIA KOMPARASI GAMBAR 207. UJI MENGHAPUS PRODUK DARI MEDIA KOMPARASI GAMBAR 208. UJI MENGKONFIRMASI PESANAN xi

10 GAMBAR 209. UJI MENGKONFIRMASI PESANAN GAMBAR 210. UJI MENGKONFIRMASI PESANAN xii

11 DAFTAR TABEL TABLE I. METHOD RESTFUL TABLE II. FULL DRESSED TAMBAH TIPE PRODUK TABLE III. FULL DRESSED UBAH TIPE PRODUK TABLE IV. FULL DRESSED HAPUS TIPE PRODUK TABLE V. FULL DRESSED TAMBAH KATEGORI SPESIFIKASI TABLE VI. FULL DRESSED UBAH KATEGORI SPESIFIKASI TABLE VII. FULL DRESSED UBAH KATEGORI SPESIFIKASI TABLE VIII. FULL DRESSED TAMBAH SUB KATEGORI SPESIFIKASI TABLE IX. FULL DRESSED UBAH SUB KATEGORI SPESIFIKASI TABLE X. FULL DRESSED UBAH SUB KATEGORI SPESIFIKASI TABLE XI. FULL DRESSED TAMBAH KATEGORI PRODUK TABLE XII. FULL DRESSED UBAH KATEGORI PRODUK TABLE XIII. FULL DRESSED HAPUS KATEGORI PRODUK TABLE XIV. FULL DRESSED CARI KATEGORI PRODUK TABLE XV. FULL DRESSED MENENTUKAN SPESIFIKASI PRODUK TABLE XVI. FULL DRESSED TAMBAH PRODUSEN PRODUK TABLE XVII. FULL DRESSED UBAH PRODUSEN PRODUK TABLE XVIII. FULL DRESSED HAPUS PRODUSEN PRODUK TABLE XIX. FULL DRESSED TAMBAH PRODUK TABLE XX. FULL DRESSED UBAH PRODUK TABLE XXI. FULL DRESSED HAPUS PRODUK TABLE XXII. FULL DRESSED CARI PRODUK TABLE XXIII. FULL DRESSED TAMBAH STOK PRODUK TABLE XXIV. FULL DRESSED UBAH STOK PRODUK TABLE XXV. FULL DRESSED CARI PRODUK TABLE XXVI. FULL DRESSED TAMBAH GAMBAR PRODUK TABLE XXVII. FULL DRESSED HAPUS GAMBAR PRODUK TABLE XXVIII. FULL DRESSED TAMBAH BANK TABLE XXIX. FULL DRESSED UBAH BANK TABLE XXX. FULL DRESSED HAPUS BANK TABLE XXXI. FULL DRESSED TAMBAH PROVINSI TABLE XXXII. FULL DRESSED UBAH PROVINSI TABLE XXXIII. FULL DRESSED HAPUS PROVINSI TABLE XXXIV. FULL DRESSED TAMBAH KOTA TABLE XXXV. FULL DRESSED UBAH KOTA TABLE XXXVI. FULL DRESSED HAPUS KOTA TABLE XXXVII. FULL DRESSED MENGUBAH STATUS ORDER TABLE XXXVIII. FULL DRESSED MENGGAGALKAN ORDER TABLE XXXIX. FULL DRESSED LAPORAN HARIAN PER PERIODE TANGGAL TABLE XL. FULL DRESSED LAPORAN BULANAN PER TAHUN TABLE XLI. FULL DRESSED LAPORAN TAHUNAN PER PERIODE TAHUN TABLE XLII. FULL DRESSED TAMBAH ROOT COA TABLE XLIII. FULL DRESSED TAMBAH SUB COA TABLE XLIV. FULL DRESSED UBAH COA TABLE XLV. FULL DRESSED HAPUS COA TABLE XLVI. FULL DRESSED TAMBAH DATA JURNAL KAS TABLE XLVII. FULL DRESSED UBAH DATA JURNAL KAS TABLE XLVIII. FULL DRESSED HAPUS DATA JURNAL KAS TABLE XLIX. FULL DRESSED TAMBAH DATA JURNAL BANK xiii

12 TABLE L. FULL DRESSED UBAH DATA JURNAL BANK TABLE LI. FULL DRESSED HAPUS DATA JURNAL BANK TABLE LII. FULL DRESSED TAMBAH DATA JURNAL PENJUALAN TABLE LIII. FULL DRESSED UBAH DATA JURNAL PENJUALAN TABLE LIV. FULL DRESSED HAPUS DATA JURNAL PENJUALAN TABLE LV. FULL DRESSED TAMBAH DATA JURNAL PEMBELIAN TABLE LVI. FULL DRESSED UBAH DATA JURNAL PEMBELIAN TABLE LVII. FULL DRESSED HAPUS DATA JURNAL PEMBELIAN TABLE LVIII. FULL DRESSED TAMBAH DATA JURNAL MEMORIAL TABLE LIX. FULL DRESSED UBAH DATA JURNAL MEMORIAL TABLE LX. FULL DRESSED HAPUS DATA JURNAL MEMORIAL TABLE LXI. FULL DRESSED MELIHAT LAPORAN BUKU BESAR TABLE LXII. FULL DRESSED LOGIN TABLE LXIII. FULL DRESSED MELIHAT DAFTAR PRODUK PER KATEGORI TABLE LXIV. FULL DRESSED MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA TABLE LXV. FULL DRESSED MELIHAT DAFTAR PRODUK PER PRODUSEN PRODUK TABLE LXVI. FULL DRESSED MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA TABLE LXVII. FULL DRESSED MENGHAPUS SEBUAH PRODUK DARI MEDIA KOMPARATOR TABLE LXVIII. FULL DRESSED MENGHAPUS SEMUA PRODUK DARI MEDIA KOMPARATOR TABLE LXIX. FULL DRESSED MENAMPILKAN KOMPARASI PRODUK TABLE LXX. FULL DRESSED MENAMPILKAN PRODUK DAN DETAILNYA TABLE LXXI. FULL DRESSED MENAMPILKAN GAMBAR PRODUK TABLE LXXII. FULL DRESSED MENAMPILKAN STOK PRODUK TABLE LXXIII. FULL DRESSED MENAMPILKAN PENILAIAN PRODUK TABLE LXXIV. FULL DRESSED MENAMPILKAN DETAIL SPESIFIKASI PRODUK TABLE LXXV. FULL DRESSED MENAMPILKAN PENINJAUAN PRODUK TABLE LXXVI. FULL DRESSED MENAMPILKAN CROSS-SELLING PRODUK TABLE LXXVII. FULL DRESSED MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA TABLE LXXVIII. FULL DRESSED MEMASUKKAN PRODUK KE DALAM MEDIA KOMPARATOR TABLE LXXIX. FULL DRESSED MENCARI PRODUK TABLE LXXX. FULL DRESSED MENAMPILKAN DAFTAR PRODUK YANG TERDAPAT DALAM KERANJANG BELANJA TABLE LXXXI. FULL DRESSED MENGUBAH KUANTITAS PRODUK DALAM KERANJANG BELANJA TABLE LXXXII. FULL DRESSED MENGHAPUS SEBUAH PRODUK DARI KERANJANG BELANJA TABLE LXXXIII. FULL DRESSED MENGHAPUS SEMUA PRODUK DARI KERANJANG BELANJA TABLE LXXXIV. FULL DRESSED REGISTRASI PEMBUATAN USER BARU TABLE LXXXV. FULL DRESSED KONFIRMASI PEMBAYARAN TABLE LXXXVI. FULL DRESSED MELIHAT DAFTAR PENINJAUAN TABLE LXXXVII. FULL DRESSED MELIHAT DAFTAR PEMBELIAN TABLE LXXXVIII. FULL DRESSED MEMESAN PRODUK TABLE LXXXIX. FULL DRESSED TAMBAH PENINJAUAN PRODUK TABLE XC. FULL DRESSED TAMBAH PENILAIAN PRODUK TABLE XCI. FULL DRESSED UBAH PENILAIAN PRODUK TABLE XCII. UJI GENERATE MENU PENGGUNA TABLE XCIII. UJI REGISTRASI USER TABLE XCIV. UJI LOGIN MEMBER TABLE XCV. UJI MENAMPILKAN PRODUK TABLE XCVI. UJI MEMASUKKAN PRODUK KE DALAM KERANJANG BELANJA TABLE XCVII. UJI MENAMPILKAN KERANJANG BELANJA TABLE XCVIII. UJI MERUBAH KUANTITAS PRODUK DALAM KERANJANG BELANJA TABLE XCIX. UJI MENGHAPUS PRODUK DARI KERANJANG BELANJA TABLE C. UJI PROSES CHECKOUT TABLE CI. UJI PROSES CHECKOUT TABLE CII. UJI MEMASUKKAN PRODUK KE DALAM MEDIA KOMPARASI xiv

13 TABLE CIII. UJI MENAMPILKAN KOMPARASI PRODUK TABLE CIV. UJI MENGHAPUS PRODUK DARI MEDIA KOMPARASI TABLE CV. UJI MENGKONFIRMASI PESANAN xv