Embed Size (px)
Citation preview
ANALISIS DAN PERANCANGAN
APLIKASI JEJARING SOSIAL PENJUALAN BERBASIS WEB
SKRIPSI
Oleh
Muhammad Ridwan Nawawi 0800752066
Muhammad Irfani Sahnur 0800759274
Dino Dwiyaksa 0800768745
Kelas / Kelompok : 07 PAT / 07
Bina Nusantara University
Jakarta
2008
ANALISIS DAN PERANCANGAN
APLIKASI JEJARING SOSIAL PENJUALAN BERBASIS WEB
SKRIPSI
diajukan sebagai salah satu syarat
untuk gelar kesarjanaan pada
Jurusan Teknik Informatika
Program Studi Software Engineering
Jenjang Pendidikan Strata-1
Oleh
Muhammad Ridwan Nawawi 0800752066
Muhammad Irfani Sahnur 0800759274
Dino Dwiyaksa 0800768745
Kelas / Kelompok : 07 PAT / 07
Bina Nusantara University
Jakarta
2008
iii
ANALISIS DAN PERANCANGAN
APLIKASI JEJARING SOSIAL PENJUALAN BERBASIS WEB
SKRIPSI
Disusun oleh :
M. Ridwan Nawawi M. Irfani Sahnur Dino Dwiyaksa 0800752066 0800759274 0800768745
Disetujui oleh :
Pembimbing
Ichwan R. Tandjung M.Sc Kddsn : D1996
Bina Nusantara University Jakarta
2008
iii
Bina Nusantara University
Pernyataan Kesiapan Skripsi untuk Ujian Pendadaran
Pernyataan Penyusunan Skripsi Kami, Muhammad Ridwan Nawawi 0800752066 Muhammad Irfani Sahnur 0800759274 Dino Dwiyaksa 0800768745 dengan ini menyatakan bahwa Skripsi yang berjudul :
ANALISIS DAN PERANCANGAN
APLIKASI JEJARING SOSIAL PENJUALAN BERBASIS WEB
adalah benar hasil karya kami dan belum pernah diajukan sebagai karya ilmiah, sebagian atau seluruhnya, atas nama kami atau pihak lain M. Ridwan Nawawi M. Irfani Sahnur Dino Dwiyaksa 0800752066 0800759274 0800768745
Disetujui oleh Pembimbing
Saya setuju Skripsi tersebut diajukan untuk Ujian Pendadaran Ichwan R. Tandjung M.Sc Jakarta, 12 Januari 2008 Pembimbing
v
BINA NUSANTARA UNIVERSITY _______________________________________________________________________
Jurusan Teknik Informatika Program Studi Software Engineering
Skripsi Sarjana Komputer Semester Ganjil tahun 2007/2008
ANALISIS DAN PERANCANGAN APLIKASI JEJARING SOSIAL PENJUALAN BERBASIS WEB
Muhammad Ridwan Nawawi 0800752066 Muhammad Irfani Sahnur 0800759274 Dino Dwiyaksa 0800768745
Kelas / Kelompok : 07 PAT / 07 Abstrak Social networking atau jejaring sosial adalah suatu struktur sosial yang dibentuk dari simpul-simpul (yang umumnya adalah individu atau organisasi) yang diikat dengan satu atau lebih tipe relasi spesifik seperti nilai, visi, ide, teman, keturunan, dan lain-lain. Tujuan dari penelitian ini adalah untuk menganalisis dan merancang aplikasi penjualan berbasiskan web yang mudah digunakan dengan menerapkan konsep jejaring sosial. Metode penelitian yang digunakan terdiri dari metode analisis dan metode perancangan. Metode analisis yang digunakan memadukan hasil studi pustaka, analisis terhadap aplikasi sejenis dan analisis terhadap kebutuhan para penjual dan pembeli yang dilakukan melalui kuesioner. Metode perancangan melalui beberapa tahapan antara lain pembuatan Unified Modelling Language (UML) dengan konsep Model-View-Controller (MVC) dan perancangan basis data. Hasil yang dicapai adalah aplikasi penjualan berbasiskan web yang mudah digunakan dengan menerapkan konsep jejaring sosial. Simpulan yang diperoleh dari penelitian ini adalah adanya efektifitas penerapan konsep jejaring sosial pada aplikasi penjualan berbasis web dalam penjualan dan pemasaran produk. Kata Kunci Jejaring sosial, social networking, penjualan, web
vi
PRAKATA
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas berkat
rahmat dan bimbingan-Nya sehingga kami dapat menyelesaikan penulisan skripsi yang
berjudul “ANALISIS DAN PERANCANGAN APLIKASI JEJARING SOSIAL
PENJUALAN BERBASIS WEB” dengan baik dan tepat pada waktunya.
Dalam penulisan skripsi ini, penulis telah banyak memperoleh bantuan
bimbingan dan petunjuk serta dorongan dari berbagai pihak. Oleh karena itu, dalam
kesempatan ini kami menyampaikan rasa terima kasih kepada semua pihak yang telah
memberikan dukungan, bantuan, nasihat, dan bimbingan dalam penyusunan skripsi ini,
yaitu kepada :
1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc selaku Rektor Universitas Bina
Nusantara.
2. Bapak Ir. Sablin Yusuf, M.Sc, M.Comp.Sc, selaku Dekan Fakultas Ilmu
Komputer Universitas Bina Nusantara.
3. Bapak Fredy Purnomo, S.Kom, M.Kom selaku Ketua Jurusan Teknik
Informatika Universitas Bina Nusantara.
4. Ibu Henny Surya Ningsih, S.Kom, M.SoftSysEng, selaku Sekretaris Jurusan
Teknik Informatika Universitas Bina Nusantara.
5. Bapak Ichwan Ridwan Tandjung, B.Sc, M.Sc, selaku dosen pembimbing skripsi
yang telah banyak membantu dan memberikan pengarahan, saran, solusi, dan
dukungan moral dalam penyusunan skripsi ini.
vii
6. Seluruh Dosen Universitas Bina Nusantara yang telah memberikan bekal
pengetahuan kepada penulis.
7. Orang Tua dan segenap keluarga yang senantiasa memberikan semangat,
dukungan dan doa.
8. Rekan-rekan dan pihak lainnya yang tidak dapat penulis sebutkan satu persatu
yang telah memberikan dukungan, bantuan serta sumbangan saran dan ide.
Penulis menyadari bahwa dalam penulisan skripsi ini masih terdapat banyak
kekurangan. Oleh karena itu, dengan kerendahan hati kami sangat menghargai segala
saran dan kritik yang membangun demi penyempurnaan skripsi ini.
Akhir kata, penulis berharap agar skripsi ini dapat bermanfaat bagi pembaca dan
pihak-pihak lain yang membutuhkan.
Jakarta, 19 Januari 2008
Penulis
xii
DAFTAR TABEL
Tabel 2.1 Contoh Program Ruby .......................................................................... 20
Tabel 2.2 Kode Program Penjumlahan dalam Java .............................................. 22
Tabel 2.3 Kode Program Penjumlahan dalam Ruby ............................................. 23
Tabel 3.1 Tabel hasil analisis perbandingan fitur pada aplikasi sejenis ............... 54
Tabel 3.2 Analisis Fitur ......................................................................................... 76
Tabel 3.3 Daftar Actor........................................................................................... 80
Tabel 3.4 Daftar field pada tabel admins .............................................................. 138
Tabel 3.5 Daftar field pada tabel anonymous_users ............................................. 138
Tabel 3.6 Daftar field pada tabel articles .............................................................. 139
Tabel 3.7 Daftar field pada tabel blog_post_categories ........................................ 139
Tabel 3.8 Daftar field pada tabel blog_post_comments........................................ 140
Tabel 3.9 Daftar field pada tabel blog_posts ........................................................ 141
Tabel 3.10 Daftar field pada tabel configuration .................................................. 142
Tabel 3.11 Daftar field pada tabel discounts ......................................................... 143
Tabel 3.12 Daftar field pada tabel friendships ...................................................... 144
Tabel 3.13 Daftar field pada tabel messages ......................................................... 145
Tabel 3.14 Daftar field pada tabel pages ............................................................... 145
Tabel 3.15 Daftar field pada tabel attributes ......................................................... 146
Tabel 3.16 Daftar field pada tabel product_categories ......................................... 147
Tabel 3.17 Daftar field pada tabel products .......................................................... 148
Tabel 3.18 Daftar field pada tabel profiles............................................................ 149
xiii
Tabel 3.19 Daftar field pada tabel ratings ............................................................. 150
Tabel 3.20 Daftar field pada tabel reviews ........................................................... 150
Tabel 3.21 Daftar field pada tabel sales ................................................................ 151
Tabel 3.22 Daftar field pada tabel sales_items ..................................................... 152
Tabel 3.23 Daftar field pada tabel shop_profiles .................................................. 153
Tabel 3.24 Daftar field pada tabel shops ............................................................... 153
Tabel 3.25 Daftar field pada tabel product_tags ................................................... 154
Tabel 3.26 Daftar field pada tabel tags ................................................................. 154
Tabel 3.27 Daftar field pada tabel testimonials .................................................... 155
Tabel 3.28 Daftar field pada tabel themes ............................................................ 155
Tabel 3.29 Daftar field pada tabel users................................................................ 156
Tabel 3.30 Daftar field pada tabel views .............................................................. 157
viii
DAFTAR ISI
Halaman Judul Luar .............................................................................................. i
Halaman Judul Dalam ........................................................................................... ii
Halaman Persetujuan Hard Cover ......................................................................... iii
Halaman Pernyataan Dewan Penguji .................................................................... iv
Abstrak .................................................................................................................. v
Prakata ................................................................................................................... vi
Daftar Isi ................................................................................................................ viii
Daftar Tabel .......................................................................................................... xii
Daftar Gambar ....................................................................................................... xiii
Daftar Lampiran .................................................................................................... xxix
BAB 1 PENDAHULUAN .................................................................................. 1
1.1 Latar Belakang ............................................................................... 1
1.2 Ruang Lingkup ............................................................................... 2
1.3 Tujuan dan Manfaat ....................................................................... 3
1.4 Metodologi ..................................................................................... 4
1.5 Sistematika Penulisan ................................................................... 6
BAB 2 LANDASAN TEORI ............................................................................ 7
2.1 Internet ........................................................................................... 7
2.1.1 Sejarah Internet .................................................................. 7
2.1.2 Pengertian Internet ............................................................. 8
2.2 Pengertian TCP/IP .......................................................................... 9
ix
2.3 World Wide Web (WWW) ........................................................... 10
2.4 Hypertext Transfer Protocol (HTTP) ............................................ 12
2.5 WEB 2.0 ........................................................................................ 12
2.6 AJAX ............................................................................................. 13
2.6.1 Prinsip-Prinsip AJAX ........................................................ 14
2.6.2 Perbandingan Aplikasi Web Tradisional
dengan Aplikasi AJAX ..................................................... 15
2.7 Web Services .................................................................................. 17
2.8 Ruby .............................................................................................. 18
2.8.1 Sejarah ................................................................................ 18
2.8.2 Struktur Bahasa .................................................................. 19
2.8.3 Fitur Bahasa ...................................................................... 21
2.8.4 Perbandingan Ruby dengan bahasa lain ............................. 22
2.9 Ruby on Rails Framework ............................................................. 23
2.10 E-commerce ................................................................................... 24
2.10.1 Pengertian E-commerce .................................................... 24
2.10.2 Perbedaan E-commerce dengan E-business ...................... 25
2.10.3 Model E-commerce ............................................................ 26
2.11 Jejaring Sosial ................................................................................ 28
2.11.1 Pengertian Jejaring Sosial .................................................. 28
2.11.2 Sejarah Jejaring Sosial ....................................................... 29
2.11.3 Layanan Jejaring Sosial...................................................... 30
2.12 Agile Software Development ......................................................... 30
2.12.1 Sejarah Agile Software Development ................................ 30
x
2.12.2 Metode Agile Software Development ............................... 31
2.13 Test Driven Development (TDD) ................................................. 32
2.14 Model View Controller (MVC) ..................................................... 32
2.14.1 Sejarah MVC ...................................................................... 32
2.14.2 Pengertian MVC ................................................................ 32
2.14.3 Komponen MVC ................................................................ 33
2.15 Unified Modelling Languange (UML) .......................................... 34
2.15.1 Pengertian UML ................................................................. 34
2.15.2 Use Case ............................................................................. 34
2.15.3 Class Diagram .................................................................... 36
2.15.4 Sequence Diagram ............................................................. 37
2.15.5 UML Color Modelling ....................................................... 38
2.16 Basis Data ...................................................................................... 41
2.16.1 Pengertian Database ........................................................... 41
2.16.2 Entity Relationship Diagram (ERD) .................................. 41
2.16.3 Normalisasi ........................................................................ 45
2.17 Interaksi Manusia dan Komputer ................................................... 46
BAB 3 ANALISIS DAN PERANCANGAN SISTEM .................................... 49
3.1 Analisis ........................................................................................... 49
3.1.1 Analisis Terhadap Aplikasi Sejenis ...................................... 49
3.1.2 Analisis Kuesioner ................................................................ 55
3.1.3 Analisis Fitur ......................................................................... 75
3.2 Perancangan ................................................................................... 79
3.2.1 User Hierarchy ..................................................................... 79
xi
3.2.2 Use Case Diagram ................................................................ 80
3.2.3 Class Diagram ....................................................................... 84
3.2.4 Sequence Diagram ............................................................... 100
3.2.5 Perancangan Database ........................................................... 137
3.2.6 Hierarki Menu ....................................................................... 158
3.2.7 Rancangan Layar .................................................................. 161
BAB 4 IMPLEMENTASI DAN EVALUASI .................. ............................... 220
4.1 Implementasi ................................................................................ 220
4.1.1 Kebutuhan Sumber Daya ..................................................... 220
4.1.1.1 Kebutuhan Perangkat Keras .................................. 220
4.1.1.2 Kebutuhan Perangkat Lunak ................................. 221
4.1.1.3 Kenutuhan Jaringan ................................................ 222
4.1.2 Petunjuk Installasi ................................................................. 223
4.2 Petunjuk Pengoperasian ................................................................. 229
4.3 Evaluasi .......................................................................................... 292
BAB 5 SIMPULAN DAN SARAN ................................................................... 297
5.1 Simpulan ........................................................................................ 297
5.2 Saran ............................................................................................... 298
DAFTAR PUSTAKA ........................................................................................... 299
RIWAYAT HIDUP ............................................................................................. 303
KUISIONER I ...................................................................................................... L1
KUISIONER II ..................................................................................................... L9
KODE PROGRAM .............................................................................................. L11
SURAT SURVEI ................................................................................................. L28
xiv
DAFTAR GAMBAR
Gambar 2.1 Konsep Pelayanan Internet ............................................................ 8
Gambar 2.2 Paket-paket protokol yang ada pada jaringan TCP/IP .................. 8
Gambar 2.3 Perbandingan Model Aplikasi Web .............................................. 16
Gambar 2.4 Perbandingan model interaksi synchronous dan
asynchrounous ............................................................................... 17
Gambar 2.5 Ruby-Talk ..................................................................................... 19
Gambar 2.6 Agile Software Development Life Cycle ...................................... 31
Gambar 2.7 Arsitektur Model-View-Controller ............................................... 34
Gambar 2.8 Use Case ........................................................................................ 35
Gambar 2.9 Aktor ............................................................................................. 35
Gambar 2.10 Class Diagram ............................................................................... 36
Gambar 2.11 Contoh Sequence Diagram ............................................................ 38
Gambar 2.12 Moment Interval ............................................................................ 39
Gambar 2.13 Role ............................................................................................... 39
Gambar 2.14 Party, Place, or Thing .................................................................... 40
Gambar 2.15 Description .................................................................................... 40
Gambar 2.16 Contoh UML Color Modelling ..................................................... 40
Gambar 2.17 Entitas ............................................................................................ 42
Gambar 2.18 Notasi Kardinalitas ........................................................................ 44
Gambar 2.19 Hubungan antar Entitas ................................................................. 44
Gambar 3.1 Screnshoot Shopify (www.shopify.com) ...................................... 50
xv
Gambar 3.2 Screenshot indonetwork (www.indonetwork.co.id)...................... 51
Gambar 3.3 Screenshot ebay (www.ebay.com) ................................................ 53
Gambar 3.4 Grafik persentase tingkat penggunaan internet dalam
seminggu ....................................................................................... 56
Gambar 3.5 Grafik persentase alasan penjual memiliki toko online ................ 57
Gambar 3.6 Grafik persentasi aplikasi internet yang digunakan untuk
melakukan penjualan online .......................................................... 58
Gambar 3.7 Grafik persentase kisaran biaya maintenance toko online ............ 59
Gambar 3.8 Grafik persentase cara rekapitulasi pendapatan ............................ 59
Gambar 3.9 Grafik persentase tingkat kesulitan penjual untuk memberi info
produk kepada pelanggan .............................................................. 60
Gambar 3.10 Grafik persentase tingkat kesulitan pejual untuk memberi info
tentang tokonya kepada pelanggan ............................................... 61
Gambar 3.11 Grafik persentase kecenderungan afiliasi antar penjual online ..... 62
Gambar 3.12 Grafik persentase alasan penjual tidak memiliki toko online ....... 63
Gambar 3.13 Grafik persentase alasan penjual tidak memiliki toko online ....... 64
Gambar 3.14 Grafik persentasi ketertarikan penjual untuk membuat toko
online secara gratis ........................................................................ 65
Gambar 3.15 Grafik persentase kesulitan penjual tidak online untuk
memberikan info produk kepada pelanggan ................................. 66
Gambar 3.16 Grafik persentase tingkat kesulitan penjual tidak online
untuk memberikan info tentang tokonya ...................................... 67
Gambar 3.17 Grafik persentase aplikasi pembuatan toko online yang
Termurah ....................................................................................... 68
xvi
Gambar 3.18 Grafik persentase alasan pembeli melakukan pembelian online ... 69
Gambar 3.19 Grafik persentase tingkat kesulitan pencarian barang ................... 70
Gambar 3.20 Grafik persentase tingkat kesulitan pembeli dalam
mendapatkan info produk .............................................................. 71
Gambar 3.21 Grafik persentase tingkat kesulitan dalam melakukan
transaksi pembelian secara online ................................................. 72
Gambar 3.22 Grafik persentase kegunaan afiliasi antar penjual bagi
pelanggan ...................................................................................... 73
Gambar 3.23 Grafik persentase alasan seseorang tidak pernah melakukan
transaksi jual/beli secara online .................................................... 74
Gambar 3.24 User Hierarchy .............................................................................. 79
Gambar 3.25 Use Case Super Administrator ...................................................... 80
Gambar 3.26 Use Case User dan Guest .............................................................. 81
Gambar 3.27 Use Case Member dan Customer .................................................. 82
Gambar 3.28 Use Case Merchant ....................................................................... 83
Gambar 3.29 Class Diagram : Super Administartor ........................................... 84
Gambar 3.30 Class Diagram : Customer Dashboard Controller ......................... 85
Gambar 3.31 Class Diagram : Customer Account Controller ............................. 86
Gambar 3.32 Class Diagram : Customer Connection Controller ....................... 86
Gambar 3.33 Class Diagram : Customer Messages Controller .......................... 87
Gambar 3.34 Class Diagram : Customer Profile Controller ............................... 87
xvii
Gambar 3.35 Class Diagram : Customer Orders Controller ............................... 87
Gambar 3.36 Class Diagram : Merchant Shop Controller .................................. 88
Gambar 3.37 Class Diagram : Merchant Blog Controller .................................. 89
Gambar 3.38 Class Diagram : Merchant Categories Controller ......................... 89
Gambar 3.39 Class Diagram : Merchant Comments Controller ......................... 89
Gambar 3.40 Class Diagram : Merchant Graph Controller ................................ 89
Gambar 3.41 Class Diagram : Merchant Newsletter Controller ......................... 90
Gambar 3.42 Class Diagram : Merchant Pages Controller ................................. 90
Gambar 3.43 Class Diagram : Merchant Ratings Controller .............................. 90
Gambar 3.44 Class Diagram : Merchant Reviews Controller ............................ 90
Gambar 3.45 Class Diagram : Merchant Sales Controller .................................. 91
Gambar 3.46 Class Diagram : Merchant Report Controller ............................... 91
Gambar 3.47 Class Diagram : Merchant Products Controller ............................ 92
Gambar 3.48 Class Diagram : Merchant Product Categories Controller ............ 92
Gambar 3.49 Class Diagram : Merchant Discount Controller ............................ 92
Gambar 3.50 Class Diagram : User Home Controller ........................................ 93
Gambar 3.51 Class Diagram : User Cart Controller ........................................... 93
Gambar 3.52 Class Diagram : User Market Controller ...................................... 94
Gambar 3.53 Class Diagram : User Users Controller ......................................... 95
Gambar 3.54 Class Diagram : User Sessions Controller .................................... 95
xviii
Gambar 3.55 Class Diagram : User Store Controller .......................................... 96
Gambar 3.56 Class Diagram : User Affiliates Controller ................................... 97
Gambar 3.57 Class Diagram : User Blog Controller .......................................... 97
Gambar 3.58 Class Diagram : User Page Controller .......................................... 97
Gambar 3.59 Class Diagram : User Products Controller .................................... 98
Gambar 3.60 Class Diagram : User Ratings Controller ...................................... 98
Gambar 3.61 Class Diagram : User Profile Controller ...................................... 99
Gambar 3.62 Sequence Diagram : User Add To Shopping Cart ......................... 100
Gambar 3.63 Sequence Diagram : User Update Shopping Cart ......................... 100
Gambar 3.64 Sequence Diagram : User Remove From Shopping Cart.............. 101
Gambar 3.65 Sequence Diagram : User Empty Shopping Cart .......................... 101
Gambar 3.66 Sequence Diagram : View Connection.......................................... 102
Gambar 3.67 Sequence Diagram : User Create Blog Comment ......................... 102
Gambar 3.68 Sequence Diagram : User Create Search Product ......................... 103
Gambar 3.69 Sequence Diagram : User View News/Article .............................. 103
Gambar 3.70 Sequence Diagram : User View Product ....................................... 104
Gambar 3.71 Sequence Diagram : User View Testimonial ................................. 104
Gambar 3.72 Sequence Diagram : Guest Register/Signup ................................. 105
Gambar 3.73 Sequence Diagram : Member Login ............................................. 106
xix
Gambar 3.74 Sequence Diagram : Member Change Password .......................... 107
Gambar 3.75 Sequence Diagram : Member Change Profile ............................... 107
Gambar 3.76 Sequence Diagram : Member Create Review ............................... 108
Gambar 3.77 Sequence Diagram : Member Create Rating ................................. 108
Gambar 3.78 Sequence Diagram : Member Send Message ................................ 109
Gambar 3.79 Sequence Diagram : Member Create Connection ......................... 109
Gambar 3.80 Sequence Diagram : Member Delete Connection ......................... 110
Gambar 3.81 Sequence Diagram : Member View Waiting for Approval ........... 110
Gambar 3.82 Sequence Diagram : Member Approve Request ........................... 111
Gambar 3.83 Sequence Diagram : Member Reject Request ............................... 111
Gambar 3.84 Sequence Diagram : Member View Merchant Connection ........... 112
Gambar 3.85 Sequence Diagram : Member View Customer Connection .......... 112
Gambar 3.86 Sequence Diagram : Member View Message ............................... 113
Gambar 3.87 Sequence Diagram : Member View Order History ....................... 113
Gambar 3.88 Sequence Diagram : Member Logout ........................................... 114
Gambar 3.89 Sequence Diagram : Customer Create Shop ................................. 115
Gambar 3.90 Sequence Diagram : Merchant Accept Order ................................ 116
Gambar 3.91 Sequence Diagram : Merchant Accept Review ............................. 116
Gambar 3.92 Sequence Diagram : Merchant Change Configuration ................. 117
xx
Gambar 3.93 Sequence Diagram : Merchant Change Shop Profile .................... 117
Gambar 3.94 Sequence Diagram : Merchant Change Theme ............................. 118
Gambar 3.95 Sequence Diagram : Merchant Create Blog Categories ................ 118
Gambar 3.96 Sequence Diagram : Merchant Edit Blog Categories ................... 119
Gambar 3.97 Sequence Diagram : Merchant Delete Blog Categories ................ 119
Gambar 3.98 Sequence Diagram : Merchant Create Blog Post .......................... 120
Gambar 3.99 Sequence Diagram : Merchant Edit Blog Post .............................. 120
Gambar 3.100 Sequence Diagram : Merchant Delete Blog Post .......................... 121
Gambar 3.101 Sequence Diagram : Merchant Delete Blog Post Comment ......... 121
Gambar 3.102 Sequence Diagram : Merchant Create Discount ........................... 122
Gambar 3.103 Sequence Diagram : Merchant Edit Discount ............................... 122
Gambar 3.104 Sequence Diagram : Merchant Delete Discount ........................... 123
Gambar 3.105 Sequence Diagram : Merchant Create Page .................................. 123
Gambar 3.106 Sequence Diagram : Merchant Edit Page...................................... 124
Gambar 3.107 Sequence Diagram : Merchant Delete Page .................................. 124
Gambar 3.108 Sequence Diagram : Merchant Add Product ................................. 125
Gambar 3.109 Sequence Diagram : Merchant Edit Product ................................. 125
Gambar 3.110 Sequence Diagram : Merchant Delete Product ............................. 126
Gambar 3.111 Sequence Diagram : Merchant Create Product Category .............. 126
xxi
Gambar 3.112 Sequence Diagram : Merchant Edit Product Category ................. 127
Gambar 3.113 Sequence Diagram : Merchant Delete Product Category .............. 127
Gambar 3.114 Sequence Diagram : Merchant Newsletter .................................... 128
Gambar 3.115 Sequence Diagram : Merchant View Sales Report ....................... 128
Gambar 3.116 Sequence Diagram : Merchant View Statistic ............................... 129
Gambar 3.117 Sequence Diagram : Super Administrator Login .......................... 129
Gambar 3.118 Sequence Diagram : Super Administrator Create Article ............. 130
Gambar 3.119 Sequence Diagram : Super Administrator Edit Article ................. 130
Gambar 3.120 Sequence Diagram : Super Administrator Delete Article ............. 131
Gambar 3.121 Sequence Diagram : Super Administrator Create Testimonial...... 131
Gambar 3.122 Sequence Diagram : Super Administrator Edit Testimonial ......... 132
Gambar 3.123 Sequence Diagram : Super Administrator Delete Testimonial...... 132
Gambar 3.124 Sequence Diagram : Super Administrator Add Themes................ 133
Gambar 3.125 Sequence Diagram : Super Administrator Edit Themes................ 133
Gambar 3.126 Sequence Diagram : Super Administrator Delete Themes ............ 134
Gambar 3.127 Sequence Diagram : Super Administrator Change Banned
Status User .................................................................................... 134
Gambar 3.128 Sequence Diagram : Super Administrator Edit Preferences ......... 135
Gambar 3.129 Sequence Diagram : Super Administrator Logout ........................ 135
xxii
Gambar 3.130 Gambar Entity Relationship Diagram (ERD) ............................... 136
Gambar 3.131 Hierarki Menu Provider ................................................................ 157
Gambar 3.132 Hierarki Menu Umum ................................................................... 158
Gambar 3.133 Hierarki Menu Shop ..................................................................... 158
Gambar 3.134 Hierarki Menu Customer Administration ..................................... 159
Gambar 3.135 Hierarki Menu Merchant Administration ..................................... 160
Gambar 3.136 Hierarki Menu Provider Administration ....................................... 161
Gambar 3.137 Rancangan Layar Halaman Utama Provider Pada Guest ............. 162
Gambar 3.138 Rancangan Layar Home Provider Pada Member.......................... 163
Gambar 3.139 Rancangan Layar Pendaftaran Anggota ........................................ 164
Gambar 3.140 Rancangan Layar Login Member .................................................. 164
Gambar 3.141 Rancangan Layar Forget Password ............................................... 165
Gambar 3.142 Rancangan Layar Melihat Berita Provider ................................... 165
Gambar 3.143 Rancangan Layar Melihat Testimonial Provider .......................... 166
Gambar 3.144 Rancangan Layar Market Place .................................................... 167
Gambar 3.145 Rancangan Layar Pencarian Produk Pada Market Place .............. 168
Gambar 3.146 Rancangan Layar Shopping Cart .................................................. 169
Gambar 3.147 Rancangan Layar Melihat Profile ................................................. 170
Gambar 3.148 Rancangan Layar Melihat Afiliasi ................................................ 171
Gambar 3.149 Rancangan Layar Halaman Utama Toko ...................................... 172
Gambar 3.150 Rancangan Layar Daftar Produk Toko ......................................... 173
Gambar 3.151 Rancangan Layar Produk Detail Toko .......................................... 174
xxiii
Gambar 3.152 Rancangan Layar Memberi Review Produk Toko ........................ 175
Gambar 3.153 Rancangan Layar Memberi Rating Toko ...................................... 176
Gambar 3.154 Rancangan Layar Melihat Detil Halaman CMS Toko .................. 177
Gambar 3.155 Rancangan Layar Melihat Daftar Blog Toko ................................ 178
Gambar 3.156 Rancangan Layar Melihat Detil Blog Toko .................................. 179
Gambar 3.157 Rancangan Layar Melihat Afiliasi Toko ....................................... 180
Gambar 3.158 Rancangan Layar Melihat Halaman Kontak Toko........................ 181
Gambar 3.159 Rancangan Layar Dashboard Pada Customer Administration ...... 182
Gambar 3.160 Rancangan Layar Mengubah Profile ............................................. 183
Gambar 3.161 Rancangan Layar Mengubah Akun ............................................... 184
Gambar 3.162 Rancangan Layar Melihat Sejarah Pembelian .............................. 185
Gambar 3.163 Rancangan Layar Melihat Hubungan Jejaring Sosial ................... 186
Gambar 3.164 Rancangan Layar Invite Connection ............................................. 187
Gambar 3.165 Rancangan Layar Melihat Daftar Invite Connection Yang
Menunggu Approval ..................................................................... 188
Gambar 3.166 Rancangan Layar Melihat Daftar Request Connection ................. 189
Gambar 3.167 Rancangan Layar Mengatur Pesan Pribadi ................................... 190
Gambar 3.168 Rancangan Layar Menulis Pesan Pribadi ...................................... 191
Gambar 3.169 Rancangan Layar Upgrade Menjadi Merchant ............................. 192
Gambar 3.170 Rancangan Layar Dashboard Pada Merchant ............................... 193
Gambar 3.171 Rancangan Layar Mengubah Profil Toko ..................................... 194
Gambar 3.172 Rancangan Layar Melihat Rating Toko Yang Diberikan
User Lain ....................................................................................... 195
Gambar 3.173 Rancangan Layar Mangatur Halaman CMS Toko ........................ 195
xxiv
Gambar 3.174 Rancangan Layar Membuat Halaman CMS Toko ........................ 196
Gambar 3.175 Rancangan Layar Mengubah Theme Toko ................................... 197
Gambar 3.176 Rancangan Layar Mengubah Konfigurasi Toko ........................... 198
Gambar 3.177 Rancangan Layar Mengatur Produk Toko .................................... 199
Gambar 3.178 Rancangan Layar Menambah Produk Toko .................................. 200
Gambar 3.179 Rancangan Layar Menerima Review ............................................ 201
Gambar 3.180 Rancangan Layar Mengatur Kategori Produk Toko ..................... 201
Gambar 3.181 Rancangan Layar Menambah Kategori Produk Toko ................... 202
Gambar 3.182 Rancangan Layar Mengatur Diskon Toko .................................... 202
Gambar 3.183 Rancangan Layar Menambah Diskon Toko .................................. 203
Gambar 3.184 Rancangan Layar Mengatur Penjualan Toko ................................ 203
Gambar 3.185 Rancangan Layar Mengatur Blog Toko ........................................ 204
Gambar 3.186 Rancangan Layar Menulis Blog Toko .......................................... 205
Gambar 3.187 Rancangan Layar Mengatur Kategori Blog Toko ......................... 206
Gambar 3.188 Rancangan Layar Menambah Kategori Blog Toko....................... 206
Gambar 3.189 Rancangan Layar Mengatur Komentar Blog Toko ....................... 207
Gambar 3.190 Rancangan Layar Newsletter ........................................................ 208
Gambar 3.191 Rancangan Layar Melihat Laporan Penjualan Toko ..................... 209
Gambar 3.192 Rancangan Layar Melihat Laporan Statistik Toko ....................... 210
Gambar 3.193 Rancangan Layar Login Provider Administration ........................ 211
Gambar 3.194 Rancangan Layar Dashboard Provider Administration ................ 212
Gambar 3.195 Rancangan Layar Mengatur Berita Provider ................................ 213
Gambar 3.196 Rancangan Layar Menambah News Provider .............................. 214
Gambar 3.197 Rancangan Layar Mengatur Testimonial Provider ....................... 215
xxv
Gambar 3.198 Rancangan Layar Menambah Testimonial Provider .................... 216
Gambar 3.199 Rancangan Layar Mengatur User.................................................. 217
Gambar 3.200 Rancangan Layar Mengatur Theme .............................................. 217
Gambar 3.201 Rancangan Layar Menambah Theme ............................................ 218
Gambar 3.202 Rancangan Layar Mengubah Preference Administrator
Provider......................................................................................... 219
Gambar 4.1 Halaman Utama dagang bagi guest ............................................... 230
Gambar 4.2 Halaman Utama dagang bagi member .......................................... 231
Gambar 4.3 Tour dagang ................................................................................. 232
Gambar 4.4 News dagang ................................................................................. 233
Gambar 4.5 Testimonial dagang ....................................................................... 234
Gambar 4.6 About dagang ................................................................................ 235
Gambar 4.7 Contact dagang .............................................................................. 236
Gambar 4.8 Market Place ................................................................................. 237
Gambar 4.9 Market Place hasil pencarian produk ............................................ 238
Gambar 4.10 Shopping Cart ............................................................................... 239
Gambar 4.11 Profil Anggota ............................................................................... 240
Gambar 4.12 Customer Affiliate ......................................................................... 241
Gambar 4.13 Merchant Affiliate ......................................................................... 242
Gambar 4.14 Halaman Utama Toko ................................................................... 243
Gambar 4.15 Daftar Produk Toko....................................................................... 245
Gambar 4.16 Detil Produk Toko ......................................................................... 247
Gambar 4.17 Detil Halaman CMS ...................................................................... 249
Gambar 4.18 Blog ............................................................................................... 250
xxvi
Gambar 4.19 Detil Blog ...................................................................................... 251
Gambar 4.20 Contact Toko ................................................................................. 252
Gambar 4.21 About Toko .................................................................................... 253
Gambar 4.22 Give Rating ................................................................................... 254
Gambar 4.23 Register ......................................................................................... 255
Gambar 4.24 Login ............................................................................................. 256
Gambar 4.25 Forgot my password ...................................................................... 257
Gambar 4.26 Customer Home ............................................................................. 258
Gambar 4.27 Profile ............................................................................................ 259
Gambar 4.28 Change Account ............................................................................ 260
Gambar 4.29 Order History ................................................................................ 260
Gambar 4.30 Merchant Connection .................................................................... 261
Gambar 4.31 View Pending Request ................................................................... 261
Gambar 4.32 Waiting for Approval .................................................................... 262
Gambar 4.33 Inbox Message ............................................................................... 263
Gambar 4.34 Write Message ............................................................................... 263
Gambar 4.35 Create Shop ................................................................................... 264
Gambar 4.36 Merchant Home ............................................................................. 265
Gambar 4.37 Shop Profile ................................................................................... 266
Gambar 4.38 Shop Rating ................................................................................... 267
Gambar 4.39 Manage Pages ............................................................................... 267
Gambar 4.40 Add Page ....................................................................................... 268
Gambar 4.41 Change Themes ............................................................................. 269
Gambar 4.42 Configuration ................................................................................ 270
xxvii
Gambar 4.43 Manage Products .......................................................................... 271
Gambar 4.44 Add Products ................................................................................. 272
Gambar 4.45 Manage Product Reviews ............................................................. 273
Gambar 4.46 Approve Product Reviews ............................................................. 273
Gambar 4.47 Manage Product Categories ......................................................... 274
Gambar 4.48 Add Product Categories ................................................................ 274
Gambar 4.49 Manage Discount .......................................................................... 275
Gambar 4.50 Add Discount ................................................................................. 275
Gambar 4.51 Manage Blog ................................................................................. 276
Gambar 4.52 Add Blog Post ................................................................................ 276
Gambar 4.53 Manage Blog Categories............................................................... 277
Gambar 4.54 Add Blog Category ........................................................................ 277
Gambar 4.55 Manage Blog Comments ............................................................... 277
Gambar 4.56 Manage Sales ................................................................................ 278
Gambar 4.57 Newsletter ...................................................................................... 279
Gambar 4.58 Report Sales .................................................................................. 280
Gambar 4.59 Report Statistic .............................................................................. 280
Gambar 4.60 Login Super Administrator ............................................................ 281
Gambar 4.61 Dashboard Super Administrator ................................................... 282
Gambar 4.62 Manage News ................................................................................ 283
Gambar 4.63 Add News ....................................................................................... 284
Gambar 4.64 Manage Testimonial ...................................................................... 285
Gambar 4.65 Add Testimonial ............................................................................ 287
Gambar 4.66 Manage User ................................................................................. 288
xxviii
Gambar 4.67 Manage Theme .............................................................................. 289
Gambar 4.68 Add Theme ..................................................................................... 290
Gambar 4.69 Preference ..................................................................................... 291
Gambar 4.70 Grafik persentase manfaat aplikasi dalam membangun
komunitas yang mendukung lahirnya entrepreneur –entrepreneur
muda .............................................................................................. 292
Gambar 4.71 Grafik persentase manfaat aplikasi dalam mengurangi biaya
pembangunan dan maintenance aplikasi penjualan
berbasis web bagi pengguna.......................................................... 293
Gambar 4.72 Grafik persentase manfaat aplikasi dalam memudahkan
pengguna untuk melakukan penjualan dan pembelian
secara online melalui internet........................................................ 294
Gambar 4.73 Grafik persentase manfaat aplikasi dalam memudahkan
pengguna untuk memperoleh informasi tentang produk yang
ingin dibeli .................................................................................... 294
Gambar 4.74 Grafik persentase manfaat aplikasi dalam memperluas
pangsa pasar bagi UKM (Usaha Kecil dan Menengah) ................ 295
Gambar 4.75 Grafik persentase efektifitas penerapan konsep
jejaring sosial (social networking) diterapkan pada aplikasi ........ 296
xxix
DAFTAR LAMPIRAN
Kuisioner I Kebutuhan Aplikasi Jejaring Sosial Penjualan ................................. L1
Kuisioner II Evaluasi ............................................................................................ L9
Kode Program ....................................................................................................... L11
Surat Survei ........................................................................................................... L28
1
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Dalam era globalisasi seperti saat ini dimana negara-negara di seluruh
dunia menjadi satu kekuatan pasar yang semakin terintegrasi tanpa rintangan
batas teritorial negara, mengakibatkan persaingan bisnis yang sangat ketat.
Ditambah lagi dengan cepatnya arus informasi yang berkembang seiring dengan
berkembangnya teknologi yang menuntut setiap perusahaan maupun individu
untuk terus bergerak mengikutinya. Oleh karenanya perusahaan yang dapat
menghadapi ketatnya persaingan dituntut untuk selalu berkembang dengan
melakukan pengambilan keputusan secara cepat, tepat dan efisien.
Internet merupakan salah satu cara untuk mendapatkan informasi secara
cepat karena dapat diakses oleh siapapun, kapanpun dan dimanapun. Dengan
internet, setiap perubahan sekecil apapun dapat segera diketahui dari belahan
bumi manapun. Salah satu layanan internet yang tepat untuk mendapatkan
informasi adalah website atau situs internet.
Publikasi akan produk/jasa menjadi sesuatu yang amat penting dalam
melakukan proses kegiatan bisnis. Bagi perusahaan besar, promosi, katalog
produk dan penjualan melalui website atau yang biasa disebut e-commerce
merupakan hal mudah dengan adanya dukungan dana dan tenaga yang
dimilikinya. Namun bagi usaha kecil dan menengah serta bagi para entrepreneur
muda merasa kesulitan untuk memiliki website penjualan yang disebabkan oleh
2
kurangnya kemampuan teknis dan besarnya biaya untuk pembuatannya. Oleh
karena itu banyak dari mereka mencoba mempromosikannya melalui blog atau
jejaring sosial yang disediakan secara gratis oleh beberapa penyedia.
Selain promosi, menampilkan katalog produk dan melakukan penjualan,
perusahaan juga harus dapat menjaga hubungan baik dengan pelanggan maupun
antar sesama penjual. Pelanggan ingin terus mendapatkan informasi yang terbaru
dari penjual, dan sesama penjual juga ingin saling berhubungan agar dapat saling
bertukar informasi serta membentuk komunitas, demi meningkatkan pelanggan
dan tingkat penjualan mereka.
1.2 Ruang Lingkup
Untuk pembahasan sebuah topik skripsi yang lebih terarah dan terfokus
pada tujuan yang ingin dicapai, maka skripsi ini akan membahas hal-hal sebagai
berikut :
1. Aplikasi berbasis web yang dapat membantu mempermudah para pengguna
melakukan transaksi jual-beli.
2. Pengaruh konsep jejaring sosial yang dapat meningkatkan interaksi antar
penjual dan pembeli pada aplikasi penjualan berbasis web.
Dalam skripsi ini, tidak akan membahas hal-hal sebagai berikut:
1. Keamanan dalam melakukan transaksi
2. Pajak atas barang atau jasa
3. Pembayaran elektronik (e-Payment)
4. Proses Pengiriman barang ke pembeli (Shipping)
3
Sedangkan dalam pengembangan aplikasi ini, beberapa teknologi yang
diterapkan sebagai berikut:
1. Bahasa pemrograman web menggunakan Ruby dengan framework Rails
2. DBMS (Database Management System) menggunakan MySQL
3. AJAX (Asynchronous JavaScript and XML)
4. HTML (Hypertext Markup Language) dan CSS (Cascading Style Sheet)
1.3 Tujuan dan Manfaat
Adapun tujuan dari skripsi ini adalah menganalisis dan merancang
aplikasi penjualan berbasis web yang mudah digunakan dengan menerapkan
konsep jejaring sosial.
Sedangkan manfaat yang dapat diambil dari skripsi ini adalah:
1. Membangun komunitas yang mendukung lahirnya entrepreneur-entrepreneur
muda.
2. Mengurangi biaya pembangunan dan maintenance aplikasi penjualan
berbasis web bagi pengguna.
3. Memudahkan pengguna untuk melakukan transaksi penjualan dan pemesanan
secara online melalui internet.
4. Memudahkan konsumen untuk memperoleh informasi tentang produk yang
ingin dibeli.
5. Memperluas pangsa pasar bagi UKM (Usaha Kecil dan Menengah)
4
1.4 Metodologi
Dalam penyusunan Skripsi ini, metode penelitian yang digunakan
meliputi 2 bagian pokok yaitu :
1. Metode analisis
Metode analisis yang digunakan terdiri atas empat tahapan yang meliputi:
a. Studi Pustaka
Penulis mencari informasi yang berasal dari buku-buku dan
berbagai literatur yang berkaitan dengan objek penelitian. Sumber
tersebut digunakan sebagai landasan teori dan alat bantu dalam
melakukan analisis.
b. Analisis terhadap aplikasi sejenis
Analisis terhadap aplikasi sejenis dilakukan untuk
mengidentifikasi fitur-fitur yang umumnya dibutuhkan oleh para
pengguna.
c. Analisis kebutuhan dengan kuesioner
Pengumpulan data dibutuhkan dalam penyusunan skripsi ini.
Namun data yang akan dikumpulkan bukanlah berasal dari suatu
perusahaan, melainkan dari berbagai sumber baik itu perorangan
maupun perusahaan. Hal ini dikarenakan aplikasi ini ditujukan untuk
umum.
d. Identifikasi fitur
Melakukan identifikasi kebutuhan-kebutuhan yang benar-
benar diperlukan oleh pengguna berdasarkan data-data yang diperoleh
dari hasil analisis perbandingan terhadap aplikasi sejenis dan hasil
5
analisis kuosioner.
2. Metode Perancangan
Dalam melakukan perancangan aplikasi pada skripsi ini. Kami
menerapkan beberapa konsep-konsep rekayasa perancangan piranti lunak
yang sedang populer saat ini serta menjadi standar yang telah terbukti
keefektifan dan keefisienannya.
a. Agile Software Development
Suatu metode pendekatan perancangan rekayasa piranti lunak
yang bertujuan untuk mempercepat proses pembuatan suatu aplikasi
dengan menitik beratkan pada hal-hal yang praktis dan tanggap atas
perubahan.
b. Test Driven Development (TDD)
TDD adalah teknik yang digunakan untuk memastikan
kualitas dari suatu aplikasi terjaga dengan sejumlah skenario
percobaan yang dilakukan secara otomatis.
c. Model-View-Controller (MVC)
Suatu konsep perancangan aplikasi yang memisahkan aplikasi
menjadi 3 bagian, yaitu Model yang mengatur segala business logic
pada suatu data/objek, keadaan suatu data/objek. View bertanggung
jawab untuk menangani tampilan aplikasi. Controller berperan
sebagai pengatur alur dari Model dan View.
6
1.5 Sistematika Penulisan
Sistematika dalam penulisan skripsi ini disusun dengan urutan sebagai
berikut :
1. BAB 1 PENDAHULUAN
Bab ini akan membahas mengenai latar belakang masalah, ruang
lingkup, tujuan dan manfaat, metodologi penelitian yang dilakukan, serta
sistematika penulisan untuk menjelaskan pokok-pokok pembahasan.
BAB 2 LANDASAN TEORI
Bab ini akan menguraikan teori-teori yang mendukung penelitian
ini, sehingga menjadi dasar bagi pemecahan masalah. Teori-teori tersebut
didapat dengan melakukan studi pustaka sebagai landasan dalam
melakukan penelitian.
3. BAB 3 ANALISIS DAN PERANCANGAN
Bab ini membahas mengenai analisis dan perancangan perangkat
lunak, menganalisis masalah-masalah yang dihadapi, pemecahan
masalah, serta perancangan perangkat lunak secara lengkap.
4. BAB 4 IMPLEMENTASI DAN EVALUASI
Bab ini menjelaskan implementasi perangkat lunak, perangkat
keras dan contoh cara pengoperasian aplikasi yang dirancang. Bab ini
juga menguraikan hasil evaluasi dari penelitian ini.
5. BAB 5 SIMPULAN DAN SARAN
Bab ini mengemukakan simpulan dari penelitian yang dilakukan
dan saran-saran yang diusulkan untuk pengembangan lebih lanjut agar
tercapai hasil yang lebih baik.
7
BAB 2
LANDASAN TEORI
2.1 Internet
2.1.1 Sejarah Internet
Berdasarkan Leiner et al (2003) Internet yang banyak digunakan
orang saat ini bermula dari jaringan komputer yang digunakan oleh
Departemen Pertahanan Amerika Serikat. Jaringan komputer tersebut
dikenal dengan nama ARPANET (Advanced Research Projects
Administration Network) yang digunakan pada saat terjadi perang dingin
antara Amerika Serikat dengan Russia. Selanjutnya ARPANET
dikembangkan menjadi jaringan yang lebih luas lagi yang disebut dengan
Internet. Perkembangan Internet menjadi sangat pesat karena banyak
fasilitas yang ditawarkan seperti e-mail, file transfer dan lain-lain.
Agar dapat mengetahui komputer mana yang akan diakses, maka
masing-masing komputer tersebut diberi sebuah alamat yang disebut
dengan internet address. Setiap alamat internet harus didaftarkan pada
network information center, dimana alamat tersebut harus unik dan
direpresentasikan dalam dua wujud yaitu nama domain dan nomor IP-
nya.
8
2.1.2 Pengertian Internet
Menurut Purbo (2000) Internet adalah kumpulan dari jaringan
komputer besar maupun kecil yang luas dan saling berhubungan
menggunakan jaringan komunikasi yang ada diseluruh dunia sebagai
medianya.
Konsep pelayanan Internet terlihat pada gambar 2.1 dibawah ini :
Gambar 2.1 Konsep Pelayanan Internet
Protokol ini secara resmi disebut TCP/IP (Transmission Transfer
Protocol/ Internet Protocol).
Gambar 2.2 Paket-paket protokol yang ada pada jaringan TCP/IP
9
2.2 Pengertian TCP/IP
TCP singkatan dari Transfer Control Protocol sedangkan IP dalah
singkatan dari Internet Protocol. Menurut Sumarno (2007), TCP/IP merupakan
protokol jaringan komputer yang terbuka yang dapat terhubung dengan berbagai
macam jenis perangkat keras maupun perangkat lunak. TCP terdiri dari beberapa
layer atau lapisan yang memiliki fungsi yang khusus dalam komunikasi data.
Setiap fungsi dari layer selain dapat bekerjasama dengan layer pada tingkat yang
lebih rendah atau lebih tinggi, juga dapat berkomunikasi dengan layer sejenis
pada remote host (peering). IP adalah inti dari TCP/IP yang memiliki peran
sebagai pembawa data yang independen. Semua dokumen TCP/IP dalam bentuk
public dokumen IEN dan RFC.
IP terbagi menjadi kelas network A, B dan C. Sedangkan kelas D yang
digunakan untuk keperluan reverse IP dapat diabaikan. IP ditulis dalam bilangan
desimal dari 0 sampai 255. Data yang mengalir antar layer atau antar host
dibungkus dan diberi header dengan tujuan agar setiap layer dapat mengenali
dan dapat memproses lebih lanjut. Sebuah host tidak mengetahui alamat IP
gateway pada jaringan yang lain, akan tetapi data tersebut mengalir menuju host
tujuan yang terdapat pada network lain melalui gateway network-nya setelah
diberi penentuan routing alamat IP. Ciri-ciri TCP/IP :
1. Network Technological Independence
2. Universal Interconnection
3. End-to-End Acknowledgement
4. Application protocol Standard
TCP/IP menjadi satu nama karena fungsinya yang selalu berkaitan satu
10
sama lain dalam proses komunikasi data. TCP/IP saat ini banyak digunakan
dalam banyak jaringan komputer lokal (Local Area Network/LAN) yang
terhubung pada koneksi Internet, karena TCP/IP memiliki sifat :
1. Merupakan protokol standar yang terbuka, gratis dan dikembangkan terpisah
dari perangkat keras komputer tertentu. Karena itu protokol ini banyak
didukung oleh vendor perangkat keras, sehingga TCP/IP merupakan
pemersatu perangkat keras dan lunak komputer yang terdiri dari berbagai
macam vendor yang berbeda.
2. Berdiri sendiri atau terpisah dari berbagai jaringan perangkat keras. Sifat ini
memungkinkan TCP/IP bergabung dengan banyak jaringan komputer yang
ada. TCP/IP dapat beroperasi melalui sebuah ethernet, token ring, maupun
sebuah saluran dial-up, dan secara virtual melalui berbagai media fisik
transmisi data.
3. Dapat dijadikan sebagai alamat umum sehingga setiap perangkat yang
menggunakan TCP/IP akan memiliki sebuah alamat yang unik dalam sebuah
jaringan komputer lokal atau jaringan komputer global seperti internet.
4. Protokol ini di-standarisasi dengan skala tinggi secara konsisten sehingga
dapat memberikan layanan kepada pengguna internet di dunia.
2.3 World Wide Web (WWW)
Banyak orang yang mempunyai pendapat bahwa internet dan World Wide
Web adalah dua hal yang sama, namun sebenarnya internet dan World Wide Web
adalah dua hal yang berbeda. Internet berfungsi sebagai mekanisme transportasi
data, sedangkan World Wide Web adalah sebuah aplikasi yang menggunakan
11
fungsi transportasi tersebut.
Menurut Turban, Rainer, dan Potter (2003, p214), Web adalah sebuah
sistem standar yang sudah disetujui secara universal, digunakan untuk
menyimpan, menerima, memformat, dan menampilkan informasi via arsitektur
client/server. Web meliputi semua tipe data informasi digital termasuk text,
hypermedia, gambar, dan suara.
World Wide Web adalah kombinasi dari 4 ide, yaitu :
1. Hypertext : sebuah format kata yang dapat menghubungkan pengguna
internet terhubung antara sebuah dokumen ke dokumen lainnya,
menggunakan koneksi internet. Biasa disebut juga dengan hyperlinks.
2. Resource Identifiers : identifikasi yang unik yang digunakan untuk
mengalokasikan file atau dokumen di dalam jaringan. Biasanya dikenal
dengan URL (Uniform Resource Locator).
3. Client-server : sebuah sistem dimana komputer klien meminta sebuah
informasi, dapat berupa data atau file kepada komputer server yang memiliki
data tersebut.
4. Markup Language : kumpulan karakter atau kode untuk mengidentifikasi
data atau teks yang dikirim.
Untuk mengakses sebuah situs web, pengguna internet harus
mengidentifikasi alamat URL, berisi spesifikasi alamat web yang dituju. Salah
satu contoh dari URL misalnya, http://www.microsoft.com/ untuk situs web
Microsoft.
12
2.4 Hypertext Transfer Protocol (HTTP)
Hypertext Transfer Protocol merupakan sebuah metode atau cara yang
digunakan untuk mengirimkan informasi di dalam World Wide Web. Digunakan
sebagai cara untuk mengirimkan dan menerima informasi Hypertext Markup
Language (HTML).
Pengembangan HTTP dikoordinasikan oleh World Wide Web Consortium
dan Internet Engineering Task Force. Titik puncaknya adalah menghasilkan
sebuah seri dari RFCs, dikenal dengan RFC 2616 (pada tahun 1999), dan untuk
selanjutnya diartikan sebagai HTTP/1.1, sebuah versi dari HTTP yang masih
digunakan sampai saat ini.
HTTP adalah protokol pengirim dan penerima antara klien dan server.
Web Browser dapat diartikan sebagai klien, dan dapat juga disebut atau diartikan
sebagai “pengguna”. Sedangkan server tujuan merupakan penyedia dan
penghasil data atau informasi, termasuk file, gambar dan lain sebagainya.
2.5 WEB 2.0
Menurut Tim Oreilly (2005), Web 2.0 adalah sebuah revolusi bisnis di
dalam industri komputer yang terjadi akibat pergerakan ke internet sebagai
platform, dan suatu usaha untuk mengerti aturan-aturan agar sukses di platform
tersebut. Aturan utamanya adalah membangun aplikasi yang memanfaatkan efek
jaringan agar lebih baik dalam mendapatkan pengguna yang lebih banyak.
Web 2.0 menjadi topik hangat dalam pembahasan web saat ini. Prinsip-
prinsip dari Web 2.0, antara lain sebagai berikut:
� Web sebagai platform
13
� Data sebagai pengendali utama
� Effect jaringan diciptakan oleh partisipasi arsitektur
� Inovasi dalam sistem rakitan dan yang menyatukan fitur dari yang
terdistribusi, pengembang yang independen
� Model bisnis yg ringan yang dikembangkan dengan konten dan layanan
syndication
� Akhir dari siklus adopsi perangkat lunak
2.6 Asynchronous JavaScript and XML (AJAX)
AJAX yang merupakan singkatan dari Asynchronous Javascript and XML
adalah sebuah teknik pengembangan web yang ditujukan untuk mengembangkan
web interaktif. Penggunaan AJAX bertujuan untuk menjadikan halaman-
halaman web lebih responsif dengan melakukan pertukaran kumpulan data-data
dalam jumlah sedikit dengan server sehingga keseluruhan halaman web tidak
harus di-reload setiap kali pengguna melakukan permintaan tertentu. Hal ini
tentunya akan meningkatkan interaktivitas, kecepatan, dan keleluasaan
penggunaan halaman web. (Garret, 2005)
AJAX bukanlah sebuah teknologi, melainkan suatu kumpulan teknologi-
teknologi yang berjalan di belakangnya. Teknologi-teknologi yang berada di
balik AJAX, antara lain:
1. HTML/XHTML ( Hypertext/Extensible Markup Language)
2. CSS (Cascading Stylesheet)
3. DOM (Document Object Model)
4. XML (Extensible Markup Language)
14
5. XSLT
6. XMLHttp
7. JavaScript
2.6.1 Prinsip-Prinsip AJAX
Berdasarkan Zakas et al (2006, p9), sebagai awal dari
pengembangan, AJAX masih jauh dari kesempurnaan. Namun, sejumlah
web developer menganggap AJAX sebagai sebuah tantangan yang sangat
menarik. Michael Mahemof, seorang software developer
mengidentifikasi beberapa prinsip dari aplikasi AJAX yang baik, antara
lain sebagai berikut:
a. Trafik minimal
AJAX mengurangi sejumlah trafik yang dianggap tidak berguna
antara komputer server dan klien.
b. Tidak ada kejutan
Aplikasi AJAX memperkenalkan model interaksi pengguna yang
berbeda dengan aplikasi web tradisional. Berlawanan dengan standar web
click and wait, beberapa aplikasi AJAX mengimplementasikan paradigma
antarmuka pengguna yang berbeda, seperti drag and drop dan klik ganda.
c. Pengembangan yang bersifat konvensional
AJAX memanfaatkan model interaksi web tradisional maupun aplikasi
desktop untuk mengurangi waktu belajar para pengguna.
d. Tidak ada distraksi
15
AJAX tidak menggunakan elemen-elemen halaman yang
mengganggu pengguna secara visual, antara lain animasi yang berulang-
ulang, teks yang berkedip, dan lain-lain.
e. Aksesibilitas
Aplikasi AJAX yang baik harus memperhatikan kepentingan
pengguna baik pengguna primer maupun sekunder, bagaimana akses
pengguna-pengguna tersebut terhadap aplikasi AJAX. Aplikasi-aplikasi
AJAX sebaiknya tidak mengesampingkan aksesibilitas golongan kecil
pengguna-penguna tertentu. Kompatibitas terhadap browser-browser
yang lama juga berpengaruh terhadap faktor aksesibilitas ini.
f. Tidak mendownload halaman secara keseluruhan
Semua komunikasi server setelah melakukan download halaman
inisial, harus ditangani dengan baik oleh mesin AJAX.
g. Mendahulukan kepentingan pengguna
Kepentingan dan kebutuhan pengguna menjadi fokus utama
aplikasi AJAX.
2.6.2 Perbandingan Aplikasi Web Tradisional dengan Aplikasi AJAX
Cara kerja halaman web klasik sebagai berikut, ketika pengguna
melakukan permintaan HTTP kepada server, server akan melakukan
proses data, dan kemudian mengembalikan halaman HTML kepada klien.
Model seperti ini merupakan adaptasi dari penggunaan orisinal web
sebagai media hypertext. Setiap kali pengguna melakukan permintaan,
16
pengguna harus menunggu respons dari server untuk mengembalikan
permintaan halaman.
Gambar 2.3 Perbandingan Model Aplikasi Web
Aplikasi AJAX menjembatani permintaan klien dan respons
server dengan sebuah media yang disebut mesin AJAX sehingga
menjadikan aplikasi web lebih responsif dan mengurangi waktu tunggu
pengguna. Mesin AJAX ini akan mengubah sistem kerja aplikasi web
yang synchronous menjadi asynchronous dan menjadikan komunikasi
pengguna dan server menjadi independen.
17
Gambar 2.4 Perbandingan model interaksi synchronous dan
asynchrounous
2.7 Web Services
Menurut Richards (2006, p11 ) web services adalah aplikasi yang diakses
melalui internet menggunakan standar protokol internet dan menggunakan XML
sebagai format pesannya.
Menurut W3C Web Services Architecture Working Group (2004)
pengertian web services adalah suatu sistem piranti lunak yang dirancang untuk
mendukung interaksi antar mesin-mesin pada suatu jaringan, seperti internet dan
18
diakses melalui sistem jarak jauh. Sehingga yang terlibat adalah Sistem server
yang menyediakan layanan web services, kemudian client yang mengakses
fungsi dari web services tersebut.
2.8 Ruby
2.8.1 Sejarah
Ruby adalah bahasa pemograman yang dibuat oleh Yukihiro
“Matz” Matsumoto, seorang berkebangsaan Jepang pada tahun 1993.
Namun baru pada tahun 1995 diperkenalkan ke masyarakat umum. Ruby
merupakan bahasa pemograman yang memiliki fitur OOP (Object
Oriented Programming) yang sangat kuat. Ruby dibentuk sejak awal
dengan struktur OOP menggunakan bahasa C. Ruby termasuk dalam
kategori bahasa scripting. (Stewart, 2001).
Bahasa scripting adalah bahasa pemograman komputer yang
secara langsung diterjemahkan ke machine instruction serta langsung
dijalankan setiap kali kode program dijalankan. Yang menjadi perbedaan
dengan program, adalah karena program di compile menjadi binary
executable file permanen sebelum dijalankan.
Ruby awalnya dibuat untuk mewujudkan tujuan dari penciptanya
yaitu adanya suatu bahasa scripting yang memiliki fitur OOP,
sebagaimana diketahui pada saat itu hanya bahasa scripting Perl adalah
yang paling populer namun tidak mendukung OOP.
Pada tahun 2006, Ruby diterima oleh banyak orang. Dengan
komunitas pengguna Ruby yang aktif di banyak kota-kota di seluruh
19
dunia dan konferensi-konferensi beserta pertemuan Ruby terkait. Saat ini
banyak programmer profesional dari seluruh dunia serius ikut
mengembangkan Ruby.
Gambar 2.5. Ruby-Talk
Ruby-Talk, (http://www.ruby-lang.org/) milis utama untuk diskusi
Ruby telah mencapai kisaran 200 email setiap hari.
TIOBE index (http://www.tiobe.com/), yang menghitung
perkembangan bahasa-bahasa pemrograman, menempatkan Ruby pada
peringkat ke 10 diantara bahasa-bahasa pemrograman di seluruh dunia.
Melihat pada perkembangan ini, mereka memperkirakan, Kebanyakan
dari perkembangan Ruby karena terkenalnya software yang ditulis
dengan Ruby, terutama framework web Ruby on Rails.
2.8.2 Struktur Bahasa
Berikut contoh kode program menggunakan Ruby :
class Mahasiswa
def initialize(nama, nim)
@nama = nama
@nim = nim
end
20
def cetak_info
puts "Nama: #{@nama}"
puts "NIM: #{@nim}"
end
def nama=(nama_baru)
@nama = nama_baru
end
def nama
@nama
end
end
# membuat objek baru
mhs = Mahasiswa.new("Irfani","0800759274")
mhs.cetak_info #menjalankan method cetak_info
mhs.nama = "Ridwan" # mengubah nama objek mhs
mhs.cetak_info
nama = mhs.nama # method ini akan mengembalikan nilai Ridwan
puts nama #mencetak variabel nama dengan isi Ridwan
Tabel 2.1. Contoh Program Ruby
Konvensi pada bahasa ruby ada yang dibentuk dari bahasanya
sendiri dan juga ada yang dibentuk berdasarkan kesepakatan di komunitas
pengguna ruby. Beberapa konvensi tersebut adalah :
• Class Names
• Method_names and variable_names
• Methods_asking_a_question?
• Slightly_dangerous_methods!
• @instance_variables
21
• $global_variables
• SOME_CONSTANTS or OtherConstants
2.8.3 Fitur Bahasa
Ruby telah mendukung beberapa fitur-fitur terkini yang terdapat
pada bahasa-bahasa pemograman popular lainnya, beberapa diantaranya :
• Ruby memiliki fitur-fitur yang menangani exception, seperti Java atau
Python, untuk mempermudah menangani error.
• Ruby menyediakan mark-and-sweep garbage collector untuk semua
object Ruby. Sehingga object yang sudah tidak digunakan lagi tidak
akan menjadi sampah di memory.
• Menulis extension C di Ruby lebih mudah daripada di Perl ataupun di
Python, dengan API yang elegan untuk memanggil Ruby dari C. Ini
termasuk memanggil Ruby embedded di software, untuk digunakan
sebagai bahasa scripting.
• Ruby bisa load library extension secara dinamis jika Sistem Operasi
mengijinkan.
• Ruby menyediakan fitur OS threading yang independent. Maka,
untuk semua platform dimana Ruby berjalan, Anda juga punya
multithreading, terlepas dari apakah Sistem Operasi mendukung
multithreading atau tidak, bahkan pada MS-DOS sekalipun.
• Ruby sangat portable: Ruby kebanyakan dikembangkan di
GNU/Linux, tetapi juga berjalan di banyak tipe UNIX, Mac OS X,
22
Windows 95/98/Me/NT/2000/XP, DOS, BeOS, OS/2, dan lain-lain.
2.8.4 Perbandingan Ruby dengan Bahasa Lain
Untuk membandingkan bahasa Ruby dengan bahasa lain, penulis
membandingkannya dengan bahasa lain yang juga memiliki konsep OOP.
Bahasa dengan fitur OOP yang paling populer adalah Java.
Berikut ini adalah perbandingan kode program untuk
menjumlahkan dua angka dimana input diambil dari keyboard.
Kode program dalam Java:
import java.io.*;
public class Addup
{
static public void main(String args[]) throws
Exception {
InputStreamReader stdin = new
InputStreamReader(System.in);
BufferedReader console = new
BufferedReader(stdin);
int i1 = Integer.parseInt(console.readLine());
int i2 = Integer.parseInt(console.readLine());
System.out.println(i1 + i2);
}
}
Tabel 2.2. Kode Program Penjumlahan dalam Java
Anda dapat menuliskan program tersebut di Ruby sebagai berikut:
23
a = gets.to_i
b = gets.to_i
c = a + b
puts c
Tabel 2.3. Kode Program Penjumlahan dalam Ruby
Dari Java ke Ruby, bisa dipastikan source code akan
menciut/mengecil. Dan sangat besar kemungkinan bahwa untuk membuat
aplikasi di Ruby membutuhkan waktu yang jauh lebih singkat daripada
membuatnya di bahasa Java.
2.9 Ruby on Rails Web Framework (RoR)
Ruby on Rails (http://www.rubyonrails.org/) merupakan sebuah
framework web dengan penerapan pattern MVC. RoR ditulis menggunakan
bahasa pemrograman Ruby yang menerapkan konsep OOP. Di dalam
pengembangan aplikasi menggunakan RoR terdapat dua filosofi dasar yaitu
Convention Over Configuration dan Don’t Repeat Your Self. RoR memiliki
beberapa aturan-aturan yang sebaiknya diikuti. Kemudian RoR akan mengatur
segalanya baik itu database, url mapping, test unit, dan lain lain. Hal ini berbeda
dengan framework web lain seperti Struts, Spring dimana harus melakukan
langkah-langkah yang panjang dalam membuat konfigurasi agar framework
dapat berjalan.
RoR juga telah dilengkapi dengan Ajax, salah satu teknologi terkini
dalam dunia web. Fitur lainnya yaitu Object Relational Mapping (ORM)
membuat pekerjaan yang berhubungan dengan database menjadi mudah. Dimana
24
database akan di visualisasikan sebagai object yang saling berelasi. Untuk
kemudahan interaksi dengan aplikasi lain RoR juga mendukung fitur web
services.
Beberapa aplikasi yang telah dibuat dengan menggunakan RoR adalah :
1. Basecamphq.com
aplikasi manajemen proyek online
2. Yellowpages.com
Direktori telepon dan bisnis di Amerika Serikat
3. Odeo.com
Situs berbagi file audio (mp3, podcast)
2.10 E-commerce
2.10.1 Pengertian E-commerce
Menurut Turban (2002, p4), e-commerce adalah sebuah konsep
baru yang menggambarkan proses pembelian, menjualan atau pertukaran
produk, jasa dan informasi melalui jaringan komputer, termasuk melalui
internet.
Menurut Kalakota dan Robinson (2001, p4), e-commerce adalah
transaksi membeli dan menjual lewat media digital. Titik beratnya adalah
pada arus pesanan dan laba kotor. Sebagian besar adalah mempertemukan
pembeli dan penjual yang sebelumnya tidak pernah bertemu dan sebagian
kecil dari itu adalah secara sederhana melakukan transaksi yang tadinya
dilakukan melalui surat pemesanan.
25
Menurut Rayport dan Jaworski (2004, p3), definisi e-commerce
adalah pertukaran antara pihak-pihak (individu, organisasi atau
keduanya) yang dimediasi oleh teknologi, atau seperti kata electronic
yang mendahuluinya, merupakan aktivitas organisasi yang memfasilitasi
pertukaran tersebut..
Kesimpulannya e-commerce adalah pertukaran produk, jasa, dan
informasi dengan mempertemukan pihak penjual kepada konsumen akhir
melalui media elektronik seperti internet maupun media elektronik
lainnya.
2.10.2 Perbedaan E-commerce dengan E-business
E-commerce dan e-business merupakan suatu pembaharuan dalam
bisnis dengan mengunakan jaringan komputer yaitu internet. Dengan kata
lain ecommerce dan e-business adalah penjualan dan pemasaran yang
dilakukan secara online. Hal ini dilakukan untuk menciptakan
kemudahan–kemudahan bagi para pelaku bisnis terutama konsumen.
Karena konsumen merupakan kunci keberhasilan perusahaan, tanpa
adanya konsumen, perusahaan tidak dapat menjalankan bisnisnya.
Menurut Turban, Reiner dan Potter (2003, p275) E-commerce
menggambarkan proses penjualan, pembelian, dan pertukaran produk,
service (pelayanan), dan informasi melalui jaringan komputer, yaitu
internet.
E-business memiliki pengertian yang hampir sama dengan e-
commerce, tetapi tidak hanya penjualan dan pembelian saja melainkan
26
juga melakukan aktivitas pelayanan (services), kolaborasi dengan partner
bisnis, dan menjalankan transaksi elektronik dalam organisasi.
Menurut Kalakota & Robinson (2001, p.4) E-commerce
didefinisikan sebagai penjualan dan pembelian melalui media digital.
E-business tidak hanya mengenai transaksi e-commerce, tetapi
juga memperbaharui model bisnis lama dengan mengaplikasikan
teknologi didalamnya untuk memaksimalkan nilai konsumen.
2.10.3 Model E-commerce
Menurut Turban (2002, p.13–14), model-model dari e-commerce
berdasarkan transaksi yang dilakukan, adalah :
1. Business to business (B2B)
Model e-commerce yang dilakukan antar perusahaan atau
organisasi.Transaksi B2B meliputi transaksi IOS (Interorganizational
InformationSystem) dan transaksi e-market yang terjadi diantara
organisasi / perusahaan.
Berdasarkan Turban, Rainer dan Potter (2003, p.275), contoh dari
B2B adalah Wallmart dengan Wallmart Lambert.
2. Business to consumer (B2C)
Model e-commerce yang meliputi transaksi retail dengan pembeli
individual. Model ini juga biasa disebut e-tailing, contohnya seperti
Amazon.com
3. Consumer to consumer (C2C)
27
Model e-commerce dimana konsumen menjual secara langsung
kepada konsumen lainnya. Mereka menggunakan personal web pages
dan portal seperti intranet untuk mengiklankan produk atau jasanya.
4. People to people (P2P)
Model e-commerce jenis khusus dari C2C, dimana orang–orang
dapat bertukar lagu, film, software dan barang lainnya. Contohnya seperti
Kazaa, Imesh
5. Consumer to business (C2B)
Model e-commerce yang meliputi individu yang menggunakan
internet untuk menjual produk atau jasa kepada organisasi, seperti
individu yang mencari penjual, berinteraksi dengan mereka dan
melakukan transaksi online. Contohnya seperti Priceline.com
6. Intrabusines (organizational) e-commerce
Model e-commerce yang meliputi aktivitas internal perusahaan,
biasanya ditampilkan pada intranet atau corporate portal, yang
melibatkan pertukaran barang, jasa, atau informasi diantara unit–unit
yang beragam dalam perusahaan tersebut.
7. Business to employees (B2E)
Model e-commerce yang merupakan bagian dari kategori intra-
business dimana organisasi / perusahaan memberikan jasa, informasi,
atau produk kepada para karyawan.
8. Government to citizens (G2C)
28
Model e-commerce dimana pemerintah membeli, atau menjual
barang, jasa, atau informasi kepada perusahaan atau masyarakat
individual.
9. Exchange to exchange (E2E)
Model e-commerce yang berupa sistem formal yang
menghubungkan pertukaran.
10. Collaborative commerce
Model e-commerce yang merupakan aplikasi dari IOS untuk
kolaborasi elektronik diantara partner bisnis dan antara karyawan
perusahaan.
11. Mobile commerce
Model e-commerce yang dilakukan dalam lingkungan tanpa
kabel, sering disebut m-commerce.
2.11 Jejaring Sosial
2.11.1 Pengertian Jejaring Sosial
Jejaring sosial adalah struktur sosial yang terdiri dari elemen-
elemen individual atau organisasi. Jejaring ini menunjukan jalan dimana
mereka berhubungan karena kesamaan sosialitas, mulai dari mereka yang
dikenal sehari-hari sampai dengan keluarga. Istilah ini diperkenalkan oleh
profesor J.A. Barnes di tahun 1954.
Jejaring sosial adalah suatu struktur sosial yang dibentuk dari
simpul-simpul (yang umumnya adalah individu atau organisasi) yang
29
diikat dengan satu atau lebih tipe relasi spesifik seperti nilai, visi, ide,
teman, keturunan, dll.
2.11.2 Sejarah Jejaring Sosial
Sejak komputer dapat dihubungkan satu dengan lainnya dengan
adanya internet banyak upaya awal untuk mendukung jejaring sosial
melalui komunikasi antar komputer.
Situs jejaring sosial diawali oleh Classmates.com pada tahun 1995
yang berfokus pada hubungan antar mantan teman sekolah dan
SixDegrees.com pada tahun 1997 yang membuat ikatan tidak langsung.
Dua model berbeda dari jejaring sosial yang lahir sekitar pada tahun 1999
adalah berbasiskan kepercayaan yang dikembangkan oleh Epinions.com,
dan jejaring sosial yang berbasiskan pertemanan seperti yang
dikembangkan oleh Uskup Jonathan yang kemudian dipakai pada
beberapa situs UK regional di antara 1999 dan 2001. Inovasi meliputi
tidak hanya memperlihatkan siapa berteman dengan siapa, tetapi
memberikan pengguna kontrol yang lebih akan isi dan hubungan. Pada
tahun 2005, suatu layanan jejaring sosial MySpace, dilaporkan lebih
banyak diakses dibandingkan Google dengan Facebook, pesaing yang
tumbuh dengan cepat.
Jejaring sosial mulai menjadi bagian dari strategi internet bisnis
sekitar tahun 2005 ketika Yahoo meluncurkan Yahoo! 360°. Pada bulan
juli 2005 News Corporation membeli MySpace, diikuti oleh ITV (UK)
30
membeli Friends Reunited pada Desember 2005. Diperkirakan ada lebih
dari 200 situs jejaring sosial menggunakan model jejaring sosial ini.
2.11.3 Layanan Jejaring Sosial
Banyak layanan jejaring sosial berbasiskan web yang
menyediakan kumpulan cara yang beragam bagi pengguna untuk dapat
berinteraksi seperti chat, messaging, email, video, chat suara, share file,
blog, diskusi grup, dan lain-lain. Umumnya jejaring sosial memberikan
layanan untuk membuat biodata dirinya. Pengguna dapat meng-upload
foto dirinya dan dapat menjadi teman dengan pengguna lainnya.
Beberapa jejaring sosial memiliki fitur tambahan seperti pembuatan grup
untuk dapat saling sharing didalamnya.
2.12 Agile Software Development
2.12.1 Sejarah Agile Software Development
Metode pengembangan software secara Agile dikembangkan oleh
17 orang methodologis yang membentuk Agile Software Development
pada bulan Februari 2001. Kelompok ini lebih dikenal dengan sebutan
Agile Alliance (Baldwin dan Scragg, 2004).
31
2.12.2 Metode Agile Software Development
Di dalam Agile Manifesto (Agile Alliance, 2001) disebutkan
bahwa untuk mengembangkan software dengan cara yang lebih baik ada
4 manifesto utama antara lain :
1. Mementingkan komunikasi/interaksi antar individu dibandingkan
proses dan tools.
2. Mementingkan mengerjakan software dibandingkan dokumentasi
yang lengkap.
3. Kolaborasi dengan para pengguna software. Para pengguna software
dapat memberitahu seperti apa software yang mereka inginkan.
4. Respon terhadap perubahan. Dalam pengembangan software
perubahan adalah sebuah realitas yang tidak bisa dihindari. Sehingga
rencana proyek yang dibuat harus fleksibel dan memungkinkan
perubahan.
Gambar 2.6. Agile Software Development Life Cycle
32
2.13 Test Driven Development (TDD)
Test-Driven Development adalah sebuah teknik pengembangan software
yang melibatkan penulisan unit-unit test case dan kemudian
mengimplementasikannya kedalam kode yang diperlukan untuk melewati tes
tersebut. Semenjak dipublikasikan pada awal tahun 2003, TDD banyak
mendapatkan respon yang baik dari para pengembang software. (Newkirk dan
Vorontsov, 2004)
Ruby on Rails juga mendukung pengembangan aplikasi dengan
menggunakan teknik TDD ini. Rails secara otomatis membuat unit-unit test case
yang umum digunakan pada saat memulai membuat suatu proyek baru.
2.14 Model View Controller (MVC)
2.14.1 Sejarah MVC
Pada tahun 1979, Trygve Reenskaug mengembangkan sebuah
arsitektur baru untuk mengembangkan aplikasi yang interaktif. Dalam
desainnya, Trygve Reenskaug memisahkan aplikasi menjadi 3 jenis
komponen, yaitu model, views dan controllers. (Thomas, 2005, p9).
2.14.2 Pengertian MVC
MVC adalah salah satu design pattern yang terkenal untuk
pembuatan aplikasi. MVC merupakan singkatan dari Model Views
Controllers yang terdiri dari 3 komponen yang terpisah yang
mempermudah developer karena membuat aplikasi menjadi lebih
portable, scalable dan maintanable.
33
2.14.3 Komponen MVC
MVC terbagi atas 3 Komponen, yaitu :
1. Model
Model merupakan dasar dari sebuah aplikasi. Model bertanggung
jawab atas state yang ada di dalam aplikasi. State ini bisa bersifat
sementara, yang hanya digunakan untuk beberapa jenis interaksi dengan
pengguna. Terkadang state ini juga bisa bersifat permanen dan disimpan
diluar dari aplikasi tersebut, umumnya didalam database (Thomas dan
Handson, 2005, p9).
2. Views
View bertanggung jawab atas user interface (UI), yang normalnya
berdasarkan data yang ada didalam model. Contohnya, sebuah toko
online mempunya daftar produk-produk yang ingin ditampilkan di layar.
Daftar ini akan bisa diakses melewati model tetapi view-lah yang
bertanggung jawab untuk mengaksesnya dari model dan menampilkannya
sesuai format yang ingin ditampilkan kepada para pengguna. Umumnya
akses view ke model melalui perantara controller. (Thomas dan Handson,
2005, p9).
3. Controllers
Controler merupakan bagian utama dari aplikasi. Controllers
menerima event dari luar sistem (umumnya dari para pengguna), lalu
berinteraksi dengan model dan menampilkannya dengan format yang
layak untuk dilihat oleh para pengguna (Thomas dan Handson, 2005, p9).
34
Gambar 2.7. Arsitektur Model-View-Controller
2.15 Unified Modelling Languange (UML)
2.15.1 Pengertian UML
Menurut Booch (1998, p8) UML adalah sebuah bahasa visual
untuk memvisualisasikan, menspesifikasikan, membangun dan
mendokumentasikan artifak-artifak yang ada didalam sebuah system.
UML memberikan sebuah standar cara menuliskan rancang
bangun dari sebuah system, yang mencakup semua jenis konseptual
seperti bisnis proses dan fungsi dari sistem.
2.15.2 Use Case
Uses Case adalah sebuah teknik untuk merekam persyaratan
fungsional dari sebuah sistem. Use case mendeskripsikan interaksi tipikal
antara para pengguna sistem dengan sistem itu sendiri, dengan
memberikan sebuah narasi tentang bagimana sistem tersebut digunakan
(Fowler, 2004, p141).
Simbol-simbol yang digunakan dalam Use Case Diagram :
1. Use case
35
Use case adalah hasil penguraian cakupan sistem secara
fungsional kedalam bentuk-bentuk pernyataan yang lebih kecil.
Pernyataan ini digambarkan dengan simbol ellips.
Gambar 2.8. Use Case.
2. Aktor
Aktor adalah pengguna sistem. Didalam use case diagram para
pengguna sistem atau aktor digambarkan berinteraksi dengan sebuah
sistem melalui use case dan hubungan tertentu.
Gambar 2.9. Aktor.
3. Hubungan (Relasi)
Sebuah relasi digambarkan sebagai sebuah garis yang
menghubungkan aktor dengan use case yang berada di dalam sebuah
sistem. Tipe relasi dapat berbeda tergantung dari bagaimana garis
tersebut digambarkan.
36
2.15.3 Class Diagram
Class diagram menunjukan class yang terdapat dalam perangkat
lunak dan bagaimana mereka saling berhubungan Class diagram
mendeskripsikan jenis-jenis objek dalam sistem dan berbagai hubungan
statis yang terdapat diantara mereka. Class diagram juga menunjukkan
properti dan operasi sebuah kelas dan batasan-batasan yang terdapat
dalam hubungan-hubungan objek tersebut (Fowler, 2005, p53).
Simbol yang umum digunakan dalam class diagram yaitu :
• Kelas
Kelas digambarkan dengan sebuah kotak yang terbagi atas tiga
bagian, yaitu :
o Nama kelas (bagian atas)
o Attribut kelas (bagian tengah)
o Operasi kelas (bagian bawah)
Gambar 2.10 . Class Diagram
• Hubungan
Didalam class diagram terdapat 2 jenis hubungan yang umum
digunakan, yaitu :
o Asosiasi
37
Asosiasi digambarkan dengan sebuah garis lurus yang
menghubungkan dua buah kelas, berawal dari kelas sumber
menuju kelas yang dituju.
o Generalisasi
Generalisi digambarkan dengan sebuah garis yang
biasanya digambarkan secara vertikal yang menghubungkan
sebuah kelas sumber dengan subkelasnya. Kelas sumber
ditunjukkan menggunakan gambar segitiga yang menunjuk ke
arah kelas tersebut. Didalam sudut pandang software, yang
dimaksud dengan generalisasi adalah pewarisan (inheritance).
o Depedensi
depedensi ada diantara dua elemen yang saling berkaitan,
dimana perubahan definisi dari elemen yang satu (supplier) juga
menyebabkan perubahan definisi di elemen yang lainya (client).
Kelas client ditunjukkan dengan menggunakan segitiga yang
menunjuk ke arah kelas tersebut.
2.15.4 Sequence Diagram
Interaction diagram menggambarkan bagaimana sekelompok
objek saling berkolaborasi dalam beberapa behavior. UML memiliki
beberapa bentuk interaction diagram dan yang paling umum digunakan
adalah sequence diagram.
Sebuah sequence diagram secara khusus menjabarkan behavior
sebuah skenario tunggal. Diagram tersebut menunjukkan sejumlah objek
38
contoh dan pesan-pesan yang melewati objek-objek ini didalam use case
(Fowler, 2005, p81).
Gambar 2.11. Contoh Sequence Diagram.
Dalam contoh pada gambar 2.11 digambarkan proses interaksi disaat
member akan melakukan login. Sequence diagram tersebut dimulai pada saat
user mengisi form login lalu kemudian mensubmitnya, formLogin akan diterima
oleh MemberController yang kemudian melakukan proses pencarian data di
dalam objek Member.
2.15.5 UML Color Modelling
UML Color Modelling adalah sebuah tehnik pemodelan objek
yang menambahkan atribut warna untuk tiap-tiap jenis kelas tertentu.
Tiap-tiap tipe ini diwakili oleh satu warna. Tehnik pemodelan ini dapat
membantu untuk mengidentifikasikan kelas-kelas tertentu dan tanggung
jawab yang dimiliki kelas tersebut dalam logical layer. (Coad, 1999)
Dalam UML Color Modelling dikenal 4 jenis Archtypes yang
masing-masing memiliki peranan yang berbeda, yaitu :
a. Moment interval
39
Moment interval adalah sesuatu dimana seseorang
membutuhkannya untuk dapat mengerjakan suatu pekerjaan dan
mengontrol pekerjaan tersebut untuk kepentingan bisnis dan alasan-
alasan lainnya. Moment interval bersifat sementara dan hanya berlaku
untuk waktu tertentu atau jangka waktu tertentu. (Coad, 1999).
Gambar 2.12. Moment Interval
b. Role
Role adalah suatu cara untuk berpartisipasi yang dilakukan oleh
party( perorangan atau organisasi), place atau thing (Coad, 1999).
Gambar 2.13. Role
c. Party, place,or thing
Parties, places, dan things mewakili orang atau organisasi,
tempat, dan segala sesuatu yang ada dalam proses bisnis.
Gambar 2.14 . Party, Place, or Thing
40
d. Description
Description adalah sekumpulan nilai yang digunakan secara
berulang-ulang. Description juga menyediakan kumpulan behavior
dari archtypes lain yang dijelaskannya (Coad, 1999).
Gambar 2.15. Description
Untuk lebih jelasnya UML color modelling, perhatikan contoh
berikut :
Gambar 2.16. Contoh UML Color Modelling
Dari gambar diatas bisa diambil kesimpulan bahwa, terdapat suatu
peranan (role) bernama admin didalam sistem. Admin tersebut dapat
mengambil data dari session, yang biasanya berupa data login dan
autentifikasi, dan data-data ini bersifat sementara (moment interval).
41
Admin juga bisa mengakses data product (thing). Isi detail dari
product dijelaskan dibagian product detail (description).
2.16 Basis Data
2.16.1 Pengertian Database
Menurut Connolly dan Begg(2002, p14) Database adalah
kumpulan dari data-data logikal yang saling terhubung dan deskripsi dari
data-data tersebut yang didesain untuk memenuhi kebutuhan informasi
dari sebuah organisasi.
2.16.2 Entity Relationship Diagram (ERD)
Menurut Whitten, Bentley, dan Dittman (2004, pp295-307), entity
relationship diagram adalah pemodelan data yang menggunakan
beberapa notasi untuk menggambarkan data yang berhubungan dengan
entity dan hubungan (relationship) yang dideskripsikan oleh data
tersebut.
ERD merupakan diagram yang menggambarkan hubungan antar
objek data. Salah satu alternatif pembuatan ERD adalah dengan notasi
pemodelan Crow’s Feet.
Simbol-simbol yang ada digunakan dalam ERD
1. Entitas
Entitas adalah objek data representasi dari hampir semua
informasi gabungan yang harus dipahami yang direpresentasikan pada
database. (Connolly dan Begg, 2002, p15). Entitas terdiri atas beberapa
42
atribut yang merupakan properti dari entitas tersebut. Ada beberapa
macam jenis key atribut, antara lain:
• Key adalah suatu atribut, atau group atribut yang mengasumsikan
nilai unik untuk setiap instan.
• Composite key adalah group atribut yang secara unik
mengidentifikasi instan dari suatu entitas.
• Candidate key adalah suatu key yang dapat menjadi primary key dari
suatu entitas.
• Primary key adalah candidate key yang sebagian besar digunakan
untuk mengidentifikasi secara unik instan entitas tunggal
• Alternate key/Alternate key adalah candidate key yang tidak menjadi
primary key
• Foreign key adalah key utama dari suatu entitas yang digunakan pada
entitas lain untuk mengidentifikasi instan dari relationship.
Entity Name
PK primary key atribute
FK1 foreign key attribute
required value atribute
attribute 1
attribute 2
attribute n
Gambar 2.17. Entitas
2. Relationship
Relationship adalah hubungan asosiasi antar entitas. (Connolly
dan Begg, 2002, p15). Hubungan ini dinotasikan pada ERD dengan garis
lurus. Ada dua jenis relationship yaitu Non-identifying relationship dan
43
Identifying relationship. Non-identifying relationship adalah hubungan
dimana setiap entitas partisipan mempunyai primary key independen-nya
masing-masing. Relationship tipe ini digambarkan dengan garis putus-
putus dan biasa disebut strong entity. Sementara identifying relationship
adalah hubungan dimana setiap entitas partisipan mempunyai primary
key yang sama. Relationship tipe ini digambarkan dengan garis solid yang
tidak terputus-putus dan biasa disebut weak entity.
3. Kardinalitas
Kardinalitas merupakan suatu properties dari suatu relasi yang
mendefinisikan jumlah hubungan maksimum dari tiap entitas yang
memiliki relasi tersebut. (Connolly dan Begg, 2002, p351). Notasi
penggambaran kardinalitas pada ERD dengan pemodelan Crow’s Feet
adalah sebagai berikut:
44
Gambar 2.18. Notasi Kardinalitas
Gambar 2.19. Hubungan Antar Entitas
Gambar 2.19 diatas merupakan contoh relasi antar entitas product
category dengan product. Kardinalitas pada relasi tersebut menunjukkan bahwa
setiap produk hanya memiliki satu kategori produk dan kategori produk dapat
45
memiliki nol hingga banyak produk. Atribut name pada entitas products
merupakan atribut yang harus diisi, sedangkan atribut product_category_id
merupakan atribut foreign key yang menunjuk ke entitas product_categories.
2.16.3 Normalisasi
Menurut Connolly dan Begg(2002, p376) Normalisasi merupakan
sebuah teknik untuk menghasilkan sebuah kumpulan dari relasi-relasi
dengan atribut-atribut yang diinginkan, berdasarkan kebutuhan data
perusahaan.
Tujuan normalisasi dalam perancangan model data logikal untuk
sistem basis data relasional adalah untuk menciptakan representasi data,
hubungan antar data dan constraint yang akurat. Tahapan-tahapan
Normalisasi :
1. Unnormal Form (UNF)
Pada bentuk ini sebuah tabel masih memiliki satu atau lebih
kelompok data yang berulang. (Connolly dan Begg, 2002, p387)
2. First Normal Form (1NF)
Pada bentuk ini sebuah tabel memiliki relasi dimana pada setiap
sel (perpotongan baris dan kolom) hanya mengandung satu nilai.
(Connolly dan Begg, 2002, p388)
3. Second Normal Form (2NF)
Pada bentuk ini sebuah tabel memiliki relasi yang sama dengan
bentuk First Normal Form dan setiap attribut non-primary key tergantung
sepenuhnya pada primary key. (Connolly dan Begg, 2002, p392)
46
Dalam bentuk 2NF ini tidak boleh ada partial dependency. Jika
masih ada partial depedency, maka attribut yang memiliki functional
dependent tersebut harus dihilangkan dari sebuah relasi dengan cara
menempatkannya ke dalam sebuah relasi baru.
4. Third Normal Form (3NF)
Pada bentuk ini sebuah tabel memiliki relasi seperti yang ada
dalam 1NF dan 2NF, dan tidak ada atribut non-primary key yang
tergantung pada atribut non-primary key lainnya.
2.17 Interaksi Manusia dan Komputer
Delapan Aturan Emas Perancangan dalam hubungannya dengan Interaksi
Manusia dan Komputer
a. Berusaha keras untuk konsisten
Harus berusaha untukmenjaga konsistensi fungsi dan format tampilan
pada setiap halaman
b. Memungkinkan pengguna yang sering menggunakan shortcuts
Ketika frekuensi penggunaan meningkat, maka pengguna ingin
mengurangi jumlah interaksi dan meningkatkan kecepatan interaksi. Shorcuts
dapat membantu mempersingkat waktu dan jumlah interaksi yang dilakukan
oleh pengguna.
c. Memberikan umpan balik yang informatif
Untuk setiaip aksi pengguna, harus ada umpan balik sehingga pengguna
mengetahui apa yang telah dan akan dilakukan. Umpan balik dapat berupa
pesan, konfirmasi, informasi ataupun gambaran visual yang informatif.
47
d. Merancang dialog untuk menghasilkan keadaan akhir
Rangkaian aksi harus dikelompokkan ke dalam kelompok-kelompok
sesuai dengan fungsi nya masing-masing. Umpan balik yang informatif
setelah menyelesaikan kelompok aksi tersebut akan memberikan
penyelesaian yang memuaskan kepada pengguna, dan indikasi bahwa setiap
sistem siap untuk melakukan aksi berikutnya.
e. Memberikan pencegahan kesalahan dan penanganan kesalahan yang
sederhana
Sebisa mungkin sistem dirancang sehingga tidak memungkinkan
pengguna untuk dapat melakukan kesalahan yang serius. Jika pengguana
melakukan kesalahan, sistem harus dapat mendeteksi kesalahan dan
memberikan instruksi yang sederhana, bersifat membangun dan khusus guna
melakukan perbaikan.
f. Memungkinkan pembalikan aksi (undo) yang mudah
Sebisa mungkin sistem dirancang sehingga setiap aksi yang dilakukan
harus bisa dibalik. Fitur pembalikan aksi ini menghilangkan ketakutan
pengguna karena mereka mengetahui kesalahan yang telah dilakukan dapat
dibalikan kembali ke keadaan sebelumnya.
g. Mendukung pengendalian dari dalam
Pengguna yang berpengalaman sangat menginginkan perasaan bahwa
mereka menguasai sistem dan sistem merespon aksi mereka. Aksi sistem
yang tiba-tiba, rangkaian data yang membosankan, ketidakmampuan atau
kesulitan dalam mendapatkan informasi yang dibutuhkan menyebabkan
pengguna khawatir dan tidak puas.
48
h. Mengurangi beban ingatan jangka pendek
Keterbatasan manusia untuk mengingat dalam jangka pendek
menyebabkan tampilan harus sederhana, agar pengguna tidak kebingungan
untuk mengingat bagaimana cara menjalankan sistem atau aplikasi tersebut.
49
BAB 3
PERANCANGAN SISTEM
3.1 Analisis
3.1.1 Analisis Terhadap Aplikasi Sejenis
Untuk mendapatkan fitur-fitur yang tepat guna dan sesuai dengan
sasaran atas aplikasi yang akan dibuat, maka digunakan metode analisis
terhadap aplikasi yang sejenis. Dari hasil pencarian melalui internet, tidak
ada aplikasi yang benar-benar memiliki fitur sejenis dengan aplikasi yang
akan dibuat. Sehingga diputuskan untuk menganalisisnya terhadap
aplikasi yang memiliki fungsi dasar yang sama yaitu penjualan online.
Analisis ini dilakukan dengan membandingkan tiga buah aplikasi
yang cukup terkenal dan dapat merepresentasikan fitur atas situs
penjualan online yaitu Shopify, Indonetwork dan eBay.
1. Shopify
Aplikasi pertama adalah Shopify yang dapat diakses di
http://www.shopify.com. Aplikasi shopify menyediakan aplikasi
penjualan online dengan sistem keanggotaan, dimana masing-masing
anggota memiliki situs penjualannya tersendiri seperti toko online pada
umumnya. Terdapat juga fitur keanggotaan berbayar dengan beberapa
tambahan fasilitas. Agar dapat menjadikan lebih identik, lebih mudah
diakses dan diingat, maka alamat dari toko online masing-masing
50
anggotanya diberi subdomain. Bahkan terdapat fitur yang memungkinkan
anggotanya untuk menghubungkan domain internet pribadi yang
dimilikinya dengan alamat tokonya pada aplikasi Shopify. Anggotanya
dapat mengatur tampilan halaman toko mereka baik melalui theme yang
telah tersedia maupun membuat theme sendiri.
Gambar 3.1 Screnshoot Shopify (www.shopify.com)
2. Indonetwork (www.indonetwork.co.id)
Aplikasi kedua yang digunakan sebagai pembanding pada analisis
ini adalah Indonetwork yang dapat diakses pada
http://www.indonetwork.co.id. Aplikasi ini merupakan situs penyedia jasa
penjualan dan pembelian barang/jasa dalam bentuk directory listing yang
51
lebih diperuntukkan bagi pengguna yang berupa perusahaan. Fitur
subdomain seperti pada aplikasi Shopify juga disediakan. Sistem
directory listing yang ditawarkan oleh Indonetwork memungkinkan
penggunanya untuk mempublikasikan barang/jasa mereka yang kemudian
akan dikelompokkan berdasarkan kategori yang telah ditentukan oleh
Indonetwork dan akan ditampilkan pada situs utama Indonetwork. Sistem
toko online seperti pada Shopify tidak sepenuhnya sama dengan sistem
yang dimiliki oleh Indonetwork, dimana pada Indonetwork halaman toko
online penggunanya lebih kepada profil perusahaan. Sistem penjualannya
diarahkan kepada sistem penawaran/pemesanan dengan cara
mengirimkan surat bisnis kepada rekan perusahaannya.
Gambar 3.2 Screenshot indonetwork (www.indonetwork.co.id)
52
3. eBay (www.ebay.com)
Situs yang dapat diakses melalui http://www.ebay.com ini
memungkinkan setiap penggunanya untuk melakukan transaksi jual beli
dengan sistem lelang online. Konsep penjualan yang digunakan ebay jelas
berbeda dengan Shopify dan Indonetwork, karena sistem pembelian pada
ebay melibatkan proses lelang dimana beberapa pengguna melakukan
penawaran terhadap suatu barang yang akan dijual oleh seseorang.
eBay juga menggunakan sistem directory listing, dimana sistem
ini digunakan untuk mengelompokkan barang-barang sesuai dengan
kategori yang telah ditentukan. Penentuan jenis-jenis kategori yang ada
ditentukan oleh eBay sehingga pengguna tidak diijinkan untuk membuat
kategori baru pada sistem directory listing ini.
eBay menyediakan fasilitas keanggotaan untuk para penggunanya.
Pada saat awal mendaftar sebagai anggota, pengguna hanya memiliki
kemampuan untuk melakukan pembelian barang, namun kemudian dapat
mengaktifkan fasilitas yang memungkinkan pengguna memiliki toko
online sebagai alat untuk menjual barang mereka.
53
Gambar 3.3 Screenshot ebay (www.ebay.com)
Berikut adalah hasil analisis perbandingan atas fitur terhadap
ketiga aplikasi sejenis tersebut:
No. Fitur Pembanding Shopify Indonetwork eBay
1. Keanggotaan khusus dengan
fitur yang lebih dan berbayar Ya Ya Tidak
2. Subdomain Ya Ya Tidak
54
3. Pengaturan produk Ya Ya Ya
4. Pembayaran dengan kartu kredit Ya Tidak Ya
5, Manajemen halaman CMS Ya Tidak Tidak
6. Pengaturan tampilan Ya Tidak Tidak
7. Pengaturan hak akses Ya Tidak Tidak
9. Blog Ya Tidak Tidak
10. Berita ke email (Newsletter) Tidak Tidak Ya
11. Optimasi URL terhadap mesin
pencari (SEO) Ya Ya Ya
12. Rating atas merchant Tidak Tidak Ya
13. Review atas barang Tidak Tidak Ya
14. Multi bahasa Tidak Tidak Ya
15. Jejaring sosial Tidak Tidak Tidak
16. Mengundang teman untuk
menjadi anggota Ya Ya Ya
17. Afiliasi antar penjual Tidak Tidak Tidak
19. Hubungan dengan pelanggan Tidak Tidak Ya
20. Pesan pribadi antar member Tidak Ya Ya
21. Laporan penjualan Ya Tidak Tidak
22. Catatan pembelian Tidak Tidak Ya
Tabel 3.1. Tabel hasil analisis perbandingan fitur pada aplikasi
sejenis
55
Dari hasil perbandingan fitur pada tabel diatas, terlihat adanya
kekurangan dan kelebihan dari masing-masing aplikasi. Hasil tersebut
akan menjadi bahan pertimbangan untuk merumuskan fitur atas aplikasi
yang akan dibuat.
3.1.2 Analisis Kuesioner
Untuk mengetahui tingkat kebutuhan akan aplikasi jejaring sosial
penjualan maka dilakukan pengumpulan informasi dengan membuat
kuesioner kepada 100 responden dalam 4 kategori pengguna yang
berbeda dengan kuota sample yang sama yaitu 25 orang untuk masing-
masing kategori. Keempat kategori responden tersebut adalah penjual
yang online, penjual yang tidak online, pembeli online dan yang belum
pernah melakukan transaksi jual/beli secara online. Penyebaran kuesioner
ini dilakukan melalui forum, situs penjualan dan milis yang berhubungan
dengan penjualan, sehingga responden diasumsikan pernah menggunakan
internet.
Berikut adalah evaluasi atas hasil jawaban dari pertanyaan yang
diberikan pada kuesioner:
56
Persentase tingkat penggunaan internet dalam seminggu
14%
18%
6%62%
Kurang dari 5 jam
5-10 jam
10-15 jam
Lebih dari 15 jam
Gambar 3.4 Grafik persentase tingkat penggunaan internet dalam
seminggu
Berdasarkan data yang disajikan pada gambar diatas, diperoleh
kesimpulan bahwa internet sudah cukup populer di kalangan pengguna
sehingga penggunaan aplikasi online yang khususnya dalam hal ini
adalah aplikasi penjualan online dapat diakses dengan mudah, baik oleh
penjual maupun pembeli online.
57
Pertanyaan yang Khusus Dijawab oleh Penjual Online
02468
101214161820
Alasan penjual memiliki toko onlineSalah satu mediapemasaran
Mudah mengupdatekonten dan katalogbarangTransaksinyamudah
Banyak pelanggan
MudahmemberitahupelangganLain-lain
Gambar 3.5 Grafik persentase alasan penjual memiliki toko online
Berdasarkan hasil pengumpulan data yang disajikan diatas,
dimana setiap koresponden dapat menjawabnya lebih dari satu jawaban,
diperoleh kesimpulan bahwa alasan terbesar sebuah toko memiliki toko
online adalah sebagai media pemasaran. Selain alasan tersebut,
kemudahan memberi tahu pelanggan akan info terbaru akan toko online
juga menjadi alasan dengan tingkat pilihan yang tinggi setelah alasan
akan kemudahan mengupdate konten dan katalog. Memberikan informasi
kepada pelanggan yang merupakan salah satu langkah dalam memasarkan
suatu barang dapat semakin efektif dengan adanya jejaring sosial antar
penjual dan pembeli ataupun dengan sesama penjual. Hal ini semakin
meningkatkan kesesuaian antara jejaring sosial dengan sistem penjualan
online serta mempertajam kebutuhan akan jejaring sosial pada penjualan.
58
Persentase penggunaan aplikasi internet dalam melakukan penjualan secara online
24%
36%8%
12%
20%
Blog
Forum
JejaringpertemananMailing List
Website penjualantersendiri
Gambar 3.6 Grafik Persentasi Aplikasi Internet yang digunakan
untuk melakukan penjualan online
Berdasarkan grafik diatas, terlihat bahwa penjual online lebih
memilih menggunakan forum, blog atau mailing list dalam melakukan
penjualan secara online dengan jumlah persentase yang lebih besar
dibanding dengan penggunaan website penjualan tersendiri. Hal ini
dikarenakan belum adanya fasilitas penjualan online yang disediakan
secara gratis dan mudah penggunaannya sehingga banyak dari mereka
membuat melakukan penjualan online menggunakan aplikasi internet
yang bukan merupakan fungsi seharusnya.
59
Kisaran biaya maintenance toko online
76%
24%0%0% Gratis
Dibawah Rp. 500.000
Rp. 500.000 – Rp.1.000.000
Diatas Rp. 1.000.000
Gambar 3.7 Grafik persentase kisaran biaya maintenance toko online
Berdasarkan data yang disajikan pada gambar diatas, maka
diperoleh kesimpulan bahwa pengguna memiliki toko online dengan
biaya maintenance yang relatif rendah. Hal ini memperlihatkan usaha
penjualan online yang dimiliki responden masih berupa usaha kecil dan
menengah. Belum banyak dana yang dapat dapat dikeluarkan untuk
melakukan maintenance online. Inilah target utama aplikasi yang akan
dibuat apalagi dengan adanya kemudahan penggunaan dan
ketersediaannya yang gratis bagi penggunanya.
Persentase cara merekapitulasi pendapatan penjualan toko online
100%
0%
Konvensional
Otomatis
Gambar 3.8 Grafik persentase cara rekapitulasi pendapatan
60
Grafik persentase diatas memperlihatkan bahwa semua aplikasi
penjualan pada toko online yang dimiliki responden untuk melakukan
rekapitulasi atas pendapatannya masih secara konvensional (dengan
perhitungan sendiri). Dengan adanya otomatisasi dalam proses
rekapitulasi jelas lebih meningkatkan kemudahan dan efektifitas bagi
pengguna.
Rekapitulasi pendapatan yang dimaksud disini memiliki privasi
sesuai dengan kesepakatan yang telah disepakati bersama antar pengguna
dengan aplikasi (Privacy Statement), sehingga keamanan data personal
dijamin oleh penyedia aplikasi.
Persentase tingkat kesulitan penjual online dalam memberi katalog produk terbaru, berita dan promo
kepada pelanggan
28%
48%
24%
Sulit
Biasa
Mudah
Gambar 3.9 Grafik persentase tingkat kesulitan penjual untuk memberi
info produk kepada pelanggan
Berdasarkan grafik hasil kuesioner diatas, maka diperoleh
kesimpulan bahwa kegiatan penjual dalam memberi katalog produk
terbaru, berita dan promo kepada pelanggan relatif memiliki tingkat
61
kesulitan yang biasa. Tingkat kesulitan yang biasa ini dikarenakan mereka
menganggap penggunaan mailing list sudah cukup efektif dalam
memperikan infomasi kepada pelanggannya. Tapi dilain pihak banyak
pelanggan yang malas untuk bergabung dengan mailing list karena
beberapa alasan. Kebutuhan akan pemberian informasi kepada pelanggan
yang lebih efektif sangat dibutuhkan untuk memberikan kemudahan dan
juga tidak merepotkan pelanggan.
Persentase tingkat kesulitan penjual online dalam menginformasikan toko online kepada target
pelanggan
36%
48%
16%
Sulit
Biasa
Mudah
Gambar 3.10 Grafik persentase tingkat kesulitan pejual untuk memberi
info tentang tokonya kepada pelanggan
Berdasarkan data yang disajikan pada gambar 3.10 diatas
memperlihatkan bahwa kegiatan penjual dalam menginformasikan toko
online kepada target pelanggan memiliki persentase terbesar pada
kategori biasa. Namun persentase dengan tingkat kesulitan tinggi lebih
besar dari persentase jawaban dengan kategori mudah. Hal ini
dikarenakan target pelanggan sulit dilihat keberadaannya di internet.
62
Pelanggan dengan berbagai tingkat kebutuhannya yang berbeda-beda
tidak terkumpul sehingga menyulitkan untuk mengidentifikasinya sebagai
target pelanggan. Maka dibutuhkan suatu aplikasi yang dapat
memperlihatkan adanya pelanggan. Pelanggan yang tertarik akan suatu
jenis produk tertentu akan terhubung dengan penjual dalam konsep
jejaring sosial. Dengan adanya hubungan ini pula, penjual dapat
memberikan informasai yang sesuai target kepada para pelanggannya.
Persentase kecenderungan afiliasi antar penjual online
88%
12%
Ya
Tidak
Gambar 3.11 Grafik persentase kecenderungan afiliasi antar penjual
online
Berdasarkan grafik hasil kuesioner akan kecenderungan afiliasi
antar penjual online, terlihat bahwa tingkat kecenderungan afiliasi antar
toko merupakan suatu kebutuhan. Jika pelanggan mencari barang yang
tidak dijual pada suatu toko online tetapi dijual oleh toko partner-nya,
toko online tersebut akan direkomendasikan. Afiliasi atau hubungan antar
toko ini merupakan salah satu metode pemasaran didalam penjualan
online. Kecenderungan afiliasi antar toko ini dapat diimplementasikan
63
dengan adanya konsep jejaring sosial antar penjual. Oleh karena itu
terlihat bahwa adanya kebutuhan akan adanya jejaring sosial pada
penjualan untuk afiliasi antar toko online.
Pertanyaan yang Khusus Dijawab oleh Penjual Tidak Online
Persentase alasan penjual tidak memiliki toko online
0
2
4
6
8
10
12
14
16 Biaya pembuatanbesar
Kemampuan tekniskurang
Malas maintenance-nya
Transaksi tidakaman
Merasa toko onlinetidak berguna
Lain-lain
Gambar 3.12 Grafik persentase alasan penjual tidak memiliki toko
online
Berdasarkan grafik hasil kuesioner diatas yang dapat dijawab
dengan lebih dari satu jawaban, diperoleh kesimpulan bahwa alasan
tertinggi bagi penjual untuk tidak memiliki toko online adalah malasnya
mengurus dan memaintenance toko online. Salah satu kendala yang
menjadikan alasan ini adalah kurangnya kemudahan yang disajikan pada
aplikasi penjualan online dalam memaintenance toko online.
64
Persentase ketertarikan untuk memiliki toko online
100%
0%
Ya
Tidak
Gambar 3.13 Grafik persentase alasan penjual tidak memiliki toko
online
Berdasarkan data yang disajikan pada gambar diatas, maka
diperoleh kesimpulan bahwa mayoritas penjual yang belum memiliki toko
online tertarik untuk memiliki toko online. Responden tersebut sejauh ini
tidak memiliki toko online dengan alasan seperti yang terlihat pada grafik
persentase alasan penjual tidak memiliki toko online (Gambar 3.13)
65
Persentase ketertarikan penjual untuk membuat toko online pada aplikasi yang memberikan
kemudahan pembuatan toko online secara mudah dan gratis
100%
0%
Ya
Tidak
Gambar 3.14 Grafik persentasi ketertarikan penjual untuk membuat
toko online secara gratis
Berdasarkan grafik diatas, terlihat bahwa kemudahan dan
ketersediaan secara gratis merupakan unsur penting untuk menjadikan
penjual memiliki toko online. Dari 25 penjual yang belum memiliki toko
online, 100% dari mereka tertarik untuk memiliki toko online jika ada
aplikasi yang memberikan kemudahan pembuatan toko online secara
mudah dan gratis. Dapat disimpulkan belum ada aplikasi internet yang
menyediakan toko online dengan unsur penting tersebut.
66
Persentase tingkat kesulitan penjual tidak online dalam memberi katalog produk terbaru, berita dan
promo kepada pelanggan
40%
44%
16%
Sulit
Biasa
Mudah
Gambar 3.15 Grafik persentase kesulitan penjual tidak online untuk
memberikan info produk kepada pelanggan
Berdasarkan data yang disajikan pada gambar diatas, maka
diperoleh kesimpulan bahwa kegiatan memberi katalog produk terbaru,
berita dan promo kepada pelanggan relatif memiliki tingkat kesulitan
yang biasa. Namun persentase penjual yang merasa kesulitan masih
cukup besar. Hal ini dikarenakan penjual tidak online hanya memiliki
data pelanggan berupa alamat rumah atau bahkan tidak sama sekali.
Untuk memberi katalog produk terbaru, berita dan promo kepada
pelanggan biasanya dengan mengirimnya melalui surat atau membuat
iklan di beberapa media promosi. Jelas ini sangat merepotkan dan
memakan banyak biaya. Dilain pihak, penjual online telah memiliki
daftar pelanggan lengkap dengan emailnya. Penjual dapat mengirim
informasi tersebut melalui email yang lebih mudah dan murah,
67
Persentase tingkat kesulitan penjual tidak online dalam menginformasikan toko kepada teman-teman
pada daftar kontak
56%
44%
0%
Sulit
Biasa
Mudah
Gambar 3.16 Grafik persentase tingkat kesulitan penjual tidak online
untuk memberikan info tentang tokonya
Berdasarkan grafik diatas, terlihat bahwa penjual merasa kesulitan
untuk menginformasikan kepada seluruh seluruh daftar kontak teman-
teman yang telah dimiliki. Hal ini menunjukkan kebutuhan akan fitur
untuk memberi informasi secara mudah ke seluruh daftar kontak yang
telah kita miliki seperti di Yahoo, GMail, MSN dan lainnya.
68
Persentase aplikasi untuk membuat toko online dengan budget seminimal mungkin
64%20%
4%0% 8% 4%
Website penjualangratisBlog
Forum
JaringanPertemananMailing List
Website penjualantersendiri
Gambar 3.17 Grafik persentase aplikasi pembuatan toko online yang
termurah
Berdasarkan data yang disajikan pada gambar diatas, maka
diperoleh kesimpulan bahwa website penjualan yang disediakan secara
gratis dan dengan kemudahan penggunaan lebih diminati dibandingkan
aplikasi populer internet lainnya yang lebih diminati sebelumnya untuk
melakukan penjualan.
69
Pertanyaan yang Khusus Dijawab oleh Pembeli Online
0
2
4
6
8
10
12
14
16
Alasan pembeli melakukan pembelian secara online
Informasi lebihbanyak
Harganya lebihmurah
Transaksi lebihmudah
Pencarian baranglebih mudah
Lain-lain
Gambar 3.18 Grafik persentase alasan pembeli melakukan pembelian
online
Berdasarkan data yang disajikan pada gambar diatas, maka
diperoleh kesimpulan bahwa alasan terbesar seseorang untuk melakukan
pembelian secara online adalah karena kemudahan pencarian dan
kemudahan transaksi yang diikuti lebih banyaknya informasi yang
didapat. Hal ini semakin mempertajam kebutuhan utama pelanggan dalam
membeli produk secara online.
70
Persentase tingkat kesulitan dalam mencari barang-barang yang ingin dibeli secara online
0%
60%
40%Sulit
Biasa
Mudah
Gambar 3.19 Grafik persentase tingkat kesulitan pencarian barang
Berdasarkan data yang disajikan pada gambar diatas, maka
diperoleh kesimpulan bahwa proses pencarian produk yang ingin dibeli
pelanggan relatif mudah dikarenakan adanya fitur pencarian pada toko
online. Masalah timbul saat melakukan pencarian akan barang yang
belum tahu alamat toko online yang menjual barang tersebut atau saat
melakukan pencarian pada lebih dari satu toko. Untuk masalah tersebut
pembeli biasanya menggunakan fasilitas mesin pencari di internet. Solusi
ini cukup baik, namun kadang beberapa hasil pencarian akan barang pada
lebih dari satu toko tidak menghasilkan sesuai yang kita harapkan.
Banyak hasil pencarian yang merujuk pada penjualan barang yang sudah
tidak dijual lagi. Jelas kebutuhan untuk mengumpulkan toko online pada
satu aplikasi semakin dibutuhkan untuk meningkatkan kemudahan dalam
pencarian barang sehingga pencarian barang dapat dilakukan pada
aplikasi tersebut tanpa hasil pencarian yang tidak kita harapkan tadi.
71
Persentase tingkat kesulitan dalam mendapatkan informasi akan katalog produk terbaru, berita dan
promo dari beberapa toko online langganan
32%
40%
28%
Sulit
Biasa
Mudah
Gambar 3.20 Grafik persentase tingkat kesulitan pembeli dalam
mendapatkan info produk
Berdasarkan data yang disajikan pada gambar diatas diatas
memperlihatkan bahwa tingkat kesulitan pelanggan untuk mendapatkan
informasi akan katalog produk terbaru, berita dan promo dari beberapa
toko online (lebih dari satu toko online) langganan dapat dikatakan
seimbang yaitu dengan persentasi mudah dan sulit yang hampir sama.
Memang beberapa pelanggan mendapatkan informasi tersebut melalui
mailing list. Namun menjadi masalah ketika banyak toko online yang
ingin selalu kita dapatkan informasinya. Mailing list dirasa kurang efektif
untuk mengatasi kebutuhan ini. Maka dibutuhkan suatu sistem untuk
memudahkan dalam mendapatkan informasi yang terus berubah ini
dengan cepat.
72
Persentase tingkat kesulitan dalam melakukan transaksi pembelian secara online
4%
56%
40%Sulit
Biasa
Mudah
Gambar 3.21 Grafik persentase tingkat kesulitan dalam melakukan
transaksi pembelian secara online
Berdasarkan grafik hasil kuesioner diatas, maka diperoleh
kesimpulan bahwa pelanggan sudah merasakan kemudahan dalam
membeli produk secara online di internet. Terlihat dengan persentase
kemudahan transaksi online yang cukup besar. Hal ini mendukung
terciptanya suatu lingkungan transaksi online sehingga menjadikan
aplikasi penjualan online menjadi suatu kebutuhan sebagai alat untuk
melakukan transaksi online tersebut.
73
Persentase kegunaan afiliasi antar penjual bagi pelanggan
92%
8%
Ya
Tidak
Gambar 3.22 Grafik persentase kegunaan afiliasi antar penjual bagi
pelanggan
Berdasarkan data yang disajikan pada gambar diatas, maka
diperoleh kesimpulan bahwa referensi toko online sangat berguna bagi
pelanggan. Seperti saat barang yang dicari pelanggan tidak dijual,
referensi toko online yang diberikan oleh toko online langganan dirasa
berguna bagi pelanggan. Referensi toko online ini memperlihatkan
kecenderungan akan hubungan yang tercipta antara sesama penjual.
Sedangkan dalam implementasinya, referensi toko ini dapat berupa
afiliasi antar toko online. Pada pemaparan masalah tersebut jelas terlihat
kecenderungan akan jejaring sosial antar sesama penjual dibutuhkan.
74
Pertanyaan yang Khusus Dijawab oleh Lainnya (tidak pernah
melakukan transaksi jual/beli secara online)
0
2
4
6
8
10
12
14
Alasan seseorang tidak pernah melakukan transaksi jual/beli secara online
Tidak aman
Merepotkan
Tidak mengerti
Lain-lain
Gambar 3.23 Grafik persentase alasan seseorang tidak pernah
melakukan transaksi jual/beli secara online
Berdasarkan data yang disajikan pada gambar diatas, dimana
setiap koresponden dapat menjawabnya lebih dari satu jawaban, diperoleh
kesimpulan bahwa ketidakamanan transaksi masih menjadi alasan utama
untuk tidak melakukan transaksi secara online. Hal ini dapat diatasi
dengan adanya status reputasi penjual baik dari penjual maupun pembeli.
Status reputasi ini dapat dibuat dengan menggunakan sistem rating bagi
penjual sehingga dapat diketahui kepercayaan akan kebenaran toko online
tersebut. Tingkat kualitas produk juga dapa diketahui degan adanya fitur
review pada setiap produk, sehingga pembeli dapat mengetahui
bagaimana komentar pelanggan lainnya pada produk tersebut.
75
Berdasarkan hasil seluruh jawaban kuesioner tersebut, maka dapat
disimpulkan bahwa dibutuhkan suatu aplikasi untuk membuat toko online
dengan kemudahan dalam penggunaan dan disediakan secara gratis serta
adanya konsep jejaring sosial pada penjualan yaitu antar pelanggan
dengan penjual dan antara sesama penjual. Kemudahan penggunaan ini
termasuk adanya kemudahan dalam melakukan rekapitulasi atas
pendapatan dan kemudahan dalam pencarian produk. Adanya jejaring
sosial pada penjualan ini dibutuhkan untuk dapat memberikan kemudahan
dalam memberi dan mendapatkan informasi akan toko online. Walaupun
pengguna toko online baik penjual maupun pembeli cukup banyak,
namun masih dibutuhkan keamanan akan transaksi dan adanya status
reputasi toko online dan review akan produk untuk meningkatkan
kepercayaan pelanggan.
3.1.3 Analisis Fitur
Dari hasil perbandingan terhadap aplikasi sejenis yang telah
dipaparkan pada Bab 3.1 dengan didukung oleh analisa terhadap hasil
kuesioner yang disebarkan kepada target pengguna, maka dilakukan
analisa akan kebutuhan-kebutuhan yang diinginkan oleh target pengguna.
Aplikasi yang akan dibuat menyatukan konsep dari aplikasi
jejaring sosial yang sangat populer saat-saat ini (friendster, myspace)
dengan aplikasi penjualan online seperti pada aplikasi Shopify. Namun
dengan beberapa penyesuaian sesuai dengan yang kebutuhan dari hasil
76
analisis yang telah dipaparkan sebelumnya. Berikut hasil analisa fitur
yang akan diimplementasikan pada aplikasi yang akan dibuat:
No. Fitur
1. Subdomain
2. Pengaturan produk
3. Manajemen halaman CMS
4. Pengaturan tampilan
6. Blog
7. Newsletter
8. Optimasi URL terhadap mesin pencari (SEO)
9. Rating atas merchant
10. Review atas barang
11. Jejaring sosial
12. Afiliasi antar penjual
13. Hubungan dengan pelanggan
14. Pesan pribadi antar member
15. Mengundang teman untuk menjadi member
16. Laporan penjualan
17. Catatan pembelian
18. Pasar (Marketplace) untuk pencarian produk
Tabel 3.2. Analisis Fitur
Fitur utama yang diinginkan oleh pengguna adalah adanya fitur
jejaring sosial dalam aplikasi penjualan ataupun pembelian. Berdasarkan
77
grafik persentase hasil kuesioner mengenai kegunaan afiliasi antar penjual
bagi pelanggan (Gambar 3.11) bahwa 90% responden menyatakan
berguna. Hal tersebut merupakan konsep dasar dari sistem jejaring sosial,
bahwa ada kecenderungan seseorang untuk membentuk komunitas,
membentuk jaringan, tidak terkecuali pada kegiatan jual beli. Penjual
banyak membentuk komunitas, bahkan penjual biasa di pasar mempunyai
jaringan untuk saling membantu penjualan masing-masing. Demikian
juga halnya dengan pembeli, mereka mempercayai referensi teman yang
diberikan oleh penjual langganan atau yang dipercaya olehnya, dan juga
akan lebih banyak memiliki pilihan untuk membeli barang/jasa. Interaksi
sosial yang terjadi juga menjadi ketertarikan tersendiri bagi pengguna
internet untuk menggunakan suatu aplikasi internet.
Berkaitan dengan hasil kuesioner, mengenai alasan seseorang
untuk memiliki toko online (gambar 3.5), dimana mayoritas disebabkan
oleh keinginan untuk memasarkan produk/jasa lebih luas. Untuk itu
disediakanlah fitur mengundang teman, newsletter, serta optimasi URL
terhadap mesin pencari. Kemampuan untuk mengundang teman dapat
meningkatkan dengan cepat pengunjung yang mengakses toko pengguna,
dengan cara mengirimkan email pemberitahuan. Newsletter digunakan
untuk member informasi kepada pelanggan yang telah terhubung
mengenai informasi produk-produk terbaru. Sedangkan optimasi URL
dapat meningkatkan tingkat kemunculan alamat toko pada mesin pencari.
Sehingga dapat ditemukan oleh calon pembeli dengan cepat. Hal ini akan
mempercepat pemasaran suatu toko. Apalagi dengan fitur jejaring sosial
78
yang telah disebutkan sebelumnya, akan semakin memperluas jaringan
toko online pengguna.
Dalam hal keinginan pengguna yang memiliki toko online untuk
memiliki ciri khas keunikan dari tokonya, maka disediakan fitur
pengaturan tampilan dan pengaturan halaman CMS. Hal ini
memungkinkan pengguna untuk menyesuaikan tampilan tokonya sesuai
dengan image, brand, identitas tokonya. Didukung juga dengan adanya
fitur subdomain, sehingga selain mudah untuk diingat dan diakses juga
meningkatkan identifikasi personal dari toko tersebut.
Laporan penjualan juga menjadi hal yang penting. Fitur ini
berguna untuk mengetahui statistik perkembangan toko online
perbulannya. Laporan yang disajikan berupa grafik penjualan secara
sederhana seingga mudah untuk dimengerti.
Fitur keanggotaan berbayar tidak disediakan, dikarenakan
kebanyakan pengguna yang menjadi target adalah individu-individu yang
memulai menjadi wirausahawan. Dimana mereka memiliki modal yang
sedikit. Sehingga aplikasi ini dapat digunakan secara gratis. Pemasukan
yang diharapkan untuk pengeluaran biaya maintenance aplikasi nantinya
akan bersumber dari iklan.
Bagi pengguna yang berperan sebagai pembeli, diberi kemudahan
untuk mencari produk yang diinginkan dengan adanya fitur pasar
(marketplace). Disini user dapat mencari barang-barang yang diinginkan
dengan beberapa pilihan, misalkan jenis produk, rentang harga, dan lain-
lain.
79
3.2 PERANCANGAN
3.2.1 User Hierarchy
User Hierarchy menggambarkan pengelompokkan para pengguna
sistem. Para pengguna sistem ini dikelompokkan menjadi beberapa
kategori, sesuai fungsi, peran dan interaksi yang dilakukannya terhadap
sistem. Kategori-kategori user ini disebut juga sebagai Actors didalam
Use Case Diagram. (Pressman, 2005, p541).
Didalam aplikasi para pengguna sistem digambarkan sebagai berikut :
Super Administrator
Guest Member
User
Customer Merchant
Gambar 3.24 User Hierarchy
80
No Actor Deskripsi
1 Super Administrator Administrator dari situs aplikasi ini
2 User Semua pengguna fasilitas jasa yang disediakan
oleh aplikasi ini
3 Guest User yang belum terdaftar didalam sistem
4 Member User yang sudah terdaftar didalam sistem
5 Customer Member yang belum memiliki toko
6 Merchant Member yang sudah memiliki toko
Tabel 3.3 Daftar Actor
3.2.2 Use Case Diagram
1. Use Case Administrator
Gambar 3. 25 Use Case Super Administrator
81
2. Use Case User dan Guest
Gambar 3. 26 Use Case User dan Guest
82
3. Use Case Member dan Customer User
System
Create Shop
Change Profile
Change Password
View Connection
View Message
View Order History
Give Rating to
Merchant Shop
Create Connection
Merchant Customer
Member
Create Review for
Merchants Products
Logout
Login
Send Message
Manage Connection
Gambar 3. 27 Use Case Member dan Customer
83
4. Use Case Merchant
System
Merchant
Manage Discount
Change Shop Profile
Manage Product
Category
View Statistic
Accept Product
Review
Manage Pages
Manage Blog Post
Manage Blog
Categories
Manage Blog
Comments
Change Themes
Change
Configuration
Manage Product
Accept Order
View Sales Report
Newsletters
Gambar 3. 28 Use Case Merchant
84
3.2.3 Class Diagram
1. Class Diagram Super Administrator
Gambar 3. 29 Class Diagram : Super Administrator
85
2. Class Diagram Customer
a. Dashboard Controller
+index()
+month_diff(in start, in end)
Admin::DashboardController
IndexView
+account_password()
Admin::AccountController
+index()
+create()
+destroy()
+customers()
+merchants()
+create_request()
+pending_requests()
+cancel_request()
+waiting_for_approval()
+approve_request()
+reject_request()
Admin::ConnectionController
+inbox()
+outbox()
+delete_message()
+purge_message(in message)
+trash_bin()
+send_message()
+view_message()
+reply_to_message()
+can_view(in message)
Admin::MessagesController
+index()
+show()
+destroy_all()
Admin::OrdersController
+index()
+modify()
+create_photo()
Admin::ProfileController
+show()
+edit()
+create()
+update()
+theme()
+update_theme()
+fill_themes()
+configuration()
+update_configuration()
Admin::ShopController
+authenticate(in username, in password)
+currently_online()
+last_login()
+encrypt(in password)
+authenticated?(in password)
+remember_token?()
+remember_me()
+forget_me()
+activation_code()
+recently_activated?()
+generate_new_password()
+request_friendship_with(in target, in message)
+delete_friendship_with(in target)
+accept_request_from(in from)
+invites()
+requests()
+is_friend_with?(in friend)
+is_pending_friend_with?(in friend)
+is_waiting_approval_with?(in parameter)
+is_pending_request_with?(in friend)
+list()
+view(in viewed_id)
+who_view_me()
+total_view_me()
+recent_orders()
+recent_blogs()
User
Profile
+add_sales_items_from_cart()
+username()
+items()
+status_name()
Sales
+list()
+list_market()
+list_market_tagged()
+list_at_store_by_product_category()
+list_at_store_by_tag()
+price()
+price_after_discount()
+find_random_sale(in shop_id)
+find_random_featured(in shop_id)
Product
ProductImage
+list()
+collect_product_category_tree()
+collect_all_parent_product_category(in product_category_id)
+total_product()
ProductCategory
Photo
+list()
+list_by_status()
+list_by_year()
+list_by_year_month()
BlogPost
+sender_name()
+receiver_name()
Message
+list()
BlogPostCategory
+delete_friendship(in person1, in person2)
Friendship
+from_cart_item(in cart_item)
+total_price()
+created_at()
+updated_at()
+status()
SalesItem
Gambar 3. 30 Class Diagram : Customer Dashboard Controller
86
b. Account Controller
Gambar 3. 31 Class Diagram : Customer Account Controller
c. Connection Controller
+index()
+create()
+destroy()
+customers()
+merchants()
+create_request()
+pending_requests()
+cancel_request()
+waiting_for_approval()
+approve_request()
+reject_request()
Admin::ConnectionController
CreateRequestView
CustomersView
MerchantsView
PendingRequestsView
WaitingForApprovalView
+authenticate(in username, in password)
+currently_online()
+last_login()
+encrypt(in password)
+authenticated?(in password)
+remember_token?()
+remember_me()
+forget_me()
+activation_code()
+recently_activated?()
+generate_new_password()
+request_friendship_with(in target, in message)
+delete_friendship_with(in target)
+accept_request_from(in from)
+invites()
+requests()
+is_friend_with?(in friend)
+is_pending_friend_with?(in friend)
+is_waiting_approval_with?(in parameter)
+is_pending_request_with?(in friend)
+list()
+view(in viewed_id)
+who_view_me()
+total_view_me()
+recent_orders()
+recent_blogs()
User
+delete_friendship(in person1, in person2)
Friendship
Gambar 3. 32 Class Diagram : Customer Connection Controller
87
d. Messages Controller
Gambar 3. 33 Class Diagram : Customer Messages Controller
e. Profile Controller
Gambar 3. 34 Class Diagram : Customer Profile Controller
f. Orders Controller
Gambar 3. 35 Class Diagram : Customer Orders Controller
88
3. Class Diagram Merchant
a. Shop Controller
+show()
+edit()
+create()
+update()
+theme()
+update_theme()
+fill_themes()
+configuration()
+update_configuration()
Admin::ShopController
+index()
+show()
+new()
+edit()
+create()
+update()
+destroy()
+change_publish_status()
Admin::BlogController
+index()
+new()
+edit()
+create()
+update()
+destroy()
Admin::CategoriesController
+index()
+show()
+manage()
+destroy()
Admin::CommentsController
+index()
+new()
+edit()
+create()
+update()
+destroy()
Admin::DiscountController
+show()
Admin::GraphController
+index()
+send_messages()
Admin::NewsletterController
+index()
+new()
+edit()
+create()
+update()
+destroy()
+change_publish_status()
Admin::PagesController
+index()
+new()
+edit()
+create()
+update()
+destroy()
+products()
+fill_product_categories(in show, in id)
Admin::ProductCategoriesController
+index()
+new()
+edit()
+create()
+update()
+destroy()
+fill_product_categories()
+fill_discounts()
Admin::ProductsController
+index()
Admin::RatingsController
+index()
+show()
+manage()
+destroy()
Admin::ReviewsController
+index()
+show()
+update_status()
Admin::SalesController
ShowView
EditView
ConfigurationView
ThemeView
ShopProfile
+list()
+name()
+recent_sales()
+recent_blogs()
Shop
Configuration
+list()
Theme
+sales()
+statistic()
Admin::ReportController
Logo
Gambar 3. 36 Class Diagram : Merchant Shop Controller
89
b. Blog Controller
Gambar 3. 37 Class Diagram : Merchant Blog Controller
c. Categories Controller
+index()
+new()
+edit()
+create()
+update()
+destroy()
Admin::CategoriesController
+list()
BlogPostCategory
IndexView
EditView
NewView
Gambar 3. 38 Class Diagram : Merchant Categories Controller
d. Comments Controller
Gambar 3. 39 Class Diagram : Merchant Comments Controller
e. Graph Controller
Gambar 3. 40 Class Diagram : Merchant Graph Controller
90
f. Newsletter Controller
Gambar 3. 41 Class Diagram : Merchant Newsletter Controller
g. Pages Controller
Gambar 3. 42 Class Diagram : Merchant Pages Controller
h. Ratings Controller
Gambar 3. 43 Class Diagram : Merchant Ratings Controller
i. Reviews Controller
Gambar 3. 44 Class Diagram : Merchant Reviews Controller
91
j. Sales Controller
Gambar 3. 45 Class Diagram : Merchant Sales Controller
k. Report Controller
+sales()
+statistic()
Admin::ReportController
SalesView
StatisticView
+add_sales_items_from_cart()
+username()
+items()
+status_name()
Sales
+list()
+collect_product_category_tree()
+collect_all_parent_product_category(in product_category_id)
+total_product()
ProductCategory
+list()
+list_market()
+list_market_tagged()
+list_at_store_by_product_category()
+list_at_store_by_tag()
+price()
+price_after_discount()
+find_random_sale(in shop_id)
+find_random_featured(in shop_id)
Product
Gambar 3. 46 Class Diagram : Merchant Report Controller
92
l. Product Controller
Gambar 3. 47 Class Diagram : Merchant Products Controller
m. Product Categories Controller
+index()
+new()
+edit()
+create()
+update()
+destroy()
+products()
+fill_product_categories(in show, in id)
Admin::ProductCategoriesController
IndexView
NewView
EditView
+list()
+collect_product_category_tree()
+collect_all_parent_product_category(in product_category_id)
+total_product()
ProductCategory
Gambar 3. 48 Class Diagram : Merchant Product Categories Controller
n. Discount Controller
Gambar 3. 49 Class Diagram : Merchant Discount Controller
93
4. Class Diagram User
a. Home Controller
Gambar 3. 50 Class Diagram : User Home Controller
b. Cart Controller
+add_to_cart()
+remove_from_cart()
+update_cart()
+empty_cart()
+checkout()
+save_order()
+find_product(in product_id)
CartController
CheckoutView
+initialize()
+add_product_to_cart(in product)
+remove_product_from_cart(in product)
+update_cart(in items)
+grand_total()
+total_items()
+find_cart(in product)
ShopCart
+add_sales_items_from_cart()
+username()
+items()
+status_name()
Sales
+list()
+name()
+recent_sales()
+recent_blogs()
Shop
+list()
+list_market()
+list_market_tagged()
+list_at_store_by_product_category()
+list_at_store_by_tag()
+price()
+price_after_discount()
+find_random_sale(in shop_id)
+find_random_featured(in shop_id)
Product
ProductImage
+initialize(in product)
+add_product(in product)
+remove_product(in product)
+total_items()
+total_price()
+find_item(in product)
+update_item(in product, in quantity)
Cart+initialize(in quantity)
+increment_quantity()
+decrement_quantity()
+quantity()
+quantity=(in quantity)
+name()
+price()
+shop_name()
+total_price()
CartItem
+email(in from, in to, in news)
+setup_email(in from, in to, in news)
SendInvoice
+from_cart_item(in cart_item)
+total_price()
+created_at()
+updated_at()
+status()
SalesItem
Gambar 3. 51 Class Diagram : User Cart Controller
94
c. Market Controller
+index()
+tags()
+link()
+load_data()
MarketController
+index()
+about()
+contact()
StoreController
IndexView
+list()
+list_market()
+list_market_tagged()
+list_at_store_by_product_category()
+list_at_store_by_tag()
+price()
+price_after_discount()
+find_random_sale(in shop_id)
+find_random_featured(in shop_id)
Product
+authenticate(in username, in password)
+currently_online()
+last_login()
+encrypt(in password)
+authenticated?(in password)
+remember_token?()
+remember_me()
+forget_me()
+activation_code()
+recently_activated?()
+generate_new_password()
+request_friendship_with(in target, in message)
+delete_friendship_with(in target)
+accept_request_from(in from)
+invites()
+requests()
+is_friend_with?(in friend)
+is_pending_friend_with?(in friend)
+is_waiting_approval_with?(in parameter)
+is_pending_request_with?(in friend)
+list()
+view(in viewed_id)
+who_view_me()
+total_view_me()
+recent_orders()
+recent_blogs()
User
+list()
+name()
+recent_sales()
+recent_blogs()
Shop
+list()
+list_by_status()
+list_by_year()
+list_by_year_month()
BlogPost
ProductImage
ShopProfile
Photo
+add_sales_items_from_cart()
+username()
+items()
+status_name()
Sales
+from_cart_item(in cart_item)
+total_price()
+created_at()
+updated_at()
+status()
SalesItem
Gambar 3. 52 Class Diagram : User Market Controller
95
d. Users Controller
Gambar 3. 53 Class Diagram : User Users Controller
e. Sessions Controller
Gambar 3. 54 Class Diagram : User Sessions Controller
96
f. Store Controller
+index()
+about()
+contact()
StoreController
+index()
+show()
+show_by_category()
+show_by_year()
+show_by_year_month()
+create_comment()
BlogControlle
+show()
PageController
+index()
+merchants()
+customers()
+store()
+common()
-affiliate_layout()
-check_status()
AffiliatesController
+index()
+category()
+tag()
+show()
+create_review()
ProductsController
+index()
+create_rating()
RatingsController
+list()
+name()
+recent_sales()
+recent_blogs()
Shop
ShopProfile
+list()
+list_market()
+list_market_tagged()
+list_at_store_by_product_category()
+list_at_store_by_tag()
+price()
+price_after_discount()
+find_random_sale(in shop_id)
+find_random_featured(in shop_id)
Product
ProductAttribute
+list()
+collect_product_category_tree()
+collect_all_parent_product_category(in product_category_id)
+total_product()
ProductCategory
+average_rating(in shop_id)
+total_rating(in shop_id)
Rating
ProductImage
IndexViewAboutVie ContactVie
Logo
+delete_friendship(in person1, in person2)
Friendship
+authenticate(in username, in password)
+currently_online()
+last_login()
+encrypt(in password)
+authenticated?(in password)
+remember_token?()
+remember_me()
+forget_me()
+activation_code()
+recently_activated?()
+generate_new_password()
+request_friendship_with(in target, in message)
+delete_friendship_with(in target)
+accept_request_from(in from)
+invites()
+requests()
+is_friend_with?(in friend)
+is_pending_friend_with?(in friend)
+is_waiting_approval_with?(in parameter)
+is_pending_request_with?(in friend)
+list()
+view(in viewed_id)
+who_view_me()
+total_view_me()
+recent_orders()
+recent_blogs()
User
Profile
Photo
+setup_email()
+contact_us()
StoreMail
+list()
+list_by_status()
+list_by_year()
+list_by_year_month()
BlogPost
+list()
+list_by_post()
BlogPostComment
Gambar 3. 55 Class Diagram : User Store Controller
97
g. Affiliates Controller
+index()
+merchants()
+customers()
+store()
+common()
-affiliate_layout()
-check_status()
AffiliatesController CommonView
StoreView
+authenticate(in username, in password)
+currently_online()
+last_login()
+encrypt(in password)
+authenticated?(in password)
+remember_token?()
+remember_me()
+forget_me()
+activation_code()
+recently_activated?()
+generate_new_password()
+request_friendship_with(in target, in message)
+delete_friendship_with(in target)
+accept_request_from(in from)
+invites()
+requests()
+is_friend_with?(in friend)
+is_pending_friend_with?(in friend)
+is_waiting_approval_with?(in parameter)
+is_pending_request_with?(in friend)
+list()
+view(in viewed_id)
+who_view_me()
+total_view_me()
+recent_orders()
+recent_blogs()
User
Photo
Profil
+delete_friendship(in person1, in person2)
Friendship
Gambar 3. 56 Class Diagram : User Affiliates Controller
h. Blog Controller
Gambar 3. 57 Class Diagram : User Blog Controller
i. Page Controller
Gambar 3. 58 Class Diagram : User Page Controller
98
j. Products Controller
Gambar 3. 59 Class Diagram : User Products Controller
k. Ratings Controller
Gambar 3. 60 Class Diagram : User Ratings Controller
99
l. Profile Controller
Gambar 3. 61 Class Diagram : User Profile Controller
100
3.2.4 Sequence Diagram
1. Sequence Diagram User
Add To Shopping Cart, sequence diagram ini menggambarkan seorang user
yang berusaha untuk menambahkan produk pada keranjang belanja.
Gambar 3. 62 Sequence Diagram : User Add To Shopping Cart
Update Shopping Cart, sequence diagram ini menggambarkan seorang user
yang berusaha untuk mengubah jumlah produk pada keranjang belanja.
Gambar 3. 63 Sequence Diagram : User Update Shopping Cart
101
Remove From Shopping Cart, sequence diagram ini menggambarkan seorang
user yang berusaha untuk menghapus produk dari keranjang belanja.
Gambar 3. 64 Sequence Diagram : User Remove From Shopping Cart
Empty Shopping Cart, sequence diagram ini menggambarkan seorang user
yang berusaha untuk menghapus semua produk pada keranjang belanja.
Gambar 3. 65 Sequence Diagram : User Empty Shopping Cart
Checkout, sequence diagram ini menggambarkan seorang user yang berusaha
untuk memesan produk yang ada pada keranjang belanja.
102
Gambar 3. 66 Sequence Diagram : User Checkout
Create Blog Comment, sequence diagram ini menggambarkan seorang user
yang berusaha untuk memberikan comment terhadap sebuah blog post.
User
BlogShowView BlogController
give comment
create_comment
BlogPostComment
create
validate
query result
result
view
Gambar 3. 67 Sequence Diagram : User Create Blog Comment
Search Product, sequence diagram ini menggambarkan seorang user yang
berusaha mencari product yang ada dengan memasukkan keyword.
103
Gambar 3. 68 Sequence Diagram : User Create Search Product
View News/Article, sequence diagram ini menggambarkan seorang user yang
berusaha melihat detail news yang ada.
Gambar 3. 69 Sequence Diagram : User View News/Article
View Product, sequence diagram ini menggambarkan seorang user yang
berusaha melihat detail product yang ada.
104
Gambar 3. 70 Sequence Diagram : User View Product
View Testimonial, sequence diagram ini menggambarkan seorang user yang
berusaha melihat detail testimonials yang ada.
Gambar 3. 71 Sequence Diagram : User View Testimonial
105
2. Sequence Diagram Guest
Register/Signup, sequence diagram ini menggambarkan seorang user yang
berusaha untuk mendaftar menjadi member.
Guest
UserSignupView
signup
UserPendingView UserController User UserProfile
signup
create
query result
validate
create
validate
query result
result
view
UserNotification
deliver_signup_notification
result
Gambar 3. 72 Sequence Diagram : Guest Register/Signup
106
3. Sequence Diagram Member
Login, sequence diagram ini menggambarkan seorang seorang member yang
berusaha masuk ke dalam sistem, memasukkan username dan password dan
divalidasi oleh model user.
Gambar 3. 73 Sequence Diagram : Member Login
Didalam sequence diagram untuk Member berikutnya, diasumsikan
bahwa pengguna sudah login sebagai Member.
107
Change Password, sequence diagram ini menggambarkan seorang member
yang berusaha merubah password yang dimilikinya.
Gambar 3. 74 Sequence Diagram : Member Change Password
Change Profile, sequence diagram ini menggambarkan seorang member yang
berusaha merubah profile-nya.
Gambar 3. 75 Sequence Diagram : Member Change Profile
Create Review, sequence diagram ini menggambarkan seorang member yang
berusaha untuk membuat review terhadap suatu product.
108
Gambar 3. 76 Sequence Diagram : Member Create Review
Create Rating, sequence diagram ini menggambarkan seorang member yang
berusaha memberikan rating terhadap suatu shop..
Member
RatingIndexView
register
view
RatingController
create_rating(shop_id)
Rating
validate
create
query result
result
Gambar 3. 77 Sequence Diagram : Member Create Rating
Send Message, sequence diagram ini menggambarkan seorang member yang
berusaha untuk mengirim pesan kepada member lain.
109
Gambar 3. 78 Sequence Diagram : Member Send Message
Create Connection, sequence diagram ini menggambarkan seorang member
yang berusaha meng-invite user lain untuk menambah relasi jejaring sosialnya..
Gambar 3. 79 Sequence Diagram : Member Create Connection
Delete Connection, sequence diagram ini menggambarkan seorang member
yang berusaha menghapus user yang telah menjadi relasi jejaring sosialnya..
110
Gambar 3. 80 Sequence Diagram : Member Delete Connection
View Waiting for Approval, sequence diagram ini menggambarkan seorang
member yang berusaha melihat daftar request koneksi dari pengguna lain.
Gambar 3. 81 Sequence Diagram : Member View Waiting for Approval
Approve Request, sequence diagram ini menggambarkan seorang member
yang berusaha untuk menerima undangan koneksi dari user lain.
111
Gambar 3. 82 Sequence Diagram : Member Approve Request
Reject Request, sequence diagram ini menggambarkan seorang member yang
berusaha untuk menolak undangan koneksi dari user lain.
Gambar 3. 83 Sequence Diagram : Member Reject Request
112
View Merchant Connection, sequence diagram ini menggambarkan seorang
member yang berusaha untuk melihat koneksinya dengan merchant.
Gambar 3. 84 Sequence Diagram : Member View Merchant Connection
View Customer Connection, sequence diagram ini menggambarkan seorang
member yang berusaha untuk melihat koneksinya dengan customer.
Gambar 3. 85 Sequence Diagram : Member View Customer Connection
View Message, sequence diagram ini menggambarkan seorang member yang
berusaha untuk membaca pesan yang masuk.
113
Gambar 3. 86 Sequence Diagram : Member View Message
View Order History, sequence diagram ini menggambarkan seorang member
yang berusaha untuk catatan pembeliannya yang pernah dilakukannya.
Gambar 3. 87 Sequence Diagram : Member View Order History
Logout, sequence diagram ini menggambarkan seorang member yang berusaha
untuk keluar dari aplikasi dengan cara menghapus session yang ada.
114
Gambar 3. 88 Sequence Diagram : Member Logout
115
4. Sequence Diagram Customer
Create Shop, sequence diagram ini menggambarkan seorang customer member
yang berusaha untuk meng-upgrade account-nya menjadi merchant yang
mengartikan bahwa customer membuat toko.
Gambar 3. 89 Sequence Diagram : Customer Create Shop
116
5. Sequence Diagram Merchant
Accept Order, sequence diagram ini menggambarkan seorang merchant yang
menerima pemesanan dari customer.
Merchant
SalesShowView
accept
view
Admin::SalesController
update_status(sales_id)
Sales
update
query result
result
Gambar 3. 90 Sequence Diagram : Merchant Accept Order
Accept Review, sequence diagram ini menggambarkan seorang merchant yang
menerima review tentang produknya dari user lain.
Gambar 3. 91 Sequence Diagram : Merchant Accept Review
117
Change Configuration, sequence diagram ini menggambarkan seorang
merchant yang ingin merubah konfigurasi dari admin tokonya.
Merchant
ChangeConfigurationView
change
view
Admin::ConfigurationController
edit(configuration_id)
Configuration
update
query result
result
Gambar 3. 92 Sequence Diagram : Merchant Change Configuration
Change Shop Profile, sequence diagram ini menggambarkan seorang merchant
yang ingin merubah profile dari tokonya.
Gambar 3. 93 Sequence Diagram : Merchant Change Shop Profile
Change Theme, sequence diagram ini menggambarkan seorang merchant yang
ingin merubah theme yang digunakan tokonya .
118
Gambar 3. 94 Sequence Diagram : Merchant Change Theme
Create Blog Categories. sequence diagram ini menggambarkan seorang
merchant yang dapat menambah kategori blog yang ada di tokonya.
Gambar 3. 95 Sequence Diagram : Merchant Create Blog Categories
119
Edit Blog Categories. sequence diagram ini menggambarkan seorang merchant
yang dapat mengubah kategori blog yang ada di tokonya.
Gambar 3. 96 Sequence Diagram : Merchant Edit Blog Categories
Delete Blog Categories. sequence diagram ini menggambarkan seorang
merchant yang dapat menghapus kategori blog yang ada di tokonya.
Gambar 3. 97 Sequence Diagram : Merchant Delete Blog Categories
Create Blog Post. sequence diagram ini menggambarkan seorang merchant
yang dapat menambah tulisan pada blog yang ada di tokonya.
120
Gambar 3. 98 Sequence Diagram : Merchant Create Blog Post
Edit Blog Post. sequence diagram ini menggambarkan seorang merchant yang
dapat mengubah tulisan pada blog yang ada di tokonya.
Gambar 3. 99 Sequence Diagram : Merchant Edit Blog Post
Delete Blog Post. sequence diagram ini menggambarkan seorang merchant yang
dapat menghapus tulisan pada blog yang ada di tokonya.
121
Merchant
BlogIndexView Admin::BlogController BlogPost
delete
destroy(post_id)
delete
query result
result
view
Gambar 3. 100 Sequence Diagram : Merchant Delete Blog Post
Delete Blog Post Comment. sequence diagram ini menggambarkan seorang
merchant yang dapat menghapus komentar pada blog yang dikirimkan uleh
pengguna lain.
Gambar 3. 101 Sequence Diagram : Merchant Delete Blog Post Comment
Create Discount, sequence diagram ini menggambarkan seorang merchant
yang dapat menambah discount yang ada di tokonya.
122
Gambar 3. 102 Sequence Diagram : Merchant Create Discount
Edit Discount, sequence diagram ini menggambarkan seorang merchant yang
dapat merubah discount yang ada di tokonya.
Gambar 3. 103 Sequence Diagram : Merchant Edit Discount
Delete Discount, sequence diagram ini menggambarkan seorang merchant yang
dapat menghapus discount yang ada di tokonya.
123
Gambar 3. 104 Sequence Diagram : Merchant Delete Discount
Create Page, sequence diagram ini menggambarkan seorang merchant yang
dapat menambah halaman di dalam Page yang ada di tokonya.
Merchant
PagesNewView PagesController Page
add
new
create
query result
view
validate
result
Gambar 3. 105 Sequence Diagram : Merchant Create Page
Edit Page, sequence diagram ini menggambarkan seorang merchant yang dapat
merubah halaman di dalam Page yang ada di tokonya.
124
Gambar 3. 106 Sequence Diagram : Merchant Edit Page
Delete Page, sequence diagram ini menggambarkan seorang merchant yang
dapat menghapus halaman di dalam Page yang ada di tokonya.
Merchant
PagesIndexView PagesController Page
delete
destroy(pages_id)
delete
query result
view
result
Gambar 3. 107 Sequence Diagram : Merchant Delete Page
Add Product, sequence diagram ini menggambarkan seorang merchant yang
dapat menambah product yang ada di tokonya.
125
Gambar 3. 108 Sequence Diagram : Merchant Add Product
Edit Product, sequence diagram ini menggambarkan seorang merchant yang
dapat merubah product yang ada di tokonya.
Gambar 3. 109 Sequence Diagram : Merchant Edit Product
126
Delete Product, sequence diagram ini menggambarkan seorang merchant yang
dapat menghapus product yang ada di tokonya.
Gambar 3. 110 Sequence Diagram : Merchant Delete Product
Create Product Category, sequence diagram ini menggambarkan seorang
merchant yang dapat menambah category produk yang ada di tokonya.
Gambar 3. 111 Sequence Diagram : Merchant Create Product Category
127
Edit Product Category, sequence diagram ini menggambarkan seorang
merchant yang dapat merubah category produk yang ada di tokonya.
Gambar 3. 112 Sequence Diagram : Merchant Edit Product Category
Delete Product Category , sequence diagram ini menggambarkan seorang
merchant yang dapat menghapus category produk yang ada di tokonya.
Gambar 3. 113 Sequence Diagram : Merchant Delete Product Category
Newsletter, sequence diagram ini menggambarkan seorang merchant yang dapat
membuat newsleeter kepada koneksinya baik ke sesama merchant, ke customer,
128
maupun ke keduanya.
Gambar 3. 114 Sequence Diagram : Merchant Newsletter
View Sales Report, sequence diagram ini menggambarkan seorang merchant
yang ingin melihat laporan penjualannya.
Gambar 3. 115 Sequence Diagram : Merchant View Sales Report
View Statistic, sequence diagram ini menggambarkan seorang merchant yang
ingin melihat statistik tokonya.
129
Gambar 3. 116 Sequence Diagram : Merchant View Statistic
6. Sequence Diagram Super Administrator
Login, sequence diagram ini menggambarkan seorang seorang administrator
dari provider yang berusaha masuk ke dalam sistem, memasukkan username dan
password dan divalidasi oleh model Administrator.
SuperAdministrator
SessionNewView SuperAdmin::SessionsControler Admin
Submit
find
query result
view
DashboardIndexView
new
result
Sessions
validate
create
query result
Gambar 3. 117 Sequence Diagram : Super Administrator Login
Didalam sequence diagram untuk Super Administrator berikutnya,
diasumsikan bahwa pengguna sudah login sebagai Super Administrator.
130
Create Articles, sequence diagram ini menggambarkan seorang admin dari
provider yang dapat menambah news yang ada.
Gambar 3. 118 Sequence Diagram : Super Administrator Create Article
Edit Articles, sequence diagram ini menggambarkan seorang admin dari
provider yang dapat merubah news yang ada.
Gambar 3. 119 Sequence Diagram : Super Administrator Edit Article
Delete Articles, sequence diagram ini menggambarkan seorang admin dari
provider yang dapat menghapus news yang ada.
131
SuperAdministrator
ArticlesEditView SuperAdmin::ArticlesController Article
edit
edit(article_id)
update
query result
view
validate
result
Gambar 3. 120 Sequence Diagram : Super Administrator Delete Article
Create Testimonial, sequence diagram ini menggambarkan seorang admin dari
provider yang dapat menambah testimonial akan aplikasi ini.
Gambar 3. 121 Sequence Diagram : Super Administrator Create Testimonial
Edit Testimonial, sequence diagram ini menggambarkan seorang admin dari
provider yang dapat mengubah testimonial akan aplikasi ini.
132
SuperAdmin::TestimonialsContro
ller
SuperAdministrator
TestimonialsEditView Testimonial
edit
edit(testimonial_id)
update
query result
view
validate
result
Gambar 3. 122 Sequence Diagram : Super Administrator Edit Testimonial
Delete Testimonial, sequence diagram ini menggambarkan seorang admin dari
provider yang dapat menghapus testimonial akan aplikasi ini.
Gambar 3. 123 Sequence Diagram : Super Administrator Delete Testimonial
Add Themes, sequence diagram ini menggambarkan seorang administrator dari
provider yang dapat menambah themes yang ada.
133
SuperAdministrator
ThemesNewView SuperAdmin::ThemesController Themes
add
new
create
query result
view
result
validate
Gambar 3. 124 Sequence Diagram : Super Administrator Add Themes
Edit Themes, sequence diagram ini menggambarkan seorang administrator dari
provider yang dapat merubah themes yang ada.
SuperAdministrator
ThemesEditView SuperAdmin::ThemesController Themes
edit
edit(themes_id)
update
query result
view
result
validate
Gambar 3. 125 Sequence Diagram : Super Administrator Edit Themes
Delete Themes, sequence diagram ini menggambarkan seorang administrator
dari provider yang dapat menghapus themes yang ada.
134
Gambar 3. 126 Sequence Diagram : Super Administrator Delete Themes
Change Banned Status User, sequence diagram ini menggambarkan seorang
seorang administrator dari provider yang dapat merubah status banned account
dari user.
Gambar 3. 127 Sequence Diagram : Super Administrator
Change Banned Status User
Edit Preferences, sequence diagram ini menggambarkan seorang admin dari
provider yang dapat mengubah preferences dari akun admin tersebut.
135
Gambar 3. 128 Sequence Diagram : Super Administrator Edit Preferences
Logout, sequence diagram ini menggambarkan seorang seorang administrator
dari provider yang berusaha keluar dari sistem.
SuperAdministrator
SessionNewView SuperAdmin::SessionsControler Session
Logout
delete
query result
view
SuperAdminView
destroy
result
Gambar 3. 129 Sequence Diagram : Super Administrator Logout
Administrator Provider Logout, sequence diagram ini menggambarkan
seorang seorang administrator dari provider yang berusaha keluar dari sistem,.
136
Gambar 3.130 Gambar Entity Relationship Diagram (ERD)
3.2.5 Perancangan Database
Aplikasi jejaring sosial penjualan yang akan dibuat ini membutuhkan 27
tabel dalam database. Relasi antar tabel tersebut dapat dilihat pada ERD (Entity
Relationship Diagram). Pada gambar 3.84 terlihat bahwa setiap tabel pada
database tersebut memiliki nama tabel yang plural dengan Primary key id. Ini
merupakan convention yang dimiliki framework rails dengan tujuan memberikan
kemudahan bagi developer dalam melakukan relasi antar tabel. Selain itu,
convention rails ini menjadikan hubungan yang lebih kuat antar tabel karena
langsung menggunakan id yang berupa angka sebagai kunci untuk melakukan
relasi.
Untuk lebih mengetahui detil atribut dari setiap tabel pada diagram diatas
maka dibuatlah kamus data. Berikut adalah kamus data untuk rancangan database
yang ada pada ERD tersebut.
1. Tabel admins
Tabel admins digunakan untuk menyimpan data akun administrator
penyedia. Data ini digunakan saat autentifikasi login sebelum administrator dapat
masuk ke sistem pengaturan aplikasi dagang. Tabel ini mempunyai 4 field
dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id admin
username varchar 32 Username admin
email varchar 32 Email admin
138
password varchar 64
Password admin yang telah
dienkripsi dengan metode
SHA256
Tabel 3.4 Daftar field pada tabel admins
2. Tabel anonymous_users
Tabel anonymous_users digunakan untuk menyimpan data pelanggan
yang membeli barang pada suatu merchant tetapi pelanggan tersebut bukan
merupakan anggota dari aplikasi dagang. Data ini berfungsi untuk mengetahui
detil kontak dari pelanggan agar dapat mempermudah merchant dalam
memproses transaksi pembelian yang dilakukan pelanggan tersebut. Tabel ini
mempunyai 5 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id pengguna anonim
name varchar 32 Nama pengguna anonim
email varchar 32 Email pengguna anonim
phone varchar 25 Telepon pengguna anonim
address varchar 255 Alamat pengguna anonim
Tabel 3.5 Daftar field pada tabel anonymous_users
3. Tabel articles
Tabel articles digunakan untuk menyimpan data informasi berita seputar
aplikasi ini dari pihak penyedia agar dapat memberi tahu kepada semua
pengguna baik anggota maupun bukan anggota. Tabel ini mempunyai 7 field
dengan deskripsi sebagai berikut:
139
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
id berita
title varchar 100 judul berita
headline text headline berita
body text isi berita
status tinyint 1 Status berita dipublish
(0=unpublish, 1=published)
created_at datetime Tanggal berita dibuat
updated_at datetime Tanggal berita terakhir diubah
Tabel 3.6 Daftar field pada tabel articles
4. Tabel blog_post_categories
Tabel blog_post_categories digunakan untuk menyimpan data kategori
blog dari setiap toko pada aplikasi ini. Kategori blog ini berfungsi untuk
mengkategorikan blog yang diposting oleh merchant. Tabel ini mempunyai 3
field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id kategori blog
shop_id int 8
Foreign key
Id toko pemilik toko dari tabel
shops
name varchar 32 Nama kategori blog
Tabel 3.7 Daftar field pada tabel blog_post_categories
140
5. Tabel blog_post_comments
Tabel blog_post_comments digunakan untuk menyimpan data komentar
atas blog yang dipost dari setiap toko pada aplikasi ini. Tabel ini mempunyai 7
field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id komentar blog
blog_post_id Int 8
Foreign key
Id blog yang dikenakan
komentar dari table blog_posts
name varchar 32 Nama penulis komentar blog
email varchar 32 Email penulis komentar blog
website varchar 32 Website penulis komentar blog
content text Isi komentar blog
created_at datetime Tanggal komentar blog dibuat
Tabel 3.8 Daftar field pada tabel blog_post_comments
6. Tabel blog_posts
Tabel blog_posts digunakan untuk menyimpan data blog yang di post
oleh setiap toko pada aplikasi ini. Tabel ini mempunyai 8 field dengan deskripsi
sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id blog
shop_id int 8 Foreign key
id toko pemilik blog dari tabel
141
shops
blog_post_category_id int 8 Foreign key
Id kategori blog
title varchar 100 Id judul blog
content text Isi blog
created_at datetime Tanggal blog dibuat
updated_at datetime Tanggal blog terakhir diubah
status tinyint 1 Status blog dipublish
(0=unpublish, 1=published)
Tabel 3.9 Daftar field pada tabel blog_posts
7. Tabel configuration
Tabel configuration digunakan untuk menyimpan data konfigurasi dari
setiap toko pada aplikasi ini. Tabel ini mempunyai 10 field dengan deskripsi
sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id konfigurasi toko
shop_id int 8
Foreign key
id toko pemilik konfigurasi
toko dari tabel shops
enable tinyint 1 Status aktif atau tidak aktif
toko (0=tidak aktif, 1=aktif)
theme_id int 8
Foreign key
Id theme yang digunakan
untuk mengubah desain dan
layout web toko dari tabel
themes
additional_css text CSS (Cascasing Style Sheet)
142
tambahan untuk mengubah
desain dari theme yang
digunakan pada web toko
welcome_title varchar 100 Judul sambutan pada halaman
utama web toko
welcome_body text Isi dari sambutan pada
halaman utama web toko
meta-description varchar 255
Meta description web toko
untuk memudahkan pencarian
oleh mesin pencari
meta_keywords varchar 255
Meta keywords web toko untuk
memudahkan pencarian oleh
mesin pencari
disclaimer varchar 100
Site discaimer web toko yang
digunakan sebagai footer web
toko tersebut
Tabel 3.10 Daftar field pada tabel configuration
8. Tabel discounts
Tabel discounts digunakan untuk menyimpan data daftar diskon yang
dimiliki oleh setiap toko pada aplikasi ini. Daftar diskon ini akan digunakan pada
produk yang dikenakan potongan harga pada setiap pembeliannya. Tabel ini
mempunyai 5 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id diskon
shop_id int 8 Foreign key
id toko pemilik diskon dari
143
tabel shops
name varchar 32 Nama diskon
description varchar 255 Deskripsi diskon
rate int 3 Persentase diskon
Tabel 3.11 Daftar field pada tabel discounts
9. Tabel friendships
Tabel friendships digunakan untuk menyimpan data jejaring / kaitan antar
sesama pengguna baik antara toko dengan pelanggan maupun antara sesama toko
yang menggunakan konsep jejaring sosial. Data pada tabel friendship ini juga
digunakan sebagai data penerima pesan pribadi (private message) ataupun
newsletter. Tabel ini mempunyai 6 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id hubungan pertemanan
user_id int 8
Foreign key
id pengguna yang membuat
hubungan pertemanan dari
tabel users
user_id_target int 8
Foreign key
id pengguna sebagai target
hubungan pertemanan dari
tabel users
message text
Pesan yang dikirimkan kepada
target teman untuk membuat
hubungan pertemanan
is_accepted tinyint 1 Status hubungan pertemanan (
0=waiting approval,
144
1=approved)
created_at datetime Tanggal hubungan pertemanan
dibuat
Tabel 3.12 Daftar field pada tabel friendships
10. Tabel messages
Tabel messages digunakan untuk menyimpan data semua pesan pribadi
(private message) yang tercipta antar pengguna. Tabel ini mempunyai 11 field
dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id pesan
sender_id int 8
Foreign key
id pengguna pengirim pesan
dari tabel users
receiver_id int 8
Foreign key
id pengguna penerima pesan
dari tabel users
subject varchar 100 Judul (Subject) pesan
body text Isi pesan
created_at datetime Tanggal pesan dibuat oleh
pengirim
read_at datetime Tanggal pesan dibaca oleh
penerima
sender_deleted tinyint 1
Status pesan dihapus oleh
pengirim (0=deleted,
undeleted)
receiver_deleted tinyint 1 Status pesan dihapus oleh
penerima (0=deleted,
145
undeleted)
sender_purged tinyint 1
Status pesan di singkirkan oleh
pengirim (0=purged,
1=unpurged)
receiver_purged tinyint 1
Status pesan di singkirkan oleh
penerima (0=purged,
1=unpurged)
Tabel 3.13 Daftar field pada tabel messages
11. Tabel pages
Tabel pages digunakan untuk menyimpan data halaman web dengan
menu dan urutannya dari setiap toko yang dapat diubah dengan konsep cms
(content management system). Tabel ini mempunyai 7 field dengan deskripsi
sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id halaman web
shop_id int 8
Foreign key
id toko pemilik halaman web
dari tabel shops
title varchar 100 Judul halaman web
body text Isi halaman web
menu_name varchar 32 Nama halaman web yang
ditampilkan pada menu web
menu_order int 2 Urutan halaman web yang
ditampilkan pada menu web
status tinyint 1 Status halaman web dipublish
(0=unpublish, 1=published)
Tabel 3.14 Daftar field pada tabel pages
146
12. Tabel product_attributes
Tabel product_attributes digunakan untuk menyimpan data atribut atas
produk yang dijual pada setiap toko. Tabel ini mempunyai 10 field dengan
deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id atribut produk
product_id int 8
Foreign key
Id produk pengguna produk
atribut dari tabel products
manufacture varchar 32 Manufaktur pembuat produk
additional_attribute text Atribut tambahan produk
dimension varchar 32 Ukuran produk
weight varchar 32 Berat produk
image_url varchar 255 Lokasi gambar produk
price decimal 13,2 Harga produk
currency varchar 4 Mata uang atas harga produk
package text Paket yang disertakan pada
penjualan produk
Tabel 3.15 Daftar field pada tabel attributes
13. Tabel product_categories
Tabel product_categories digunakan untuk menyimpan data kategori akan
produk yang dimiliki oleh setiap toko. Kategori produk ini berfungsi untuk
mengelompokkan produk sehingga memudahkan baik toko maupun pelanggan
147
untuk mengakses produk yang dijual dari setiap toko. Tabel ini mempunyai 5
field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id kategori produk
shop_id int 8
Foreign key
Id toko pemilik kategori
produk dari tabel shops
name varchar 32 Nama kategori produk
description varchar 255 Deskripsi kategori produk
product_category_id int 8
Foreign key
Id parent kategori produk dari
tabel product_categories untuk
membuat kategori produk yang
bertingkat
Tabel 3.16 Daftar field pada tabel product_categories
14. Tabel products
Tabel products digunakan untuk menyimpan data produk-produk yang
dijual oleh setiap toko. Tabel ini mempunyai 9 field dengan deskripsi sebagai
berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id produk
shop_id int 8
Foreign key
id toko pemilik produk dari
tabel shops
148
name varchar 32 Nama produk
product_category_id int 8
Foreign key
Id kategori produk atas produk
dari tabel product_categories
description text Deskripsi produk
discount_id int 8
Foreign key
Id diskon yang dikenakan pada
produk dari tabel discounts
status int 1
Status produk (0=unpublish,
1= Ready to sale, 2=Out of
stock)
created_at datetime Tanggal produk dimasukkan
updated_at datetime Tanggal produk terakhir
diubah
Tabel 3.17 Daftar field pada tabel products
15. Tabel profiles
Tabel profiles digunakan untuk menyimpan data profile atas setiap
pengguna. Tabel ini mempunyai 18 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id profil pengguna
user_id int 8
Foreign key
id pengguna pemilik profil dari
tabel users
display_name varchar 32 Nama yang ditampilkan
pengguna
first_name varchar 32 Nama depan pengguna
last_name varchar 32 Nama belakang pengguna
149
gender tinyint 1 Jenis kelamin pengguna
about_me text Penjelasan tentang pengguna
date_of_birth date Tanggal lahir pengguna
company varchar 32 Perusahaan pengguna
photo_url varchar 255 Lokasi foto pengguna
ym varchar 32 Yahoo! Messenger ID
pengguna
telephone varchar 25 Telepon pengguna
fax varchar 25 Nomor fax pengguna
address text Alamat pengguna
city varchar 32 Kota lokasi pengguna
state varchar 32 Negara bagian / provinsi lokasi
pengguna
postcode int 8 Kode Pos lokasi pengguna
country varchar 32 Negara lokasi pengguna
Tabel 3.18 Daftar field pada tabel profiles
16. Tabel ratings
Tabel ratings digunakan untuk menyimpan data rating atas toko yang
diberikan oleh pelanggan. Rating ini berfungsi sebagai nilai kepuasan pelanggan
atas toko tersebut. Tabel ini mempunyai 5 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id rating
user_id int 8
Foreign key
id pengguna pembuat rating
dari tabel users
shop_id int 8 Foreign key
150
Id toko yang diberi rating dari
tabel shops
value int 1 Nilai rating
created_at datetime Tanggal rating dibuat
Tabel 3.19 Daftar field pada tabel ratings
17. Tabel reviews
Tabel reviews digunakan untuk menyimpan data review atas produk yang
dijual. Review ini diberikan oleh pelanggan agar dapat digunakan sebagai nilai
atas suatu produk bagi pelanggan yang lain. Tabel ini mempunyai 7 field dengan
deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id review
user_id int 8
Foreign key
Id pengguna pembuat review
dari tabel users
product_id int 8
Foreign key
Id produk yang diberi review
dari tabel products
value int 8 Nilai review
comment text Komentar produk
status tinyint 1 Status review (0 = waiting
approval, 1=approved)
created_at datetime Tanggal review dibuat
Tabel 3.20 Daftar field pada tabel reviews
151
18. Tabel sales
Tabel sales digunakan untuk menyimpan data transaksi penjualan yang
terjadi pada setiap toko. Tabel ini mempunyai 7 field dengan deskripsi sebagai
berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id penjualan
shop_id int 8
Foreign key
id toko yang melakukan
transaksi penjualan dari tabel
shops
user_id int 8
Foreign key
id pengguna yang melakukan
trasaksi penjualan dari tabel
users
anonymous_user_id int 8
Foreign key
Id pengguna anonim yang
melakukan trasaksi penjualan
(diisi jika pembeli bukan
anggota)
status int 1
Status penjualan (0=Pending,
1=Processing, 2=Delivered,
3=Rejected)
created_at datetime Tanggal penjualan dibuat
updated_at datetime Tanggal penjualan terakhir
diubah status penjualannya
Tabel 3.21 Daftar field pada tabel sales
152
19. Tabel sales_items
Tabel sales_items digunakan untuk menyimpan data detil atas transaksi
penjualan yang terrjadi oleh setiap toko. Tabel ini mempunyai 6 field dengan
deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id detil penjualan
sales_id int 8 Foreign key
Id penjualan dari tabel sales
product_id int 8 Foreign key
Id produk dari tabel products
name varchar 32
Nama produk (redundant
dengan tabel produk untuk
history penjualan)
price decimal (13,2)
Harga produk (redundant
dengan tabel produk untuk
history penjualan)
quantity int 8 Jumlah pembelian produk
Tabel 3.22 Daftar field pada tabel sales_items
20. Tabel shop_profiles
Tabel shop_profiles digunakan untuk menyimpan data profile dari setiap
toko. Tabel ini mempunyai 14 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id profil toko
shop_id int 8 Foreign key
Id toko pemilik profil toko dari
153
tabel shops
name varchar 32 Nama toko
tagline varchar 100 Tagline toko
company varchar 32 Perusahaan pemilik toko
logo_url varchar 255 Lokasi gambar logo toko
email varchar 32 Email toko
ym varchar 32 Yahoo! Messenger ID toko
telephone varchar 32 Telepon toko
fax varchar 32 Nomor fax toko
address text Alamat toko
city varchar 32 Kota lokasi toko
state varchar 32 Negara bagian / provinsi lokasi
toko
post_code int 8 Kodepos lokasi toko
country varchar 32 Negara lokasi toko
Tabel 3.23 Daftar field pada tabel shop_profiles
21. Tabel shops
Tabel shops digunakan untuk menyimpan data dari setiap toko. Tabel ini
mempunyai 4 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id toko
user_id int 8
Foreign key
id pengguna pemilik toko dari
tabel users
created_at datetime Tanggal toko dibuat
updated_at datetime Tanggal toko terakhir
melakukan pengubahan
Tabel 3.24 Daftar field pada tabel shops
154
22. Tabel product_tags
Tabel taggings digunakan untuk menyimpan data yang menghubungkan
produk pada tabel produks dengan daftar tag pada tabel tags yang digunakan
produk tersebut. Tabel ini mempunyai 3 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id produk tag
product_id int 8
Foreign key
Id produk yang menggunkan
tag dari tabel product
tag_id int 8
Foreign key
Id tag yang digunakan dari
tabel tags
Tabel 3.25 Daftar field pada tabel product_tags
23. Tabel tags
Tabel tags digunakan untuk menyimpan data daftar tag yang digunakan
oleh semua produk pada setiap toko. Tabel ini mempunyai 2 field dengan
deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id tag
name varchar 32 Nama tag
Tabel 3.26 Daftar field pada tabel tags
155
24. Tabel testimonials
Tabel testimonials digunakan untuk menyimpan testimonial mengenai
aplikasi ini dari orang-orang yang dianggap penting oleh administrator. Tabel ini
mempunyai 5 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id testimonial
name varchar 32 Nama penulis testimonial
title varchar 32 Jabatan penulis testimonial
content text Isi testimonial
created_at datetime Tanggal testimonial dibuat
Tabel 3.27 Daftar field pada tabel testimonials
25. Tabel themes
Tabel themes digunakan untuk menyimpan data theme yang dapat
digunakan untuk mengubah tampilan dari halaman web toko. Tabel ini
mempunyai 6 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id theme
name varchar 32 Nama theme
description varchar 255 Deskripsi theme
author varchar 32 Nama pembuat theme
folder_name varchar 32
Nama folder yang berisi file
theme beserta file
pendukungnya
created_at datetime Tanggal theme dibuat
Tabel 3.28 Daftar field pada tabel themes
156
26. Tabel users
Tabel users digunakan untuk menyimpan data pengguna yang telah
tergabung menjadi anggota baik belum maupun sudah melakukan transaksi.
Tabel ini mempunyai 10 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id pengguna
username varchar 32 Username pengguna
password varchar 64
Pasword pengguna yang telah
dienkripsi dengan metode
SHA1
email varchar 32 Email pengguna
subdomain varchar 32 Subdomain pengguna
created_at datetime Tanggal pengguna dibuat
updated_at datetime Tanggal pengguna terakhit
diubah
verification_code varchar 64 Kode verifikasi untuk aktivasi
registrasi
status int 1 Status pengguna (0=inactive,
1=customer, 2=merchant)
banned tinyint 1 Status banned pengguna
(0=active, 1=banned)
Tabel 3.29 Daftar field pada tabel users
27. Tabel views
Tabel views digunakan untuk menyimpan data pengguna yang melihat
halaman toko atau profil pengguna lain. Data ini berfungsi sebagai log sehinga
157
dapat mengetahui pelanggan yang tertarik dengan toko/profilnya. Tabel ini
mempunyai 4 field dengan deskripsi sebagai berikut:
Nama Field Tipe Data Ukuran Keterangan
id int 8 Primary key
Id
User_id int 8
Foreign key
id pengguna yang melihat
halaman web pengguna lain
dari tabel users
viewed_id int 8
Foreign key
id pengguna taget yang
halaman webnya dilihat dari
tabel users
updated_at datetime Tanggal pengguna terakhir
melihat halaman web target
Tabel 3.30 Daftar field pada tabel views
3.2.6 Hierarki Menu
1. Hierarki Menu Provider
Hierarki menu Provider adalah hierarki menu pada halaman-halaman
utama aplikasi yang digunakan sebagai homepage dari aplikasi ini termasuk
didalamnya registrasi dan login member.
Gambar 3.131Hierarki Menu Provider
158
2. Hierarki Menu Umum
Hierarki menu umum adalah hierarki menu pada halaman-halaman
aplikasi anggota yang dapat diakses secara umum (tanpa autentifikasi) selain
halaman toko. Halaman ini meliputi market place, shopping cart, profil
anggota dan affiliate merchant customer.
Gambar 3.132 Hierarki Menu Umum
3. Hierarki Menu Shop
Hierarki menu shop adalah hierarki menu pada halaman-halaman
toko yang dibuat oleh merchant.
Gambar 3.133 Hierarki Menu Shop
159
4. Hierarki Menu Customer Administration
Hierarki menu customer administration adalah hierarki menu pada
halaman-halaman aplikasi yang berfungsi sebagai halaman administrasi dan
pengaturan bagi customer.
Dashboard
Login
Owner
My Profile
My Account
Order History
My Cart
Connection
My
Connection
Merchants
Pending for
Request
waiting for
Approval
Invite
Invite
View Pending
Invites
Messages
Newsletter
Statistic
Sales
Report
Contact
HelpDesk
Help Content
Help Create Shop
Gambar 3.134 Hierarki Menu Customer Administration
5. Hierarki Menu Merchant Administration
Hierarki menu merchant administration adalah hierarki menu pada
halaman-halaman aplikasi yang berfungsi sebagai halaman administrasi dan
pengaturan bagi merchant.
Gambar 3.135 Hierarki Menu Merchant Administration
6. Hierarki Menu Provider Administration
Hierarki menu provider administration adalah hierarki menu pada
halaman-halaman aplikasi yang berfungsi sebagai halaman administrasi dan
pengaturan provider termasuk didalamnya pengaturan pengguna dan theme.
Gambar 3.136 Hierarki Menu Provider Administration
3.2.7 Rancangan Layar
1. Rancangan Layar Provider
Rancangan Layar Provider adalah rancangan layar pada halaman-
halaman utama aplikasi yang digunakan sebagai homepage dari aplikasi ini
termasuk didalamnya registrasi dan login member.
162
1.1 Rancangan Layar Halaman Utama Provider Pada Guest
Gambar 3.137 Rancangan Layar Halaman Utama Provider Pada Guest
163
1.2 Rancangan Layar Home Provider Pada Member
Home Tour Market News Testimonials About Contact
Home Tour Demo News Testimonials About Contact Login Sitemap Privacy Statement
Copyright ©2007 Dagang Inc. All Rights Reserved.
Go to Market
DAGANG
LOGO
MyProfile Logout MyCartWelcome, username
Learn MoreLearn MoreLearn More
Browse Connect Store
STORE IMAGECONNECT IMAGEBROWSE IMAGE
What is dagang™
dagang™ is a FREE web based application that you can buy from market and sell your
stuff. You can act as custumer and get upgraded account as merchant. Get the other
feature like connect with other account. dagang™ is easy to use!
Act as customer at the market, you can browse
all merchant and their stuff.
You can get connected with merchant as your
custumer and as your partner.
Upgrade your account to be merchant. It's
simple and we make it easy to sell your stuff.
Learn More View a Demo
Innovative Technology Systems for the Small Industry.
dagang™ Systems empowers small organizations with strategic technology
solutions that create efficient and productive team environments. In addition
to communication tools, dagang™ includes powerful scheduling software
that allows community members to trade, modify or view shifts from any
web enabled device.
Dagang’s™ strategic approach combines real world business experience,
business acumen, technical skill, and industry best practices to deliver the
most appropriate technology to your community. Dagang’s success is a
result of its ability to adapt to evolving needs of the industry. It is the
company’s mission to be the long term providers of innovative systems that
bring the business community together, working as a whole.
dagang™ Systems provides solutions based on the dagang™ framework.
The dagang™ framework is a modular, secure system that allows multiple
configurations of its more than 20 applications. The software is fully
dynamic and scalable to any number of users, roles and physical sites.
TestimonialsThey told about us
dagang™ NewsLatest from the news
Posted on 02 January 2008Soesilo B Y, Indonesia President.
Dagang launch at Indonesia Stock
Exchange, Jakarta
“Sebuah karya yang mengharumkan
nama bangsa"
Posted on 02 January 2008
Soesilo B.Y, Indonesian President
visit dagang developer to give
support
Posted on 02 January 2008
New Theme : Soo Cute
Posted on 02 January 2008
President director dagang,
Muhammad Ridwan Nawawi talk
show at Kick Andy on Metro TV
Posted on 02 January 2008
DAGANG soft launch at Pasir Putih
Cafe, kemang
Andrew, CEO Business Week Asia
"Very Intresting.. Really Cool
Application.. "
John, Editor Forbes Asia
"The Killer Application.. "
Billy, IT Watch
"It's rock mannn...! GOKILLLLL"
Michael, Entrepreneur
"Good idea for young entrepreneur"
Gambar 3.138 Rancangan Layar Home Provider Pada Member
164
1.3 Rancangan Layar Pendaftaran Anggota
DAGANG
LOGO
I'am agree with agreement
Copyright © 2007 Dagang Inc. All Rights Reserved.
Username * :
Sign up
Sign up
Subdomain * :
Email * :
Password * :
Password Confirmation *:
Gambar 3.139 Rancangan Layar Pendaftaran Anggota
1.4 Rancangan Layar Login Member
Gambar 3.140 Rancangan Layar Login Member
165
1.5 Rancangan Layar Forget Password
Gambar 3.141 Rancangan Layar Forget Password
1.6 Rancangan Layar Melihat Berita Provider
Home Tour Market News Testimonials About Contact
Home Tour Demo News Testimonials About Contact Login Sitemap Privacy Statement
Copyright ©2007 Dagang Inc. All Rights Reserved.
Go to Market
DAGANG
LOGO
MyProfile Logout MyCartWelcome, username
Newsdagang™ latest news releases
Hal tersebut disampaikan Deputi Bidang Statistik Distrubusi dan Jasa
Badan Pusat Statistik Ali Rosidi dalam jumpa pers, di Gedung BPS, Jalan
Sutomo, Jakarta, Rabu (2/1/2008).
"Inflasi tertinggi di Banda Aceh 3,76 persen dan inflasi terendah di Pangkal
Pinang 0,03 persen," ujarnya
Untuk inflasi kalender Januari-Desember 2007 tercatat sebesar 6,59
persen. Inflasi ditopang oleh kenaikan harga bahan makanan 2,47 persen,
makanan jadi, minuman rokok 0,91 persen, perumahan, air, listrik, gas dan
bahan bakar 0,63 persen.
Laju inflasi komponen inti sebesar 0,8 persen sedangkan tahunannya
sebesar 6,29 persen. (ddn/ir)
Dagang launch at Indonesia Stock Exchange,
Jakarta
Jakarta - Inflasi Desember melambung menjadi 1,10 persen berkat
adanya kenaikan berbagai komoditas. Di seluruh 45 kota terjadi inflasi.
- Wednesday, 02 January 2008
TestimonialsThey told about us
dagang™ NewsLatest from the news
Posted on 02 January 2008Soesilo B Y, Indonesia President.
Dagang launch at Indonesia Stock
Exchange, Jakarta
“Sebuah karya yang mengharumkan
nama bangsa"
Posted on 02 January 2008
Soesilo B.Y, Indonesian President
visit dagang developer to give
support
Posted on 02 January 2008
New Theme : Soo Cute
Posted on 02 January 2008
President director dagang,
Muhammad Ridwan Nawawi talk
show at Kick Andy on Metro TV
Posted on 02 January 2008
DAGANG soft launch at Pasir Putih
Cafe, kemang
Andrew, CEO Business Week Asia
"Very Intresting.. Really Cool
Application.. "
John, Editor Forbes Asia
"The Killer Application.. "
Billy, IT Watch
"It's rock mannn...! GOKILLLLL"
Michael, Entrepreneur
"Good idea for young entrepreneur"
Gambar 3.142 Rancangan Layar Melihat Berita Provider
166
1.7 Rancangan Layar Melihat Testimonial Provider
Home Tour Market News Testimonials About Contact
Home Tour Demo News Testimonials About Contact Login Sitemap Privacy Statement
Copyright ©2007 Dagang Inc. All Rights Reserved.
Go to Market
DAGANG
LOGO
MyProfile Logout MyCartWelcome, username
Newsdagang™ latest news releases
Soesilo B Y, Indonesia President.
“Sebuah karya yang mengharumkan nama bangsa"
Andrew, CEO Business Week
Asia
"Very Intresting.. Really Cool Application.. "
John, Editor Forbes Asia
"The Killer Application.. "
Billy, IT Watch
"It's rock mannn...! GOKILLLLL"
Michael, Entrepreneur
"Good idea for young entrepreneur"
TestimonialsThey told about us
dagang™ NewsLatest from the news
Posted on 02 January 2008Soesilo B Y, Indonesia President.
Dagang launch at Indonesia Stock
Exchange, Jakarta
“Sebuah karya yang mengharumkan
nama bangsa"
Posted on 02 January 2008
Soesilo B.Y, Indonesian President
visit dagang developer to give
support
Posted on 02 January 2008
New Theme : Soo Cute
Posted on 02 January 2008
President director dagang,
Muhammad Ridwan Nawawi talk
show at Kick Andy on Metro TV
Posted on 02 January 2008
DAGANG soft launch at Pasir Putih
Cafe, kemang
Andrew, CEO Business Week Asia
"Very Intresting.. Really Cool
Application.. "
John, Editor Forbes Asia
"The Killer Application.. "
Billy, IT Watch
"It's rock mannn...! GOKILLLLL"
Michael, Entrepreneur
"Good idea for young entrepreneur"
Gambar 3.143 Rancangan Layar Melihat Testimonial Provider
167
2. Rancangan Layar Umum
Rancangan layar umum adalah rancangan layar pada halaman-halaman
aplikasi anggota yang dapat diakses secara umum (tanpa autentifikasi) selain
halaman toko. Halaman ini meliputi market place, shopping cart, profil anggota
dan affiliate merchant customer.
2.1 Rancangan Layar Market Place
Gambar 3.144 Rancangan Layar Market Place
168
2.2 Rancangan Layar Pencarian Produk Pada Market Place
Home Tour Demo News Testimonials About Contact Login Sitemap Privacy Statement
Copyright ©2007 Dagang Inc. All Rights Reserved.
DAGANG
LOGO
MyProfile Logout MyCartWelcome, username
Product SearchGet your best stuff with best price.
MERCHANT
LOGO
Tags : Lorem Ipsum Dolor Sit Amet
Produk Manufakture: Nama Produk
Lorem:ipsum dolor Lorem:ipsum dolor Lorem:ipsum dolor Lorem:ipsum dolor
Lorem:ipsum dolor Lorem:ipsum dolor Dimension:
product.product_attribute.dimension Weight: product.product_attribute.weight
Price : Rp. 1.300.000 Rp. 1.000.000 (save 20%)
MERCHANT
LOGO
Tags : Lorem Ipsum Dolor Sit Amet
Produk Manufakture: Nama Produk
Lorem:ipsum dolor Lorem:ipsum dolor Lorem:ipsum dolor Lorem:ipsum dolor
Lorem:ipsum dolor Lorem:ipsum dolor Dimension:
product.product_attribute.dimension Weight: product.product_attribute.weight
Price : Rp. 1.300.000 Rp. 1.000.000 (save 20%)
MERCHANT
LOGO
Tags : Lorem Ipsum Dolor Sit Amet
Produk Manufakture: Nama Produk
Lorem:ipsum dolor Lorem:ipsum dolor Lorem:ipsum dolor Lorem:ipsum dolor
Lorem:ipsum dolor Lorem:ipsum dolor Dimension:
product.product_attribute.dimension Weight: product.product_attribute.weight
Price : Rp. 1.300.000 Rp. 1.000.000 (save 20%)
MERCHANT
LOGO
Tags : Lorem Ipsum Dolor Sit Amet
Produk Manufakture: Nama Produk
Lorem:ipsum dolor Lorem:ipsum dolor Lorem:ipsum dolor Lorem:ipsum dolor
Lorem:ipsum dolor Lorem:ipsum dolor Dimension:
product.product_attribute.dimension Weight: product.product_attribute.weight
Price : Rp. 1.300.000 Rp. 1.000.000 (save 20%)
Search Result for "keyword"Sort by : Store Name ^ v | Price sort ^ v| Rating ^ v
SEARCH
Market Shopping Cart
Art Book Shoes FashionGadgetElectronic Shop
Computer Shoes House
SoftwareHardware
Tool Food Selular Voucher
MLM TelevisionNotebook
HandphoneBag AccecoriesHat
JacketTShirt Jeans
Tagsdagang™ product tags
To search, type and hit enter
Search Products
Gambar 3.145 Rancangan Layar Pencarian Produk Pada Market Place
169
2.3 Rancangan Layar Shopping Cart
# ActionItem Name Qty Unit Price Total
PRODU
CT
IMAGEInkjet Printer - Epson
C41SX
1 Rp. 576.000 Rp. 576.000 delete1
PRODU
CT
IMAGE
Notebook - Acer
Travelmate 4002 NLMiRp. 13.276.000Rp. 13.276.000 delete
2
Rp. 13.852.000Total
COMMIT
ORDER
Home Tour Demo News Testimonials About Contact Login Sitemap Privacy Statement
Copyright ©2007 Dagang Inc. All Rights Reserved.
DAGANG
LOGO
MyProfile Logout MyCartWelcome, username
Shopping CartGood stuff that i want to have
Art Book Shoes FashionGadgetElectronic Shop
Computer Shoes House
SoftwareHardware
Tool Food Selular Voucher
MLM TelevisionNotebook
HandphoneBag AccecoriesHat
JacketTShirt Jeans
Tagsdagang™ product tags
Market Shopping Cart
1
Go to Market
Please enter your contact details or please login to finish your transaction
Name
Telephone
Address *
Contact Detail
UPDATEEMPTY CART
To search, type and hit enter
Search Products
Gambar 3.146 Rancangan Layar Shopping Cart
170
2.4 Rancangan Layar Melihat Profile
OWNER
PHOTOMale, 21
Member Status : Merchant
Member since : 20 August 2007
Last login : 20 August 2007
SEND MESSAGEREQUEST AS CUSTOMER
About me
I’am a programmer ad like to get new technology. I’am also like to
get new IT gadget. I home i will have a best gadget with dagang
Company
PT Te-iSoft Indonesia Tbk
Telephone
99968674
Faxcimile
-
Address
Jl. Meruya Selatan No.20
Rt. 007/02 Meruya Selatan
Jakarta 11650
DKI Jakarta, Indonesia
Muhammad Ridwan Nawawi
Home Tour Demo News Testimonials About Contact Login Sitemap Privacy Statement
Copyright ©2007 Dagang Inc. All Rights Reserved.
DAGANG
LOGO
MyProfile Logout MyCartWelcome, username
Ridwan’s ProfileIt’s really yours
Art Book Shoes FashionGadgetElectronic Shop
Computer Shoes House
SoftwareHardware
Tool Food Selular Voucher
MLM TelevisionNotebook
HandphoneBag AccecoriesHat
JacketTShirt Jeans
Tagsdagang™ product tags
Market Shopping Cart
Go to Market
To search, type and hit enter
Search Products
YM Online
Status
Gambar 3.147 Rancangan Layar Melihat Profile
171
2.5 Rancangan Layar Melihat Afiliasi
Home Tour Demo News Testimonials About Contact Login Sitemap Privacy Statement
Copyright ©2007 Dagang Inc. All Rights Reserved.
DAGANG
LOGO
MyProfile Logout MyCartWelcome, username
Ridwan’s Merchants ConnectionGet latest new from it
Art Book Shoes FashionGadgetElectronic Shop
Computer Shoes House
SoftwareHardware
Tool Food Selular Voucher
MLM TelevisionNotebook
HandphoneBag AccecoriesHat
JacketTShirt Jeans
Tagsdagang™ product tags
Market Shopping Cart
Go to Market
To search, type and hit enter
Search Products
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
<<First <Prev 1 2 3 Next> Last>>
Page 1 of 3
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
Ridwan’s Merchants Connection (124)
Gambar 3.148 Rancangan Layar Melihat Afiliasi
172
3. Rancangan Layar Toko
Rancangan layar toko adalah rancangan layar pada halaman-halaman
toko yang dibuat oleh anggota.
3.1 Rancangan Layar Halaman Utama Toko
Home Product Blog Affiliate Contact Us ProfilePage
Search Productdagang logo Give Rating Invite Send Message
Copyright © 2008 Company Name. All right reserved
Powered by dagang | W3C XHTML 1.0 | W3C CSS 2.0
Merchant NameYour Tagline Here...!
MERCHANT
LOGO
Home
> Home
Product Directory
Affiliate
Desktop PC
Notebook
Monitor
>> LCD Monitor
>> CRT Monitor Storage
>> Hard Disk Drives
>>>HDD
>>>HDD Portabel>> USB Flash
>>>USB Flash
>>>USB + MP3 Player
Printer
>> Laser Printer >> Inkjet Printer
>> Dot Matrix Printer
Customers
Search
Notebook PC LCD,
Monitor Harddisk Storage
Printer Laser Inkjet CRT USB MP3 Player
Portable Desktop HDD
Computer Flash Disk
Last Post From Blog
Blog Category
Blog Archive
Last Update : 07 January 2008
Merchants
MERCHANT
LOGO
CUSTOMERPHOTO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANTLOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
Customer name
more merchants...
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
more customers...
GO!
Lorem ipsum dolor sit
amet consectur etat
SALE upto 70% until
24 December 2007
New Product
New Notebook
Free mouse for all
desktop PC
My Merchant at
Indocomtech 2007
New Product for USB
flash disk
UMPC at store now
GPS built-in with
notebook
Free LCD
MyMerchant Active
now
Promo & Discount
IT News
Announcement
January 2008
December 2007
November 2007
October 2007
Welcome mridwann, Logout | MyCart (3) | MyShop | Marketplace
Welcome to Merhant Name
Featured Product
PRODUCT
IMAGE
PRODUCT
IMAGE
Sale !!!
PRODUCT
IMAGE
Thanks for visit my online store. Lorem ipsum dolor sit amet consectur etat es
moi. Lorem ipsum dolor sit amet consectur etat es moi. Lorem ipsum dolor sit
amet consectur etat es moi. Lorem ipsum dolor sit amet consectur etat es moi.
Lorem ipsum dolor sit amet consectur etat es moi. Lorem ipsum dolor sit amet
consectur etat es moi.
Lorem ipsum dolor sit amet consectur etat es moi.Lorem ipsum dolor sit amet
consectur etat es moi. Lorem ipsum dolor sit amet consectur etat es moi.Lorem
ipsum dolor sit amet consectur etat es moi. Lorem ipsum dolor sit amet
consectur etat es moi.Lorem ipsum dolor sit amet consectur etat es moi.
Lorem ipsum dolor sit amet consectur etat es moi.Lorem ipsum dolor sit amet
consectur etat es moi.Lorem ipsum dolor sit amet consectur etat es moi.Lorem
ipsum dolor sit amet consectur etat es moi.
Enjoy your shoping and get the best goodies in there.
PRODUCT
IMAGE
PRODUCT
IMAGE
PRODUCT
IMAGE
LG MonitorRp. 13.540.000
Rp. 12.000.000Save 20%
LG MonitorRp. 13.540.000
Rp. 12.000.000Save 20%
LG MonitorRp. 13.540.000
Rp. 12.000.000Save 20%
LG MonitorRp. 13.540.000
Rp. 12.000.000Save 20%
LG MonitorRp. 13.540.000
Rp. 12.000.000Save 20%
LG MonitorRp. 13.540.000
Rp. 12.000.000Save 20%
Advance search
Product tags
Gambar 3.149 Rancangan Layar Halaman Utama Toko
173
3.2 Rancangan Layar Daftar Produk Toko
Home Product Blog Affiliate Contact Us ProfilePage
Search Productdagang logo Give Rating Invite Send Message
Copyright © 2008 Company Name. All right reserved
Powered by dagang | W3C XHTML 1.0 | W3C CSS 2.0
Merchant NameYour Tagline Here...!
MERCHANT
LOGO
> Home
Product Directory
Affiliate
Desktop PC
Notebook Monitor
>> LCD Monitor
>> CRT Monitor
Storage >> Hard Disk Drives
>>>HDD
>>>HDD Portabel
>> USB Flash
>>>USB Flash >>>USB + MP3 Player
Printer
>> Laser Printer
>> Inkjet Printer >> Dot Matrix Printer
Customers
Search
Notebook PC LCD,
Monitor Harddisk Storage
Printer Laser Inkjet CRT USB MP3 Player
Portable Desktop HDD
Computer Flash Disk
Last Post From Blog
Blog Category
Blog Archive
Last Update : 07 January 2008
Merchants
MERCHANTLOGO
CUSTOMER
PHOTO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
Customer name
more merchants...
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
more customers...
GO!
Lorem ipsum dolor sit
amet consectur etat
SALE upto 70% until
24 December 2007
New Product
New Notebook
Free mouse for all
desktop PC
My Merchant at
Indocomtech 2007
New Product for USB
flash disk
UMPC at store now
GPS built-in with
notebook
Free LCD
MyMerchant Active
now
Promo & Discount
IT News
Announcement
January 2008
December 2007
November 2007
October 2007
Welcome mridwann, Logout | MyCart (3) | MyShop | Marketplace
Advance search
Product Tags
Gambar 3.150 Rancangan Layar Daftar Produk Toko
174
3.3 Rancangan Layar Produk Detail Toko
Home Product Blog Affiliate Contact Us ProfilePage
Search Productdagang logo Give Rating Invite Send Message
Copyright © 2008 Company Name. All right reserved
Powered by dagang | W3C XHTML 1.0 | W3C CSS 2.0
Merchant NameYour Tagline Here...!
MERCHANT
LOGO
> Home
Product Directory
Affiliate
Desktop PC
Notebook Monitor
>> LCD Monitor
>> CRT Monitor
Storage >> Hard Disk Drives
>>>HDD
>>>HDD Portabel
>> USB Flash
>>>USB Flash >>>USB + MP3 Player
Printer
>> Laser Printer
>> Inkjet Printer >> Dot Matrix Printer
Customers
Search
Notebook PC LCD,
Monitor Harddisk Storage
Printer Laser Inkjet CRT USB MP3 Player
Portable Desktop HDD
Computer Flash Disk
Last Post From Blog
Blog Category
Blog Archive
Last Update : 07 January 2008
Merchants
MERCHANTLOGO
CUSTOMER
PHOTO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
Customer name
more merchants...
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
more customers...
GO!
Lorem ipsum dolor sit
amet consectur etat
SALE upto 70% until
24 December 2007
New Product
New Notebook
Free mouse for all
desktop PC
My Merchant at
Indocomtech 2007
New Product for USB
flash disk
UMPC at store now
GPS built-in with
notebook
Free LCD
MyMerchant Active
now
Promo & Discount
IT News
Announcement
January 2008
December 2007
November 2007
October 2007
Welcome mridwann, Logout | MyCart (3) | MyShop | Marketplace
Advance search
Product Tags
Gambar 3.151 Rancangan Layar Produk Detail Toko
175
3.4 Rancangan Layar Memberi Review Produk Toko
Home Product Blog Affiliate Contact Us ProfilePage
Search Productdagang logo Give Rating Invite Send Message
Copyright © 2008 Company Name. All right reserved
Powered by dagang | W3C XHTML 1.0 | W3C CSS 2.0
Merchant NameYour Tagline Here...!
MERCHANT
LOGO
> Home
Product Directory
Affiliate
Desktop PC
Notebook Monitor
>> LCD Monitor
>> CRT Monitor
Storage >> Hard Disk Drives
>>>HDD
>>>HDD Portabel
>> USB Flash
>>>USB Flash >>>USB + MP3 Player
Printer
>> Laser Printer
>> Inkjet Printer >> Dot Matrix Printer
Customers
Search
Notebook PC LCD,
Monitor Harddisk Storage
Printer Laser Inkjet CRT USB MP3 Player
Portable Desktop HDD
Computer Flash Disk
Last Post From Blog
Blog Category
Blog Archive
Last Update : 07 January 2008
Merchants
MERCHANTLOGO
CUSTOMER
PHOTO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
Customer name
more merchants...
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
more customers...
GO!
Lorem ipsum dolor sit
amet consectur etat
SALE upto 70% until
24 December 2007
New Product
New Notebook
Free mouse for all
desktop PC
My Merchant at
Indocomtech 2007
New Product for USB
flash disk
UMPC at store now
GPS built-in with
notebook
Free LCD
MyMerchant Active
now
Promo & Discount
IT News
Announcement
January 2008
December 2007
November 2007
October 2007
Welcome mridwann, Logout | MyCart (3) | MyShop | Marketplace
Advance search
Product Tags
Gambar 3.152 Rancangan Layar Memberi Review Produk Toko
176
3.5 Rancangan Layar Memberi Rating Toko
Name Muhammad Ridwan Nawawi
Value
Submit
Give Rating
Home Product Blog Affiliate Contact Us ProfilePage
Search Productdagang logo Give Rating Invite Send Message
Copyright © 2008 Company Name. All right reserved
Powered by dagang | W3C XHTML 1.0 | W3C CSS 2.0
Merchant NameYour Tagline Here...!
MERCHANT
LOGO
> Home
Product Directory
Affiliate
Desktop PC
Notebook Monitor
>> LCD Monitor
>> CRT Monitor
Storage >> Hard Disk Drives
>>>HDD
>>>HDD Portabel
>> USB Flash
>>>USB Flash >>>USB + MP3 Player
Printer
>> Laser Printer
>> Inkjet Printer >> Dot Matrix Printer
Customers
Search
Notebook PC LCD,
Monitor Harddisk Storage
Printer Laser Inkjet CRT USB MP3 Player
Portable Desktop HDD
Computer Flash Disk
Last Post From Blog
Blog Category
Blog Archive
Last Update : 07 January 2008
Merchants
MERCHANTLOGO
CUSTOMER
PHOTO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
Customer name
more merchants...
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
more customers...
GO!
Lorem ipsum dolor sit
amet consectur etat
SALE upto 70% until
24 December 2007
New Product
New Notebook
Free mouse for all
desktop PC
My Merchant at
Indocomtech 2007
New Product for USB
flash disk
UMPC at store now
GPS built-in with
notebook
Free LCD
MyMerchant Active
now
Promo & Discount
IT News
Announcement
January 2008
December 2007
November 2007
October 2007
Welcome mridwann, Logout | MyCart (3) | MyShop | Marketplace
Advance search
Product Tags
Gambar 3.153 Rancangan Layar Memberi Rating Toko
177
3.6 Rancangan Layar Melihat Detil Halaman CMS Toko
Home Product Blog Affiliate Contact Us ProfilePage
Search Productdagang logo Give Rating Invite Send Message
Copyright © 2008 Company Name. All right reserved
Powered by dagang | W3C XHTML 1.0 | W3C CSS 2.0
Merchant NameYour Tagline Here...!
MERCHANT
LOGO
> Home
Product Directory
Affiliate
Desktop PC
Notebook Monitor
>> LCD Monitor
>> CRT Monitor
Storage >> Hard Disk Drives
>>>HDD
>>>HDD Portabel
>> USB Flash
>>>USB Flash >>>USB + MP3 Player
Printer
>> Laser Printer
>> Inkjet Printer >> Dot Matrix Printer
Customers
Search
Notebook PC LCD,
Monitor Harddisk Storage
Printer Laser Inkjet CRT USB MP3 Player
Portable Desktop HDD
Computer Flash Disk
Last Post From Blog
Blog Category
Blog Archive
Last Update : 07 January 2008
Merchants
MERCHANTLOGO
CUSTOMER
PHOTO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
Customer name
more merchants...
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
more customers...
GO!
Lorem ipsum dolor sit
amet consectur etat
SALE upto 70% until
24 December 2007
New Product
New Notebook
Free mouse for all
desktop PC
My Merchant at
Indocomtech 2007
New Product for USB
flash disk
UMPC at store now
GPS built-in with
notebook
Free LCD
MyMerchant Active
now
Promo & Discount
IT News
Announcement
January 2008
December 2007
November 2007
October 2007
Welcome mridwann, Logout | MyCart (3) | MyShop | Marketplace
Advance search
Product Tags
Cara transaksi
Cara Transaksi
Lorem ipsum dolor sit amet consectur etat es moi. Lorem ipsum dolor sit amet
consectur etat es moi. Lorem ipsum dolor sit amet consectur etat es moi.
Lorem ipsum dolor sit amet consectur etat es moi. Lorem ipsum dolor sit amet
consectur etat es moi. Lorem ipsum dolor sit amet consectur etat es moi.
Lorem ipsum dolor sit amet consectur etat es moi. Lorem ipsum dolor sit amet
consectur etat es moi. Lorem ipsum dolor sit amet consectur etat es moi.
Lorem ipsum dolor sit amet consectur etat es moi.
Lorem ipsum dolor sit amet consectur etat es moi.Lorem ipsum dolor sit amet
consectur etat es moi. Lorem ipsum dolor sit amet consectur etat es moi.Lorem
ipsum dolor sit amet consectur etat es moi. Lorem ipsum dolor sit amet
consectur etat es moi.Lorem ipsum dolor sit amet consectur etat es moi.
Lorem ipsum dolor sit amet consectur etat es moi.Lorem ipsum dolor sit amet
consectur etat es moi.Lorem ipsum dolor sit amet consectur etat es moi.Lorem
ipsum dolor sit amet consectur etat es moi. Lorem ipsum dolor sit amet
consectur etat es moi. Lorem ipsum dolor sit amet consectur etat es moi.
Gambar 3.154 Rancangan Layar Melihat Detil Halaman CMS Toko
178
3.7 Rancangan Layar Melihat Daftar Blog Toko
Home Product Blog Affiliate Contact Us ProfilePage
Search Productdagang logo Give Rating Invite Send Message
Copyright © 2008 Company Name. All right reserved
Powered by dagang | W3C XHTML 1.0 | W3C CSS 2.0
Merchant NameYour Tagline Here...!
MERCHANT
LOGO
> Home
Product Directory
Affiliate
Desktop PC
Notebook Monitor
>> LCD Monitor
>> CRT Monitor
Storage >> Hard Disk Drives
>>>HDD
>>>HDD Portabel
>> USB Flash
>>>USB Flash >>>USB + MP3 Player
Printer
>> Laser Printer
>> Inkjet Printer >> Dot Matrix Printer
Customers
Search
Notebook PC LCD,
Monitor Harddisk Storage
Printer Laser Inkjet CRT USB MP3 Player
Portable Desktop HDD
Computer Flash Disk
Last Post From Blog
Blog Category
Blog Archive
Last Update : 07 January 2008
Merchants
MERCHANTLOGO
CUSTOMER
PHOTO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
Customer name
more merchants...
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
more customers...
GO!
Lorem ipsum dolor sit
amet consectur etat
SALE upto 70% until
24 December 2007
New Product
New Notebook
Free mouse for all
desktop PC
My Merchant at
Indocomtech 2007
New Product for USB
flash disk
UMPC at store now
GPS built-in with
notebook
Free LCD
MyMerchant Active
now
Promo & Discount
IT News
Announcement
January 2008
December 2007
November 2007
October 2007
Welcome mridwann, Logout | MyCart (3) | MyShop | Marketplace
Advance search
Product Tags
Blog
Monday, 20 November 2006 at 20:30 GMT, by SiteAdminHere comes the title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis. Read more »
| Posted by SiteAdmin | Categories: General | Comments: 73 |
Monday, 20 November 2006 at 20:30 GMT, by SiteAdminHere comes the title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis. Read more »
| Posted by SiteAdmin | Categories: General | Comments: 73 |
Monday, 20 November 2006 at 20:30 GMT, by SiteAdminHere comes the title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis. Read more »
| Posted by SiteAdmin | Categories: General | Comments: 73 |
Monday, 20 November 2006 at 20:30 GMT, by SiteAdminHere comes the title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis. Read more »
| Posted by SiteAdmin | Categories: General | Comments: 73 |
Monday, 20 November 2006 at 20:30 GMT, by SiteAdminHere comes the title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis. Read more »
| Posted by SiteAdmin | Categories: General | Comments: 73 |
Gambar 3.155 Rancangan Layar Melihat Daftar Blog Toko
179
3.8 Rancangan Layar Melihat Detil Blog Toko
Home Product Blog Affiliate Contact Us ProfilePage
Search Productdagang logo Give Rating Invite Send Message
Copyright © 2008 Company Name. All right reserved
Powered by dagang | W3C XHTML 1.0 | W3C CSS 2.0
Merchant NameYour Tagline Here...!
MERCHANT
LOGO
> Home
Product Directory
Affiliate
Desktop PC
Notebook Monitor
>> LCD Monitor
>> CRT Monitor
Storage >> Hard Disk Drives
>>>HDD
>>>HDD Portabel
>> USB Flash
>>>USB Flash >>>USB + MP3 Player
Printer
>> Laser Printer
>> Inkjet Printer >> Dot Matrix Printer
Customers
Search
Notebook PC LCD,
Monitor Harddisk Storage
Printer Laser Inkjet CRT USB MP3 Player
Portable Desktop HDD
Computer Flash Disk
Last Post From Blog
Blog Category
Blog Archive
Last Update : 07 January 2008
Merchants
MERCHANTLOGO
CUSTOMER
PHOTO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
Customer name
more merchants...
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
more customers...
GO!
Lorem ipsum dolor sit
amet consectur etat
SALE upto 70% until
24 December 2007
New Product
New Notebook
Free mouse for all
desktop PC
My Merchant at
Indocomtech 2007
New Product for USB
flash disk
UMPC at store now
GPS built-in with
notebook
Free LCD
MyMerchant Active
now
Promo & Discount
IT News
Announcement
January 2008
December 2007
November 2007
October 2007
Welcome mridwann, Logout | MyCart (3) | MyShop | Marketplace
Advance search
Product Tags
Blog
Monday, 20 November 2006 at 20:30 GMT, by SiteAdminHere comes the title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis.Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper suscipit lobortis.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis.
Comments
"Top bgt nih "
10 Oct 2007 by Muhammad Ridwan Nawawi
"kualitas nya biasa aja "
10 Oct 2007 by Muhammad Irfani Sahnur
"Nih baru printer yang gw cari.... Barang langka nih skarang"
10 Oct 2007 by Dino Dwiyaksha
Write a commets
Comment
Name Muhammad Ridwan Nawawi
Submit
Gambar 3.156 Rancangan Layar Melihat Detil Blog Toko
180
3.9 Rancangan Layar Melihat Afiliasi Toko
Home Product Blog Affiliate Contact Us ProfilePage
Search Productdagang logo Give Rating Invite Send Message
Copyright © 2008 Company Name. All right reserved
Powered by dagang | W3C XHTML 1.0 | W3C CSS 2.0
Merchant NameYour Tagline Here...!
MERCHANT
LOGO
> Home
Product Directory
Affiliate
Desktop PC
Notebook Monitor
>> LCD Monitor
>> CRT Monitor
Storage >> Hard Disk Drives
>>>HDD
>>>HDD Portabel
>> USB Flash
>>>USB Flash >>>USB + MP3 Player
Printer
>> Laser Printer
>> Inkjet Printer >> Dot Matrix Printer
Customers
Search
Notebook PC LCD,
Monitor Harddisk Storage
Printer Laser Inkjet CRT USB MP3 Player
Portable Desktop HDD
Computer Flash Disk
Last Post From Blog
Blog Category
Blog Archive
Last Update : 07 January 2008
Merchants
MERCHANTLOGO
CUSTOMER
PHOTO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
Customer name
more merchants...
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
more customers...
GO!
Lorem ipsum dolor sit
amet consectur etat
SALE upto 70% until
24 December 2007
New Product
New Notebook
Free mouse for all
desktop PC
My Merchant at
Indocomtech 2007
New Product for USB
flash disk
UMPC at store now
GPS built-in with
notebook
Free LCD
MyMerchant Active
now
Promo & Discount
IT News
Announcement
January 2008
December 2007
November 2007
October 2007
Welcome mridwann, Logout | MyCart (3) | MyShop | Marketplace
Advance search
Product Tags
Affiliate
MERCHANTLOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANTLOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
MERCHANT
LOGO
Merchant Name
Send Message
Last login : 20/12/07
<<First <Prev 1 2 3 Next> Last>>Page 1 of 3
Merchants | Custumers
Gambar 3.157 Rancangan Layar Melihat Afiliasi Toko
181
3.10 Rancangan Layar Melihat Halaman Kontak Toko
Home Product Blog Affiliate Contact Us ProfilePage
Search Productdagang logo Give Rating Invite Send Message
Copyright © 2008 Company Name. All right reserved
Powered by dagang | W3C XHTML 1.0 | W3C CSS 2.0
Merchant NameYour Tagline Here...!
MERCHANT
LOGO
> Home
Product Directory
Affiliate
Desktop PC
Notebook Monitor
>> LCD Monitor
>> CRT Monitor
Storage >> Hard Disk Drives
>>>HDD
>>>HDD Portabel
>> USB Flash
>>>USB Flash >>>USB + MP3 Player
Printer
>> Laser Printer
>> Inkjet Printer >> Dot Matrix Printer
Customers
Search
Notebook PC LCD,
Monitor Harddisk Storage
Printer Laser Inkjet CRT USB MP3 Player
Portable Desktop HDD
Computer Flash Disk
Last Post From Blog
Blog Category
Blog Archive
Last Update : 07 January 2008
Merchants
MERCHANTLOGO
CUSTOMER
PHOTO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
MERCHANT
LOGO
Merchant NameLorem ipsum dolor sit
amet consectur etat
Customer name
more merchants...
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
CUSTOMER
PHOTO
Customer nameLorem ipsum dolor sit
amet consectur etat
more customers...
GO!
Lorem ipsum dolor sit
amet consectur etat
SALE upto 70% until
24 December 2007
New Product
New Notebook
Free mouse for all
desktop PC
My Merchant at
Indocomtech 2007
New Product for USB
flash disk
UMPC at store now
GPS built-in with
notebook
Free LCD
MyMerchant Active
now
Promo & Discount
IT News
Announcement
January 2008
December 2007
November 2007
October 2007
Welcome mridwann, Logout | MyCart (3) | MyShop | Marketplace
Advance search
Product Tags
Contact Us
MERCHANT
LOGO
Company
PT Te-iSoft Indonesia Tbk
Telephone
99968674
Faxcimile
-
Address
Jl. Meruya Selatan No.20
Rt. 007/02 Meruya Selatan
Jakarta 11650
DKI Jakarta, Indonesia
Merchant Name
YM Online Status
Gambar 3.158 Rancangan Layar Melihat Halaman Kontak Toko
182
4. Rancangan Layar User Administration
Rancangan layar user administrator adalah rancangan layar pada
halaman-halaman aplikasi yang berfungsi sebagai halaman administrasi dan
pengaturan bagi anggota. Rancangan layar 4.11 sampai 4.33 merupakan
rancangan layar yang hanya dimiliki oleh anggota yang telah menjadi merchant.
4.1 Rancangan Layar Dashboard Pada Customer Administration
Bhonneka
Ordered 11/03/2007
Status : Pending on (12/03/2007)
Jl. Meruya Selatan No. 20
Rt. 007/02, Meruya Selatan
Jakarta 11650
DKI Jakarta, Indonesia
Telp: 99968674
Fax: 99968674
Muhammad Ridwan Nawawi
Home
LOGO Administrator
Owner Connection Report Help
Create Your Shop
Preview LogoutUnread Message
ICON Dashboard
OWNER
PHOTO
My Order
Edit Profile
http://namamerchant.dagang.biz
YM Online
Status
Your URL :
Blog Post | View All
Copyright ©2007 Dagang Inc. All Rights Reserved.
Transaction
MERCHANT
LOGO
Bhonneka
Ordered 11/03/2007
Status : Pending on (12/03/2007)
MERCHANT
LOGO
Bhonneka
Ordered 11/03/2007
Status : Pending on (12/03/2007)
MERCHANT LOGO
Affiliate Blog Post
Latest Affiliate Blog Post
SALE!!! Endorse Bloop discount 70%
Posted 11/3/2007 1:14 pm by EndorseBloop
Category Discount
MERCHANT LOGO
SALE!!! Endorse Bloop discount 70%
Posted 11/3/2007 1:14 pm by EndorseBloop
Category Discount
MERCHANT
LOGO
SALE!!! Endorse Bloop discount 70%
Posted 11/3/2007 1:14 pm by EndorseBloop
Category Discount
MERCHANT
LOGO
SALE!!! Endorse Bloop discount 70%
Posted 11/3/2007 1:14 pm by EndorseBloop
Category Discount
MERCHANT LOGO
SALE!!! Endorse Bloop discount 70%
Posted 11/3/2007 1:14 pm by EndorseBloop
Category Discount
MERCHANT
LOGO
Order History
You have 16 Merchants and 512 Customers
Who view me : 79 views since December 20, 2007
Gambar 3.159 Rancangan Layar Dashboard Pada Customer Administration
183
4.2 Rancangan Layar Mengubah Profile
Gambar 3.160 Rancangan Layar Mengubah Profile
184
4.3 Rancangan Layar Mengubah Akun
Gambar 3.161 Rancangan Layar Mengubah Akun
185
4.4 Rancangan Layar Melihat Sejarah Pembelian
LOGO Administrator
Preview LogoutUnread Message
ICON Order History
Copyright ©2007 Dagang Inc. All Rights Reserved.
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# Action
Status Filter
Date Shop Status
Processing GoPending10 Oct 2007 Bhonneka1
Home Owner Connection Report Help
Create Your Shop
Gambar 3.162 Rancangan Layar Melihat Sejarah Pembelian
186
4.5 Rancangan Layar Melihat Hubungan Jejaring Sosial
Gambar 3.163 Rancangan Layar Melihat Hubungan Jejaring Sosial
187
4.6 Rancangan Layar Invite Connection
Gambar 3.164 Rancangan Layar Invite Connection
188
4.7 Rancangan Layar Melihat Daftar Invite Connection Yang Menunggu
Approval
LOGO Administrator
Preview LogoutUnread Message
ICON Waiting For Approval
Copyright ©2007 Dagang Inc. All Rights Reserved.
Waiting for ApprovalInvite View Pending Requests
ICON
ADD
View
Connection
Home Owner Connection Report Help
Create Your Shop
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# Action
Status Filter
Friend Date Created Message
10 Oct 2007Bhonneka1
Gambar 3.165 Rancangan Layar Melihat Daftar Invite Connection Yang
Menunggu Approval
189
4.8 Rancangan Layar Melihat Daftar Request Connection
LOGO Administrator
Preview LogoutUnread Message
ICON View Pending Requests
Copyright ©2007 Dagang Inc. All Rights Reserved.
View Pending InvitesInvite View Pending Requests
ICON
ADD
View
Connection
Home Owner Connection Report Help
Create Your Shop
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# Action
Status Filter
Friend Date Created Message
10 Oct 2007Bhonneka1
Gambar 3.166 Rancangan Layar Melihat Daftar Request Connection
190
4.9 Rancangan Layar Mengatur Pesan Pribadi
Gambar 3.167 Rancangan Layar Mengatur Pesan Pribadi
191
4.10 Rancangan Layar Menulis Pesan Pribadi
Gambar 3.168 Rancangan Layar Menulis Pesan Pribadi
192
4.11 Rancangan Layar Upgrade Menjadi Merchant
Gambar 3.169 Rancangan Layar Upgrade Menjadi Merchant
193
4.12 Rancangan Layar Dashboard Pada Merchant
Income
Gambar 3.170 Rancangan Layar Dashboard Pada Merchant
194
4.13 Rancangan Layar Mengubah Profil Toko
Gambar 3.171 Rancangan Layar Mengubah Profil Toko
195
4.14 Rancangan Layar Melihat Rating Toko Yang Diberikan User Lain
LOGO Administrator Nama Merchant
ICON Ratings
Copyright ©2007 Dagang Inc. All Rights Reserved.
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# Action
Status Filter
From Date Created Value Status
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Gambar 3.172 Rancangan Layar Melihat Rating Toko Yang Diberikan User Lain
4.15 Rancangan Layar Mangatur Halaman CMS Toko
LOGO Administrator Nama Merchant
ICON Manage Pages
Copyright ©2007 Dagang Inc. All Rights Reserved.
ICON
ADD
Create Page
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# ActionTitle Menu Order Menu Name Publish Status
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Gambar 3.173 Rancangan Layar Mangatur Halaman CMS Toko
196
4.16 Rancangan Layar Membuat Halaman CMS Toko
LOGO Administrator Nama Merchant
ICON Create Page
Copyright ©2007 Dagang Inc. All Rights Reserved.
ICON
CANCEL
Cancel
Menu Name*
Create Page
Body
Create
Menu Order *
Title*
Status* Published Unpublish
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Gambar 3.174 Rancangan Layar Membuat Halaman CMS Toko
197
4.17 Rancangan Layar Mengubah Theme Toko
Gambar 3.175 Rancangan Layar Mengubah Theme Toko
198
4.18 Rancangan Layar Mengubah Konfigurasi Toko
LOGO Administrator Nama Merchant
ICON Configuration
Copyright ©2007 Dagang Inc. All Rights Reserved.
Enable Shop *
Enable Shop
Enable
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Meta Description
Site Configuration
Disable
Welcome Page
Body
Title*
Meta Keywords
Site Disclaimer
Update
Gambar 3.176 Rancangan Layar Mengubah Konfigurasi Toko
199
4.19 Rancangan Layar Mengatur Produk Toko
LOGO Administrator Nama Merchant
ICON Manage Product
Copyright ©2007 Dagang Inc. All Rights Reserved.
ICON
ADD
Add Product
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# Action
Status Filter
Product Name Product Category Status
Product Category Filter
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Image
Gambar 3.177 Rancangan Layar Mengatur Produk Toko
200
4.20 Rancangan Layar Menambah Produk Toko
LOGO Administrator Nama Merchant
ICON Add Product
Copyright ©2007 Dagang Inc. All Rights Reserved.
ICON
CANCEL
Cancel
Product Name *
Product
Product Category *
Description
Manufacture *
Status* Ready to buy Out of Stock Unpublish
Tags
Attribute
Dimension *
Weight *
BrowseImage
Price *
Currency * IDR
Attribute
Discount
Discount Name -- no discount --
Save
Package
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
separate comma (,) for multi tags
Gambar 3.178 Rancangan Layar Menambah Produk Toko
201
4.21 Rancangan Layar Menerima Review
LOGO Administrator Nama Merchant
ICON Product Review
Copyright ©2007 Dagang Inc. All Rights Reserved.
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# Action
Status Filter
Product Name Reviewer Date Created Value Status
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Gambar 3.179 Rancangan Layar Menerima Review
4.22 Rancangan Layar Mengatur Kategori Produk Toko
LOGO Administrator Nama Merchant
ICON Manage Product Category
Copyright ©2007 Dagang Inc. All Rights Reserved.
ICON
ADD
Add Product
Category
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# ActionProduct Category Name
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Description
Gambar 3.180 Rancangan Layar Mengatur Kategori Produk Toko
202
4.23 Rancangan Layar Menambah Kategori Produk Toko
LOGO Administrator Nama Merchant
ICON Manage Product Category
Copyright ©2007 Dagang Inc. All Rights Reserved.
ICON
ADD
Add Product
Category
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# ActionProduct Category Name
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Description
Gambar 3.181 Rancangan Layar Menambah Kategori Produk Toko
4.24 Rancangan Layar Mengatur Diskon Toko
LOGO Administrator Nama Merchant
ICON Manage Discount
Copyright ©2007 Dagang Inc. All Rights Reserved.
ICON
ADD
Add
Discount
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# ActionName Rate
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Description
Gambar 3.182 Rancangan Layar Mengatur Diskon Toko
203
4.25 Rancangan Layar Menambah Diskon Toko
Gambar 3.183 Rancangan Layar Menambah Diskon Toko
4.26 Rancangan Layar Mengatur Penjualan Toko
LOGO Administrator Nama Merchant
ICON Manage Sales
Copyright ©2007 Dagang Inc. All Rights Reserved.
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# Action
Status Filter
Username Date Created Status
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Total
Gambar 3.184 Rancangan Layar Mengatur Penjualan Toko
204
4.27 Rancangan Layar Mengatur Blog Toko
LOGO Administrator Nama Merchant
ICON Manage Blog Post
Copyright ©2007 Dagang Inc. All Rights Reserved.
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# Action
Status Filter
Title Date Created Status
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Category Comment
Gambar 3.185 Rancangan Layar Mengatur Blog Toko
205
4.28 Rancangan Layar Menulis Blog Toko
LOGO Administrator Nama Merchant
ICON Add Blog Post
Copyright ©2007 Dagang Inc. All Rights Reserved.
ICON
CANCEL
Cancel
Create Blog Post
Content
Create
Title*
Status* Published Unpublish
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
-- none --Category *
Gambar 3.186 Rancangan Layar Menulis Blog Toko
206
4.29 Rancangan Layar Mengatur Kategori Blog Toko
LOGO Administrator Nama Merchant
ICON Manage Blog Category
Copyright ©2007 Dagang Inc. All Rights Reserved.
ICON
ADD
Add Product
Category
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# ActionBlog Category Name
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Gambar 3.187 Rancangan Layar Mengatur Kategori Blog Toko
4.30 Rancangan Layar Menambah Kategori Blog Toko
Gambar 3.188 Rancangan Layar Menambah Kategori Blog Toko
207
4.31 Rancangan Layar Mengatur Komentar Blog Toko
LOGO Administrator Nama Merchant
ICON Manage Comments
Copyright ©2007 Dagang Inc. All Rights Reserved.
Filter
<<First <Prev 1 2 3 Next> Last>>>Page 1 of 3
Go Reset
# Action
Status Filter
Post Title Created at Website
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
EmailComment by Comment
Gambar 3.189 Rancangan Layar Mengatur Komentar Blog Toko
208
4.32 Rancangan Layar Newsletter
Gambar 3.190 Rancangan Layar Newsletter
209
4.33 Rancangan Layar Melihat Laporan Penjualan Toko
LOGO Administrator Nama Merchant
ICON Report
Copyright ©2007 Dagang Inc. All Rights Reserved.
StatisticSales
ICON
Summary
Income
Month
Total Sales : 125
Sales rate per month : 12
Total income : 5.300.000 IDR
Income rate per month : 530.000 IDR
Monthly
Total Sales : 8
Total Income : 470.000 IDR
Active Month Oktober 2007
Home Owner Shop Catalog Sales Connection Report Help Preview LogoutUnread MessageBlog
Gambar 3.191 Rancangan Layar Melihat Laporan Penjualan Toko
210
4.34 Rancangan Layar Melihat Laporan Statistik Toko
Gambar 3.192 Rancangan Layar Melihat Laporan Statistik Toko
211
5. Rancangan Layar Provider Administration
Rancangan layar provider administration adalah rancangan layar pada
halaman-halaman aplikasi yang berfungsi sebagai halaman administrasi dan
pengaturan provider termasuk didalamnya pengaturan pengguna dan theme.
5.1 Rancangan Layar Login Provider Administration
Gambar 3.193 Rancangan Layar Login Provider Administration
212
5.2 Rancangan Layar Dashboard Provider Administration
LOGO
Logout
ICON Dashboard
User Status
Total User
Super Administrator
Copyright ©2007 Dagang Inc. All Rights Reserved.
Home News User Themes HelpTestimomonials PreferencesIncomeUser
: 2
User Status
Waiting Activation : 2
Total Customer : 2
Total Merchant : 2
User Banned
Total Banned User : 2
Total Unbanned User : 2
Product
Total Product : 2
Connection
Total Connection : 2
Transaction
December 2007 Transaction
Income
Transaction
: 2
Total Transaction : 2
Transaction Rate per Month : 2
Testimonial
Total Testimonial
Statistic
: 2
News
Total News : 2
Total Published News : 2
Total Unpublish News : 2
Theme
Total Theme
Gambar 3.194 Rancangan Layar Dashboard Provider Administration
213
5.3 Rancangan Layar Mengatur Berita Provider
Home
LOGO Super Administrator
News User Themes Logout
ICON NewsICONADD
Add News
Filter
<<First <Prev 1 2 3 Next> Last>>Page 1 of 3
Go Reset
# Title Publish Status Action
HelpTestimomonials Preferences
Date Created
Copyright ©2007 Dagang Inc. All Rights Reserved.
Gambar 3.195 Rancangan Layar Mengatur Berita Provider
214
5.4 Rancangan Layar Menambah News Provider
Gambar 3.196 Rancangan Layar Menambah News Provider
215
5.5 Rancangan Layar Mengatur Testimonial Provider
Home
LOGO Super Administrator
News User Themes Logout
ICON Manage TestimonialsICONADD
Add Theme
Filter
<<First <Prev 1 2 3 Next> Last>>Page 1 of 3
Go Reset
# Name Content Action
HelpTestimomonials Preferences
Title
Copyright ©2007 Dagang Inc. All Rights Reserved.
Gambar 3.197 Rancangan Layar Mengatur Testimonial Provider
216
5.6 Rancangan Layar Menambah Testimonial Provider
Gambar 3.198 Rancangan Layar Menambah Testimonial Provider
217
5.7 Rancangan Layar Mengatur User
Gambar 3.199 Rancangan Layar Mengatur User
5.8 Rancangan Layar Mengatur Theme
Home
LOGO Super Administrator
News User Themes Logout
ICON Manage ThemeICONADD
Add Theme
Filter
<<First <Prev 1 2 3 Next> Last>>Page 1 of 3
Go Reset
# Screenshoot Description Action
HelpTestimomonials Preferences
Name
Copyright ©2007 Dagang Inc. All Rights Reserved.
Gambar 3.200 Rancangan Layar Mengatur Theme
218
5.9 Rancangan Layar Menambah Theme
Gambar 3.201 Rancangan Layar Menambah Theme
219
5.10 Rancangan Layar Mengubah Preference Administrator Provider
Gambar 3.202 Rancangan Layar Mengubah Preference Administrator Provider
220
BAB 4
IMPLEMENTASI DAN EVALUASI
4.1 Implementasi
Dalam implementasi, ada beberapa hal yang perlu diperhatikan terutama
pada saat proses installasi perangkat lunak, mengingat masih sedikitnya
dukungan perangkat lunak yang tersedia untuk deployment aplikasi berbasis web
dengan Ruby on Rails.
4.1.1 Kebutuhan Sumber Daya
Agar aplikasi ini dapat berjalan, maka diperlukan sumber daya
yang terbagi atas 3 bagian, yaitu : kebutuhan perangkat keras, perangkat
lunak,serta kebutuhan jaringan. Yang mana untuk masing-masing
kebutuhan akan dibagi lagi menjadi 2 yaitu : pada tahap pengembangan
dan tahap implementasi.
4.1.1.1 Kebutuhan Perangkat Keras
Dalam tahap pengembangan kebutuhan perangkat keras minimum
yang harus dipenuhi :
a. Processor Intel Pentium III 850 Mhz.
b. Hard disk space ± 2 GB
c. Memory (RAM) 256 MB
d. Monitor SVGA dengan kemampuan resolusi layar 800 X 600
221
e. Keyboard
f. Mouse
Dalam tahap implementasi kebutuhan perangkat keras minimum
yang harus dipenuhi :
a. Processor Intel Pentium IV 1.4 Ghz.
b. Hard disk space ± 4 GB
c. Memory (RAM) 256 MB
d. Keyboard
e. Mouse
4.1.1.2 Kebutuhan Perangkat Lunak
Dalam tahap pengembangan kebutuhan perangkat lunak minimum
yang harus dipenuhi :
a. Sistem Operasi Microsoft Windows XP / Linux
b. MySQL versi 5.0.19
c. Ruby 1.8.6
d. Ruby on Rails 1.2.6
e. Netbeans 6.0
f. Web Browser (Internet Explorer, Firefox)
g. Webrick Web Server 1.3.1
h. Image Magick 6.3.7
i. Subversion 1.4.4
222
Dalam tahap implementasi kebutuhan perangkat lunak minimum
yang harus dipenuhi :
a. Sistem Operasi Linux
b. MySQL versi 5.0.19
c. Ruby 1.8.6
d. Ruby on Rails 1.2.6
e. Mongrel Web Server 1.0.1
f. Nginx Proxy Balancer 0.5.33
g. Image Magick 6.3.7
h. Subversion 1.4.4
i. Openssh-Server
4.1.1.3 Kebutuhan Jaringan
Dalam tahap pengembangan tidak dibutuhkan jaringan tertentu
jaringan lokal, intranet, maupun internet. Karena dalam tahap ini praktis
aplikasi dapat langsung dijalan di komputer yang sekaligus bertindak
sebagai server.
Sedangkang dalam tahap implementasi, kebutuhan jaringan
internet sangat mutlak diperlukan. Agar aplikasi dapat diakses oleh client
dari mana saja dan kapan saja.
Jaringan internet yang digunakan harus memiliki IP public. Untuk
itu diperlukan jasa web hosting. Aplikasi menggunakan Ruby on Rails
masih sedikit didukung oleh layanan web hosting. Layanan yang tersedia
mengharuskan kita untuk melakukan konfigurasi sendiri.
223
Untuk dapat melakukan konfigurasi sendiri layanan web hosting
yang memungkinkan adalah VPS (Virtual Private Server), Colocation
Server, dan Dedicated Server.
4.1.2 Petuntuk Installasi
1. Installasi Ruby
- Pada sistem operasi Windows
a. Download file One Click Ruby Installer dari
http://rubyforge.org/frs/?group_id=167&release_id=9601
b. Eksekusi file installasi, kemudian tentukan direktori installasi dan
ikuti langkah-langkah selanjutnya hingga selesai
- Pada sistem operasi Linux turunan Debian
a. Lakukan installasi melalui terminal dengan perintah “sudo aptitude
install ruby”
b. Proses installasi akan berjalan, jika muncul pertanyaan untuk
menginstall paket depedency jawab yes
c. Proses installasi akan berjalan sampai selesai
2. Installasi MySQL Server
- Pada sistem operasi Windows
a. Download file installasi dari http://dev.mysql.com/downloads
b. Eksekusi file installasi, kemudian tentukan direktori installasi
c. Tentukan password untuk user root
d. Proses installasi akan berjalan sampai selesai
- Pada sistem operasi Linux turunan Debian
224
a. Lakukan instalasi melalui terminal dengan perintah “sudo aptitude
install mysql-server”
b. Proses installasi akan berjalan, jika muncul pertanyaan untuk
menginstall paket depedency jawab yes
c. Tentukan password untuk user root
d. Proses installasi akan berjalan sampai selesai
3. Installasi Ruby on Rails
Ini merupakan bagian yang paling penting, dikarenakan aplikasi ini
menggunakan webframework Ruby on Rails. Proses installasi tidak memiliki
perbedaan baik di sistem operasi Windows maupun Linux
a. Buka command prompt (Windows) atau terminal (Linux)
b. Lakukan perintah “gem update --system” untuk memastikan sistem
repository library Ruby menggunakan versi yang terbaru
c. Lanjutkan dengan perintah “gem install rails -y”. Opsi -y ditambahakan
untuk menginstal otomatis semua paket depedency dari Ruby on Rails
d. Proses installasi akan berjalan sampai selesai
4. Installasi Netbeans
a. Download file installasi baik untuk sistem operasi Windows maupun
Linux dari http://download.netbeans.org/netbeans/6.0/final/
b. Eksekusi file installasi, kemudian tentukan direktori installasi
c. Proses installasi akan berlanjut, dan mendeteksi direktori installasi Java.
Jika sistem operasi belum memiliki Java Runtime Environtment (JRE),
225
proses installasi tidak dapat dilanjutkan. Hal ini dikarenakan Netbeans
dikembangkan menggunakan Java.
d. Jika belum memiliki JRE,
- Pada sistem operasi Windows
� Download file installasi dari http://www.java.com/getjava/
� Eksekusi file installasi, dan ikuti langkah-langkah selanjutnya
� Proses installasi akan berjalan sampai selesai
- Pada sistem operasi Linux turunan Debian
� Lakukan installasi melalui terminal dengan perintah “sudo
aptitude install sun-java”
� Proses installasi akan berjalan sampai selesai
e. Proses installasi akan berjalan sampai selesai
5. Installasi ImageMagick
ImageMagick merupakan libray yang digunakan untuk melakukan
manipulasi grafis. Seperti melakukan perubahan ukuran suatu gambar.
- Pada sistem operasi Windows
a. Download file installasi dari
http://rubyforge.org/frs/?group_id=12&release_id=17573
b. Extract file kemudian eksekusi file setup installasi ImageMagick
c. Proses installasi ImageMagick akan berjalan sampai selesai
- Pada sistem operasi Linux turunan Debian
226
a. Lakukan installasi melalui terminal dengan perintah “sudo aptitude
install imagemagick”
b. Proses installasi akan berjalan, jika muncul pertanyaan untuk
menginstall paket depedency jawab yes
c. Proses installasi akan berjalan sampai selesai
- Konfigurasi library RMagick Ruby
RMagick merupakan library Ruby untuk berhubungan dengan
ImageMagick. Sehingga dapat melakukan manipulasi grafis melalui
Ruby environtment.
a. Setelah selesai install ImageMagick, kemudian dilakukan installasi
RMagick. Lakukan installasi melalui command prompt (Windows)
atau terminal (Linux) dengan perintah “gem install rmagick -y”
6. Installasi Subversion
Subversion merupakan aplikasi yang digunakan sebagai repositori serta
version control dalam tahap pengembangan. Setiap penambahan, perubahan,
penghapusan code akan diperbaharui ke repositori.
- Pada sistem operasi Windows
a. Download file installasi dari
http://subversion.tigris.org/servlets/ProjectDocumentList?folderID=8100
&expandFolder=8100&folderID=8100
b. Eksekusi file installasi, kemudian tentukan direktori installasi
227
c. Proses installasi akan berjalan sampai selesai
- Pada sistem operasi Linux turunan Debian
a. Lakukan installasi melalui terminal dengan perintah “sudo aptitude install
subversion”
b. Proses installasi akan berjalan, jika muncul pertanyaan untuk menginstall
paket depedency jawab yes
c. Proses installasi akan berjalan sampai selesai
Sampai disini proses installasi telah cukup untuk menjalankan aplikasi.
Rails telah dilengkapi dengan embeded webserver, yaitu Webrick. Cukup
lakukan perintah “scipt/server” melalui command prompt (Windows) atau
terminal (Linux) untuk menjalankan server webrick. Untuk melihat hasilnya,
buka web browser dan arahkan ke alamat http://localhost:3000
Pada tahap implementasi sistem operasi menggunakan Linux dengan
Webserver Nginx. Nginx akan bertindak sebagai proxy balancer, sehingga dapat
melayani request dari banyak client secara bersamaan pada suatu waktu dengan
cepat.
1. Installasi Nginx
Nginx adalah webserver yang berasal dari Rusia dan paling banyak
digunakan di negaranya. Nginx sangat ringkas, dengan hanya berisi modul
modul yang penting saja. Sangat cepat dalam melayani request dokumen-
dokumen statik. Sehingga resources yang komputer yang digunakan kecil.
Selain itu Nginx dapat berperan sebagai proxy balancer.
228
a. Melalui terminal jalankan perintah “sudo aptitude install nginx”
b. Proses installasi akan berajalan sampai selesai
2. Installasi Mongrel dan Mongrel Cluster
Mongrel merupakan webserver yang ditulis dengan menggunakan
bahasa Ruby. Nantinya mongrel akan digunakan untuk menggatikan Webrick.
Beberapa server mongrel akan berjalan secara bersama-sama dengan
menggunakan Mongrel Cluster untuk kemudian diarahkan oleh Nginx yang
bertindak sebagai Proxy Balancer.
a. Melalui terminal jalankan perintah “gem install mongrel -y”
b. Proses installasi Mongrel akan berjalan sampai selesai
c. Melalui terminal jalankan perintah “gem install mongrel_cluster -y”
d. Proses installasi Mongrel Cluster akan berjalan sampai selesai
3. Installasi Openssh-Server
a. Melalui terminal jalankan perintah “sudo aptitude install openssh-server”
b. Proses installasi akan berjalan sampai selesai
229
4.2 Petunjuk Pengoperasian
Dalam mengoperasikan aplikasi ini, pengguna tidak harus melakukan
registrasi. Pengguna dapat melakukan transaksi pembelian tanpa harus memiliki
akun. Tetapi dilain pihak pengguna tidak mendapatkan fitur-fitur yang
disediakan oleh aplikasi ini.
Untuk mempermudah, petunjuk operasional aplikasi ini disusun
berdasarkan penggunanya sesuai dengan use case yang dijelaskan pada sub bab
3.2.1 yaitu Super Administrator dan user. Sedangkan user tersebut dapat
diidentifikasi sebagai guest yaitu user yang belum memiliki akun, atau member
yaitu user yang telah memiliki akun. Member tersebut dapat dibedakan lagi
menjadi customer atau merchant. Jadi dapat disimpulkan customer melakukan
yang guest dapat lakukan, dan semua fitur yang didapatkan oleh customer juga
dimiliki oleh merchant.
1. Petunjuk pengoperasian oleh Guest
Guest dapat didefinisikan sebagai pengunjung yang belum memiliki
akun. Untuk dapat menjadi customer, guest diharuskan melakukan registrasi dan
aktivasi pada aplikasi ini.
230
a. Halaman Utama dagang
Gambar 4.1 Halaman Utama dagang bagi guest
Halaman utama seperti gambar 4.1 merupakan halaman home pada
aplikasi ini. Bagian atas merupakan navigasi personal yang hanya berisi
kaitan menuju halaman yang dimiliki oleh akun tersebut. Bagi guest, navigasi
personal itu menampilkan kaitan menuju demo, login dan signup. Sedangkan
navigasi personal pada member yang telah melakukan autentifikasi login
akan menampilkan username dengan kaitan menuju halaman admin, kaitan
231
menuju tokonya, kaitan untuk logout dan kaitan menuju keranjang belanja
(shopping cart) seperti yang ditunjukkaa pada gambar 4.2
Gambar 4.2 Halaman Utama dagang bagi member
Terletak dibawah navigasi personal, terdapat navigasi utama.
Navigasi ini terdiri dari Home, Tour, Market, News, Testimonials, About dan
Contact. Kaitan pada navigasi tersebut akan membuka halamannya masing-
masing yang akan dijelaskan berikutnya.
Sama halnya dengan navigasi personal dimana kaitannya tergantung
terhadap penggunanya, terdapat pula kaitan yang menampilkan ‘Get Your
232
Account’ untuk registrasi pada guest atau ‘Go to MARKET’ pada member
untuk menuju ke marketplace.
Pada halaman ini ditampilkan secara singkat mengenai aplikasi
dagang dengan penjelasan secara singkat dan dengan adanya gambar yang
merepresentasikan tiga aktivitas utama pada aplikasi dagang yaitu Browse,
Connect, dan Store. Terdapat pula kaitan menuju testimonial dan berita
terakhir pada bagian kanan halaman.
b. Tour dagang
Gambar 4.3 Tour dagang
Pada halaman ini ditampilkan fitur-fitur yang ditawarkan pada
aplikasi dagang. Halaman ini dapat diakses dengan cara menekan kaitan
233
‘Tour’ pada navigasi utama. Pengguna juga dapat langsung melihat
penjelasan fitur dengan cara memilih fitur yang ingin dilihat penjelasannya
pada bagian kanan.
c. News dagang
Gambar 4.4 News dagang
Pada halaman ini ditampilkan berita-berita seputar aplikasi dagang
secara global. Halaman ini dapat diakses dengan menekan kaitan News pada
navigasi utama.
Jika judul berita atau kaitan read more ditekan akan menuju ke
halaman detil dari berita tersebut. Detil berita juga dapat diakses dengan
memilih berita pada bagian sisi kanan dari halaman utama. Di halaman news
234
ini terdapat pula kaitan menuju testimonial dan berita terakhir pada bagian
kanan halaman.
d. Testimonial dagang
Gambar 4.5 Testimonial dagang
Halaman testimonial ini muncul dengan menekan kaitan Testimonials
pada navigasi utama. Pada halaman ini ditampilkan beberapa testimonial dari
orang-orang yang dianggap memiliki kepentingan dan berpengaruh. Terdapat
pula kaitan menuju testimonial dan berita terakhir pada bagian kanan
halaman.
235
e. About dagang
Gambar 4.6 About dagang
Pada halaman ini ditampilkan penjelasan secara detil mengenai
aplikasi dagang. Halaman ini dapat dibuka dengan menekan kaitan About
pada navigasi utama.
236
f. Contact dagang
Gambar 4.7 Contact dagang
Halaman seperti Gambar 4.7 dapat diakses dengan menekan kaitan
Contact pada navigasi utama. Pada halaman ini ditampilkan informasi bagi
pengunjung jika ingin melakukan kontak ke penyedia baik berupa kritik,
saran, ataupun meminta support akan aplikasi dagang.
237
g. Market Place
Gambar 4.8 Market Place
Dengan mengakses subdomain ‘market’ pada aplikasi dagang
(http://market.dagang.biz) halaman marketplace seperti pada gambar 4.8
dapat ditampilkan. Setiap halaman memiliki kaitan menuju marketplace.
Pada toko, kaitan menuju halaman ini terdapat pada ticker yang terletak
dibagian atas setiap halaman toko atau dengan cara memasukkan kata kunci
di bagian pencarian produk yang juga terletak pada ticker setiap toko.
Sedangkan pada halaman utama dari aplikasi selalu ditampilkan kaitan ‘Go
to MARKET’ jika member telah melakukan autentifikasi login.
238
Gambar 4.9 Market Place hasil pencarian produk
Halaman marketplace ini berfungsi layaknya pasar dimana pembeli
dapat mencari produk yang dibutuhkan bedasarkan kata kunci. Selain
berdasarkan kata kunci, terdapat fitur web 2.0 yang diterapkan pada aplikasi
ini dimana pengguna dapat mencari produk berdasarkan tag cloud yang
terletak pada bagian kanan market place ini.
Marketplace akan menampilkan empat toko terbaru (Featured shop),
empat toko teraktif (Most Active Shop) dan sepuluh tulisan terakhir (Latest
Blog Post) dari blog setiap merchant seperti pada gambar 4.8 jika belum
melakukan pencarian. Untuk melakukan pencarian dapat dilakukan dengan
cara mengisi kata kunci pada field yang tersedia kemudian menekan tombol
enter pada keyboard. Field pencarian ini juga tersedia pada ticker di bagian
atas setiap toko. Hasil pencarian yang berupa daftar produk yang sesuai
kriteria pencarian dapat dilakukan pengurutan berdasarkan nama toko, harga,
nilai rating toko, atau nilai review dari produk. Untuk melihat detil dari
239
produk dapat dilakukan dengan menekan nama produk atau gambar dari
produk tersebut.
h. Shopping Cart
Gambar 4.10 Shopping Cart
Setiap pengguna baik member maupun guest memiliki keranjang
belanja (shopping cart). Keranjang belanja ini dapat diakses dengan menekan
kaitan MyCart pada ticker di setiap toko.
Setiap produk yang telah dimasukkan ke keranjang belanja baik dari
toko yang sama maupun berbeda akan diakumulasikan total harga pada
halaman ini. Pengguna dapat mengubah jumlah item yang telah ada di
240
shopping cart dengan diikuti penekanan tombol update. Untuk
mengosongkan keranjang belanja dapat dilakukan dengan menekan tombol
empty cart.
Pengguna baik member maupun bukan diharuskan untuk melengkapi
detil kontaknya sebelum dapat menyelesaikan transaksi. Bagi guest
diharuskan untuk mengisi form yang telah tersedia, sedangkan bagi member
diharuskan untuk mengisi profilnya dengan lengkap. Untuk menyelesaikan
transaksi dapat dilakukan dengan menekan tombol commit order.
i. Profil Anggota
Gambar 4.11 Profil Anggota
241
Halaman seperti pada gambar 4.11 dapat diakses dengan
memasukkan alamat url subdomain pengguna pada address bar di browser.
Bila penguna yang dituju adalah customer maka langsung akan membuka
halaman profil pengguna ini, namun bila pengguna yang dituju merupakan
merchant maka akan membuka halaman toko dari pengguna tersebut.
Apabila pengguna merupakan member yang telah melakukan
autentifikasi, pada halaman profil ini pengguna juga dapat membuat koneksi
afiliasi dan mengirimkan pesan pribadi ke pengguna yang sedang dituju
tersebut.
j. Affiliate
Gambar 4.12 Customer Affiliate
242
Gambar 4.13 Merchant Affiliate
Halaman seperti pada gambar 4.12 dan 4.13 dapat diakses dengan
menekan kaitan Affiliate pada halaman profile atau pada toko jika pengguna
yang dituju merupakan merchant. Bila penguna yang dituju adalah customer
akan menampilkan affiliate merchant customer tersebut dengan tampilan
seperti pada gambar 4.12, namun bila pengguna yang dituju merupakan
merchant maka baik affiliasi ke cusomer maupun ke merchant akan
ditampilkan pada halaman toko dari pengguna tersebut (gambar 4.13).
Pada halaman affiliate ini, pengguna juga dapat melihat profile dari
affiliate pengguna tersebut dengan menekan kaitan pada nama. Selain itu
pengguna juga dapat mengirimkan pesan pribadi ke affiliate tersebut dengan
menekan kaitan send message dari setiap affiliate.
243
k. Halaman Utama Toko
Gambar 4.14 Halaman Utama Toko
Gambar 4.14 merupakan gambar dari halaman utama toko.
Terdapat ticker pada bagian atas dari setiap halaman toko. Ticker ini berisi
menu singkat yang diperlukan untuk menjelajahi halaman toko. Isi dari ticker
ini juga berbeda tergantung kepada status pengguna. Apabila pengguna yang
mengakses halaman toko ini belum melakukan autentifikasi, maka hanya
ditampilkan pencarian produk, kaitan menuju keranjang belanja beserta
jumlah barang yang telah ada pada keranjang belanja, kaitan untuk login,
registrasi untuk menuju ke marketplace. Sedangkan bila pengguna telah
melakukan autentifikasi login maka ticker ini akan menampilkan pencarian
produk, kaitan untuk memberikan rating toko, kaitan untuk membuat
konneksi, kaitan untuk mengirim pesan pribadi, kaitan menuju halaman
administrator pribadi, kaitan menuju keranjang belanja beserta jumlah
244
barang yang telah ada pada keranjang belanja, kaitan menuju toko sendiri,
dan kaitan menuju ke marketplace.
Halaman toko ini dapat diubah dengan mengubah theme yang
aktif digunakan. Desain dan peletakan dari masing-masing bagian halaman
dapat berbeda pada masing-masing theme. Pada petunjuk pengoperasian ini
akan dijelaskan berdasarkan theme standar yaitu theme simple.s
Pada bagian atas dari halaman toko ini, terdapat logo toko, nama toko
dan total rating toko tersebut. Di bawahnya terdapat navigasi utama untuk
mengakses halaman toko. Navigasi page akan ada bila toko telah membuat
minimal satu halaman page cms. Di bawah dari navigasi utama tersebut
terdapat breadcrumb yang memperlihatkan kaitan atas struktur hirarki
halaman tersebut. Dibagian kanannya dapat pula dilihat tanggal terakhir toko
tersebut melakukan perubahan.
Pada bagian kiri terdapat navigasi direktori produk berdasarkan
kategori produk. Kaitan kategori produk berserta jumlah produk yang
dikategorikannya tersebut akan menampilkan daftar produk pada kategori
produk tersebut. Dibawahnya terdapat masing-masing tiga afiliasi merchant
dan tiga afiliasi customer yang ditampilkan secara acak dari keseluruhan
afiliasi toko tersebut.
Terdapat sidebar yang terletak pada bagian kanan halaman toko.
Secara berurutan terdapat pencarian produk khusus untuk toko ini.
Dibawahnya terdapat beberapa tag produk yang paling banyak digunakan.
Tag ini dapat digunakan sebagai navigasi untuk menampilkan daftar produk
berdasarkan tag yang dimilikinya. Dilanjutkan dengan tulisan terakhir
245
terakhir dari blog toko ini yang terkait dengan detil blog. Terakhir terdapat
daftar kategori blog dan arsip blog yang akan membuka daftar blog baik
berdasarkan kategori blog maupun waktu pembuatan blog.
Inti dari halaman utama toko ini yaitu menampilkan kata-kata selamat
datang dari pemilik toko untuk para pengunjung. Pengunjung biasanya lebih
tertarik pada produk yang mendapat diskon terbesar dan yang terbaru. Oleh
karena itu dihalaman utama toko ini juga ditampilkan tiga produk dengan
diskon terbesar dan tiga produk terbaru dari toko ini agar pengunjung dapat
langsung mengetahuinya.
l. Daftar Produk Toko
Gambar 4.15 Daftar Produk Toko
Ada empat jenis metode untuk menampilkan daftar produk yaitu
daftar produk secara keseluruhan, berdasarkan kategori produk, berdasarkan
tag produk dan berdasarkan kata kunci pada pencarian. Untuk menampilkan
246
daftar produk secara keseluruhan dapat dilakukan dengan menekan kaitan
produk pada navigasi utama. Sedangkan untuk menampilkan daftar produk
berdasarkan kategori produk dapat dilakukan dengan menekan kaitan pada
direktori produk. Sama halnya dengan menampilkan daftar produk
berdasarkan kategori produk, menampilkan daftar produk berdasarkan tag
produk dapat dilakukan dengan menekan kaitan tag baik pada sidebar
maupun pada kaitan tag yang ada pada setiap produk.
Setiap produk pada daftar produk ini memperlihatkan gambar produk
yang mengkaitkan ke gambar produk dengan ukuran besar, nama produk,
status penjualan produk, atribut produk, tag. Pada bagian kanan terdapat nilai
rata-rata review produk tersebut dan harga produk. Pada bagian harga
tersebut akan memperlihatkan harga awal dan diskon yang didapatnya jika
memang menyertakan potongan harga pada produk tersebut. Setelah harga
produk tersebut barulah terdapat kaitan untuk melihat detil dan untuk
memasukkan produk tersebut ke dalam keranjang belanja.
Pada setiap produk yang terdapat pada daftar ini pengguna dapat
melihat detil produk tersebut dengan menekan kaitan pada nama produknya
atau pada kaitan view detil. Pengunjung juga dapat langsung memasukkannya
kedalam keranjang belanja dengan menekan add to cart. Untuk dapat melihat
produk dengan tag serupa dapat dilakukan dengan menekan kaitan pada
setiap tag nya.
247
m. Detil Produk Toko
Gambar 4.16 Detil Produk Toko
Pada halaman detil produk ini memperlihatkan gambar produk yang
mengkaitkan ke gambar produk dengan ukuran besar, nama produk, status
penjualan produk, penjelasan produk, atribut produk, paket penjualan dan tag
yang menyertainya. Pada bagian kanan terdapat nilai rata-rata review produk
tersebut dan harga produk. Pada bagian harga tersebut akan memperlihatkan
harga awal dan diskon yang didapatnya jika memang menyertakan potongan
harga pada produk tersebut. Setelah harga produk tersebut barulah terdapat
248
kaitan untuk melihat detil dan untuk memasukkan produk tersebut ke dalam
keranjang belanja.
Pada setiap produk yang terdapat pada daftar ini pengguna dapat
melihat detil produk tersebut dengan menekan kaitan pada nama produknya
atau pada kaitan view detil. Pengunjung juga dapat langsung
memasukkannya kedalam keranjang belanja dengan menekan add to cart.
Untuk dapat melihat produk dengan tag serupa dapat dilakukan dengan
menekan kaitan pada setiap tag nya.
Pengunjung dapat melihat review tentang produk tersebut pada bagian
bawah detil produk tersebut sebagai bahan pertimbangan sebelum membeli.
Pengunjung dapat juga membuat review atas produk tersebut dengan mengisi
form pada bagian bawah detil produk. Review yang dikirimkan sebelum
ditampilkan harus dipublikasikan oleh pemilik toko pada halaman
administratornya.
249
Detil Halaman CMS
Gambar 4.17 Detil Halaman CMS
Pengunjung hanya perlu meletakkan mousenya pada navigasi pages
yang akan membuka sub navigasi yang berisi halaman-halaman CMS yang
dapat diakses. Semua isi dari halaman ini dapat diubah pada halaman
administrator.
250
n. Blog
Gambar 4.18 Blog
Pada halaman ini ditampilkan daftar blog yang berisi berita-berita
seputar toko yang sedang diakses. Blog pada halaman ini tidak ditampilkan
secara keseluruhan sehingga untuk membaca secara lengkap perlu melakukan
penekanan pada judul atau pada kaitan read more di setiap blog.
Halaman ini dapat diakses dengan menekan kaitan Blog pada navigasi
utama toko. Selain itu daftar blog juga dapat dilihat berdasarkan kategorinya
dengan menekan kaitan pada sidebar kategori blog dibagian kanan. Untuk
melihat berdasarkan bulan dan tahun blog itu di post dapat dilakukan dengan
melakukan penekanan arsip blog pada sidebar dibagian kanan.
251
o. Detil Blog
Gambar 4.19 Detil Blog
Jika judul blog atau kaitan read more ditekan akan menuju ke
halaman detil dari blog tersebut. Detil blog juga dapat diakses dengan
memilih blog pada bagian Lastest post from Blog di sisi kanan dari toko.
Pada detil blog terdapat pula daftar komentar akan blog tersebut.
Pengunjung dapat pula menambah komentar atas blog tersebut dengan
mengisi form komentar pada bagian bawah detil blog.
252
p. Contact Toko
Gambar 4.20 Contact Toko
Halaman contact toko ini dapat diakses dengan menekan kaitan
contact pada navigasi utama toko. Pada halaman ini ditampilkan informasi
bagi pengunjung jika ingin melakukan kontak ke toko pemilik subdomain
yang sedang diakses.
253
q. About Toko
Gambar 4.21 About Toko
Pada halaman about ini ditampilkan profil toko pemilik subdomain
yang sedang diakses. Untuk mengakses halaman ini dengan cara menekan
kaitan About pada navigasi utama toko.
254
r. Give Rating
Gambar 4.22 Give Rating
Untuk dapat berkontribusi dalam memberikan rating, pengguna harus
melakukan autentifikasi login terlebih dahulu. Halaman untuk memberikan
rating seperti pada gambar 4.22 dapat ditampilkan dengan cara menekan
kaitan give rating pada ticker di bagan atas halaman toko.
Pengguna hanya perlu menggeserkan mousenya melewati bintang
rating pada halaman ini. Kemudian setelah mendapatkan rating yang sesuai
maka pengguna dapat menekannya. Pengunjung hanya boleh memberikan
satu kali rating pada toko yang sama. Oleh karena itu setelah mengisi rating
pengunjung tidak dapat mengisi rating kembali pada toko tersebut.
255
s. Register
Gambar 4.23 Register
Untuk mengakses halaman registrasi ini dapat dilakukan dengan
menekan kaitan Get Your Account, Sign Up pada navigasi personal, atau
Register pada ticker di bagian atas toko. pengguna diharuskan untuk mengisi
semua field dengan tepat. Untuk username dan subdomain harus unik
sehingga tidak dapat menggunakan yang telah digunakan oleh pengguna lain.
Pengguna diharuskan pula untuk mengisi email dengan format yang benar
karena aktivasi akan dikiriman ke email tersebut untuk menghindari spam. Di
akhir form ada pernyataan yang harus disetujui oleh pengguna. Untuk
melanjutkan proses registrasi dapat dilakukan dengan menekan tombol Sign
Up. Pesan kesalahan akan muncul apabila ada data yang tidak benar. Setelah
proses registrasi selesai, email aktivasi akan dikirimkan ke email yang
dimasukkan pada form registrasi tersebut.
Setelah proses registrasi ini, akun belum dapat digunakan karena
masih dalam status menunggu aktivasi. Pengguna diharuskan untuk
256
melakukan aktivasi berdasarkan pesan yang dikirimkan ke email pada saat
registrasi. Barulah setelah aktivasi akun akan aktif dan bertipe awal sebagai
customer.
t. Login
Gambar 4.24 Login
Sebelum dapat mengatur administrasi, pengguna diharuskan untuk
melakukan autentifikasi login. Pengguna diharuskan mengisi username dan
password dengan benar. Untuk dapat tetap login pada komputer ini walau
browser ditutup, pengguna dapat mencentang remember me on this computer.
Setelah itu dibutuhkan penekanan tombol login untuk melanjutkan proses
autentifikasi.
Pesan kesalahan akan ditampilkan bila proses autentifikasi gagal. Jika
proses autentifikasi sukses, maka akan langsung menampilkan halaman
dashboard dari administrator.
Pengguna yang lupa akan password yang dimilikinya dapat
mendapatkan password nya dengan menekan kaitan forgot my password
untuk membuka halaman forgot my password.
257
u. Forgot my password
Gambar 4.25 Forgot my password
Setelah menekan kaitan forgot my password pada halaman
autentifikasi login, halaman seperti pada gambar 4.25 akan terbuka.
Pengguna bisa mendapatkan email yang berisi password yang terlah diubah
secara acak dengan cara mengisi username dan email yang tepat. Pesan
kesalahan akan muncul apabila tidak ada member yang memiliki username
dengan alamat email tersebut. Password pengguna akan diubah dan akan
dikirimkan ke alama email pengguna tersebut bila data yang dimasukkan
benar.
2. Petunjuk pengoperasian oleh Customer
Pada aplikasi ini customer adalah pengguna yang telah memiliki akun
tetapi belum memiliki toko. Pengguna ini sudah memiliki subdomain, sehingga
profilenya dapat diakses oleh siapapun. Customer juga dapat melakukan semua
aksi yang dilakukan oleh guest.
258
a. Home
Gambar 4.26 Customer Home
Pada menu home/dashboard guest tersedia empat menu utama, yaitu
home, owner, connection, report dan help. Pada menu home ini ditampilkan
data diri dari pemilik akun, inbox, blog post dari affiliate, dan transaksi yang
pernah dilakukan sebelumnya.
259
b. Profile
Gambar 4.27 Profile
Pada halaman profile ini, pemilik akun bisa merubah data-data profile
atau mengupload foto terbaru untuk ditampilkan. Halaman ini bisa diakses
dari sub menu my profile dari menu owner.
260
c. Change Account/Password
Gambar 4.28 Change Account
Pada halaman ini, pemilik akun bisa merubah password untuk login.
Perubahan password ini bisa dilakukan dengan cara memasukan password
lama, kemudian memasukkan password baru dan konfirmasi password baru.
Halaman ini bisa diakses dari sub menu my account dari menu owner.
d. Order History
Gambar 4.29 Order History
Pada halaman ini, pemilik akun bisa melihat sejarah pembelian yang
pernah dilakukan, jika pemilik akun belum pernah melakukan
261
pembelian/pemesanan sebelumnya maka akan ditampilkan kata no records.
Halaman ini bisa diakses dari sub menu order history dari menu owner.
e. Merchant Connection
Gambar 4.30 Merchant Connection
Pada halaman ini, pemilik akun bisa melihat koneksi dengan para
pemilik akun merchant. Dari setiap koneksi tersebut, pemilik akun dapat
langsung mengirim pesan pribadi ataupun menghapus koneksinya. Halaman
ini bisa diakses melalui sub sub menu merchant dari sub menu my connection
dari menu connection.
f. View Pending Request
Gambar 4.31 View Pending Request
262
Pada halaman ini, pemilik akun dapat melihat request koneksi yang
pengguna tersebut ciptakan. Pemilik akun uga dapat membatalkan
permintaan koneksi tersebut. Untuk mengakses halaman ini dapat dilakukan
dengan memilih menu connection kemudian ke bagian my connection yang
dilanjutkan dengan memilih sub menu view pending request.
g. Waiting For Approval
Gambar 4.32 Waiting For Approval
Halaman ini berfungsi untuk melihat request connection dari
pengguna lain yang belum diterima untuk menjadi teman. Selain dapat
menerima, pengguna juga dapat menolak permintaan koneksi tersebut.
Halaman ini dapat diakses melalui sub sub menu waiting for approval dari
sub menu my connection dari menu connection.
h. Invite
Pada halaman ini, pemilik akun bisa mengundang pemilik akun lain
melalui pesan singkat. Halaman ini memilki tampilan yang hampir sama
dengan halaman message. Menu ini bisa diakses melalui sub menu invite dari
menu connection.
263
i. Message
Gambar 4.33 Inbox Message
Gambar 4.34 Write Message
Pada halaman ini, pemilik akun bisa melihat pesan yang masuk,
mengirim pesan, melihat pesan yang telah dikirim, dan melihat pesan yang
sudah dihapus. Pengguna hanya dapat mengirimkan pesan pribadi ini kepada
pengguna lain yang telah menjadi bagian dari koneksinya. Pengguna juga
dapat membalas pesan pribadi yang diterimanya secara langsung pada saat
264
melihat pesan. Halaman ini bisa diakses dari sub menu message dari menu
connection.
j. Create Shop
Gambar 4.35 Create Shop
Customer dapat menjadi merchant dengan cara membuat toko. Proses
ini dapat dilakukan dengan menekan kaitan Create Shop pada kanan atas
layar. Pengguna akan dihadapkan seperti pada gambar 4.35 dimana diminta
untuk memasukkan nama toko, tagline, nama perusahaan serta desain theme
yang akan digunakannya.
265
3. Petunjuk pengoperasian oleh Merchant
Setelah customer melakukan proses pembuatan toko (create shop), kini
pengguna tersebut diidentifikasi sebagai merchant. Semua fitur yang dimiliki
customer juga dimiliki oleh merchant.
a. Merchant Home
Gambar 4.36 Merchant Home
Pada menu dashboard guest tersedia sembilan menu utama, yaitu
home, owner, shop, catalog, sales, blog, connection, report dan help. Selain
data pemilik akun dihalaman ini juga ditampilkan data dari toko yang
dimiliki oleh pemilik akun. Di bagian kanan terdapat grafik statistik
266
penjualan, jika data ini belum bisa ditampilkan maka akan ditampilkan
tulisan no data seperti yang terlihat pada gambar 4.36.
b. Shop Profile
Gambar 4.37 Shop Profile
Pada halaman ini, pemilik akun bisa merubah data toko, dan
mengganti logo toko. Halaman ini bisa diakses dari sub menu my shop profile
dari menu shop.
267
c. Shop Rating
Gambar 4.38 Shop Rating
Pada halaman ini, pemilik akun bisa melihat rating yang dimiliki
tokonya, dan jumlah orang yang telah memberikan rating. Halaman ini bisa
diakses dari sub menu rating dari menu shop.
d. Manage Pages
Gambar 4.39 Manage Pages
Pada halaman ini, pemilik akun bisa melihat, menambahkan,
menghapus dan merubah halaman di menu pages untuk ditampilkan kepada
user lain. Halaman ini bisa diakses dari sub menu manage pages dari menu
shop. Halaman penambahan page bisa dilihat pada gambar 4.40.
268
Gambar 4.40 Add Page
269
e. Change Themes
Gambar 4.41 Change Themes
Pada halaman ini, pemilik akun bisa merubah theme yang akan
digunakan dan menambah kode css. Halaman ini bisa diakses dari sub menu
themes dari menu shop.
270
f. Configuration
Gambar 4.42 Configuration
Pada halaman ini, pemilik akun bisa merubah konfigurasi dari
tampilan yang dari menu welcome dan merubah konfigurasi-konfigurasi
lainnya. Halaman ini bisa diakses dari sub menu configuration dari menu
shop.
271
g. Manage Products
Gambar 4.43 Manage Products
Pada halaman ini, pemilik akun bisa menambahkan, merubah dan
menghapus produk yang akan dijual ditokonya. Halaman ini bisa diakses dari
sub menu manage products dari menu catalog. Halaman penambahan produk
bisa dilihat di gambar 4.44.
272
Gambar 4.44 Add Products
273
h. Manage Product Reviews
Gambar 4.45 Manage Product Reviews
Pada halaman ini, pemilik akun bisa melihat, menyetujui, atau
menghapus review yang telah dibuat user lain terhadap produki yang dijual
oleh pemilik akun. Halaman ini bisa diakses dari sub menu manage product
reviews dari menu catalog.
Gambar 4.46 Approve Product Reviews
274
i. Manage Product Categories
Gambar 4.47 Manage Product Categories
Pada halaman ini, pemilik akun bisa menambah, merubah dan
menghapus kategori untuk produk. Halaman ini bisa diakses dari submenu
manage product categories dari menu catalog. Halaman penambahan product
category bisa dilihat di gambar 4.48.
Gambar 4.48 Add Product Categories
275
j. Manage Discount
Gambar 4.49 Manage Discount
Pada halaman ini, pemilik akun bisa menambahkan, merubah dan
menghapus diskon yang ada. Halaman ini bisa diakses dari sub menu manage
discount dari menu catalog. Halaman penambahan discount bisa dilihat di
gambar 4.50.
Gambar 4.50 Add Discount
276
k. Manage Blog
Gambar 4.51 Manage Blog
Pada halaman ini, pemilik akun bisa menambah, merubah, dan
menghapus blog post. Halaman ini bisa diakses dari menu blog. Halaman
penamnbahan blog bisa dilihat di gambar 4.52.
Gambar 4.52 Add Blog Post
277
l. Manage Blog Categories
Gambar 4.53 Manage Blog Categories
Pada halaman ini, pemilik akun bisa menambah dan merubah blog
categories. Halman ini bisa diakses dari sub menu blog categories dari menu
blog. Halaman penambahan blog category bisa dilihat di gambar 4.54.
Gambar 4.54 Add Blog Category
m. Manage Blog Comments
Gambar 4.55 Manage Blog Comments
278
Pada halaman ini, pemilik akun bisa melihat dan menghapus
komentar-komentar terhadap blog post yang dibuat oleh pemilik akun.
Halaman ini bisa diakses dari sub menu manage comment dari menu blog.
n. Manage Sales
Gambar 4.56 Manage Sales
Pada halaman ini, pemilik akun bisa mengatur penjualannya seperti
mengubah status pesanan pelanggan dan melihat detil pesanan tersebut.
Halaman ini dapat diakses dari sub menu manage sales dari menu sales.
279
o. Newsletter
Gambar 4.57 Newsletter
Pada halaman ini, pemilik akun bisa mengirim newsletter kepada
merchant/customer atau kepada semua user yang telah terhubung melalui
jejaring sosial. Halaman ini bisa diakses dari submenu newsletter dari menu
connection.
280
p. Report Sales
Gambar 4.58 Report Sales
Pada halaman ini, pemilik akun dapat melihat laporan penjualan yang
telah dilakukannya. Laporan penjualan ini juga dapat dilihat berdasarkan
bulan transaksi. Terdapat pula grafik yang menggambarkan naik atau
turunnya transaksi penjualan yang terjadi. Untuk mengakses halaman ini
dapat dilakukan dengan memilih sub menu sales pada menu report.
q. Report Statistic
Gambar 4.59 Report Statistic
281
Halaman yang juga dapat diakses pada menu report ini
memperlihatkan statistik dari pemilik akun Laporan tersebut meliputi laporan
produk dan koneksi yang dibuat.
4. Petunjuk pengoperasian oleh Super Administrator
Super Administrator memiliki hak tertinggi pada aplikasi ini.
Pengoperasian aplikasi yang dilakukan oleh Super Administrator berfungsi untuk
mengatur aplikasi secara keseluruhan. Untuk mengakses halaman super
administrator ini dapat dilakukan dengan mengakses direktori administrator
pada alamat (http://www.dagang.biz/administrator).
a. Login Super Administrator
Gambar 4.60 Login Super Administrator
Sebelum dapat mengatur aplikasi secara keseluruhan, super
administrator diharuskan untuk melakukan autentifikasi login. Super
administrator diharuskan mengisi username dan password dengan benar,
setelah itu tekan tombol login untuk melanjutkan proses autentifikasi.
282
Pesan kesalahan akan ditampilkan bila proses autentifikasi gagal. Jika
proses autentifikasi sukses, maka akan langsung menampilkan halaman
dashboard dari super administrator.
b. Dashboard Super Administrator
Gambar 4.61 Dashboard Super Administrator
Setelah sukses melakukan autentifikasi login, super administrator
akan dihadapkan pada halaman dashboard super administrator. Terdapat
navigasi utama yang terletak di bagian kiri atas pada halaman super
administrator ini. Super administrator juga dapat melakukan logout dari
halaman super administrator ini dengan menekan kaitan logout pada bagian
kanan atas.
283
Pada halaman dashboard ini super administrator dapat melihat
ringkasan secara menyeluruh berupa statistik mengenai pengguna beserta
transaksi yang telah dilakukannya, dan statistik data akan berita, testimonial
serta theme yang dimiliki aplikasi ini.
c. Manage News
Gambar 4.62 Manage News
Halaman manage news berfungsi untuk mengatur berita yang
ditampilkan pada halaman provider. Untuk dapat mengakses halaman ini
dapat dilakukan dengan menekan menu news pada navigasi utama.
Super administrator dapat mencari berita dengan cara memasukkan
kata kunci akan berita yang ingin dicari pada bagian filter. Untuk melakukan
pengurutan akan daftar berita tersebut, super administrator dapat
melakukannya dengan menekan kaitan pada judul kolom dari tabel tersebut.
Pengurutan dapat dilakukan berdasarkan judul berita, tanggal berita dibuat
atau status publikasi. Awalnya pengurutan kolom akan melakukan
pengurutan secara menaik, kemudian bila dilakukan pengurutan kembali
pada kolom yang telah dilakukan pengurutan maka akan melakukan
284
pengurutan secara berlawanan dari kondisi pengurutan yang telah terjadi
pada kolom tersebut. Setiap barisnya, super administrator dapat mengubah
status publikasi, mengubah berita atau menghapus berita tersebut dengan
menekan icon yang diletakkan pada kolom action. Berita tersebut akan
ditampilkan pada halaman utama provider jika statusnya bernilai published,
sedangkan status unpublish mengartikan sebaliknya. Super Administrator
dapat pula menambah berita halaman provider dengan menekan kaitan add
news pada kanan atas dari halaman ini.
d. Add News
Gambar 4.63 Add News
285
Halaman menambah news ditampilkan setelah menekan tombol
menambah news yang terdapat pada halaman manage news. Halaman ini
berfungsi untuk menambah berita baru yang ditampilkan pada halaman awal.
Title merupakan judul dari berita yang akan dibuat, sedangkan
headline dapat diisi dengan beberapa kalimat awal yang menjadi inti dari
berita ini. Dilanjutkan dengan mengisi body yaitu isi dari berita tersebut.
Diakhir dari form ini, super administrator dapat memilih status publikasi
akan berita tersebut. Berita tersebut akan ditampilkan pada halaman utama
provider jika statusnya bernilai published, sedangkan status unpublish
mengartikan sebaliknya. Tekan create untuk menyimpan berita baru tersebut.
Untuk membatalkan aksi menambah berita dapat dilakukan dengan menekan
kaitan cancel pada kanan atas dari halaman ini.
e. Manage Testimonial
Gambar 4.64 Manage Testimonial
Halaman manage testimonial berfungsi untuk mengatur testimonial
dari orang-orang yang dianggap memiliki kepentingan dan berpengaruh.
286
Testimonial ini akan ditampilkan pada halaman provider. Untuk dapat
mengakses halaman ini dapat dilakukan dengan menekan menu testimonial
pada navigasi utama.
Super administrator dapat mencari testimonial dengan cara
memasukkan kata kunci akan testimonial yang ingin dicari pada bagian filter.
Untuk melakukan pengurutan akan daftar testimonial tersebut, super
administrator dapat melakukannya dengan menekan kaitan pada judul kolom
dari tabel tersebut. Pengurutan dapat dilakukan berdasarkan nama penulis
testimonial, jabatan penulis testimonial atau isi dari testimonial. Awalnya
pengurutan kolom akan melakukan pengurutan secara menaik, kemudian bila
dilakukan pengurutan kembali pada kolom yang telah dilakukan pengurutan
maka akan melakukan pengurutan secara berlawanan dari kondisi pengurutan
yang telah terjadi pada kolom tersebut. Setiap barisnya, super administrator
dapat mengubah atau menghapus testimonial tersebut dengan menekan icon
yang diletakkan pada kolom action. Super Administrator dapat pula
menambah testimonial halaman provider dengan menekan kaitan menambah
testimonial pada kanan atas dari halaman ini.
287
f. Add Testimonial
Gambar 4.65 Add Testimonial
Halaman menambah testimonial ditampilkan setelah menekan tombol
add testimonial yang terdapat pada halaman manage testimonial. Halaman
ini berfungsi untuk menambah testimonial baru akan aplikasi dagang yang
ditampilkan pada halaman provider.
Name merupakan nama penulis testimonial tersebut, sedangkan title
berisi jabatan dari penulis testimonial tersebut. Dilanjutkan dengan mengisi
content yaitu isi dari testimonial tersebut. Tekan create untuk menyimpan
testimonial baru tersebut. Untuk membatalkan aksi menambah berita dapat
dilakukan dengan menekan kaitan cancel pada kanan atas dari halaman ini.
288
g. Manage User
Gambar 4.66 Manage User
Halaman manage user berfungsi untuk mengatur user yang aktif.
Untuk dapat mengakses halaman ini dapat dilakukan dengan menekan menu
user pada navigasi utama.
Super administrator dapat mencari user dengan cara memasukkan
kata kunci akan berita yang ingin dicari pada bagian filter. Untuk melakukan
pengurutan akan daftar berita tersebut, super administrator dapat
melakukannya dengan menekan kaitan pada judul kolom dari tabel tersebut.
Pengurutan dapat dilakukan berdasarkan username, nama, email, status
keanggotaan atau status banned. Awalnya pengurutan kolom akan melakukan
pengurutan secara menaik, kemudian bila dilakukan pengurutan kembali
pada kolom yang telah dilakukan pengurutan maka akan melakukan
pengurutan secara berlawanan dari kondisi pengurutan yang telah terjadi
pada kolom tersebut. Setiap barisnya, super administrator dapat mengubah
status banned atas user tersebut dengan menekan icon yang diletakkan pada
kolom action. User menjadi tidak aktif jika banned statusnya bernilai
banned, sedangkan unbanned mengartikan sebaliknya.
289
h. Manage Theme
Gambar 4.67 Manage Theme
Halaman manage theme berfungsi untuk mengatur theme yang dapat
digunakan oleh merchant dalam mengubah desain dari tokonya. Untuk dapat
mengakses halaman ini dapat dilakukan dengan menekan menu theme pada
navigasi utama.
Super administrator dapat mencari theme dengan cara memasukkan
kata kunci akan theme yang ingin dicari pada bagian filter. Untuk melakukan
pengurutan akan daftar theme tersebut, super administrator dapat
melakukannya dengan menekan kaitan pada judul kolom dari tabel tersebut.
Pengurutan dapat dilakukan berdasarkan nama dan penjelasan theme.
Awalnya pengurutan kolom akan melakukan pengurutan secara menaik,
kemudian bila dilakukan pengurutan kembali pada kolom yang telah
dilakukan pengurutan maka akan melakukan pengurutan secara berlawanan
290
dari kondisi pengurutan yang telah terjadi pada kolom tersebut. Setiap
barisnya, super administrator dapat mengubah atau menghapus theme
tersebut dengan menekan icon yang diletakkan pada kolom action. Super
Administrator dapat pula menambah theme halaman provider dengan
menekan kaitan menambah theme pada kanan atas dari halaman ini.
i. Add Theme
Gambar 4.68 Add Theme
Halaman menambah theme ditampilkan setelah menekan tombol add
theme yang terdapat pada halaman manage theme. Halaman ini berfungsi
untuk menambah theme baru yang digunakan oleh merchant dalam
mengubah desain dari tokonyas.
Name merupakan nama dari theme yang akan ditambahkan,
sedangkan description dapat diisi dengan penjelasan theme tersebut.
Dilanjutkan dengan mengisi nama pembuat theme tersebut pada field author.
Diakhir dari form ini, super administrator dapat mengisi nama folder yang
digunakan sebagai lokasi file-file theme tersebut berada. Tekan create untuk
menyimpan berita baru tersebut. Untuk membatalkan aksi menambah theme
291
dapat dilakukan dengan menekan kaitan cancel pada kanan atas dari halaman
ini.
j. Preference
Gambar 4.69 Preference
Halaman edit preferences ditampilkan setelah menekan tombol
preferences pada navigasi utama. Halaman ini berfungsi untuk mengubah
profile dari super administrator.
Username merupakan username dari super administrator yang
digunakan dalam autentifikasi login super administrator, sedangkan email
super administrator berfungsi sebagai alamat tujuan email dari laporan bila
ada sesuatu pada sistem. Dilanjutkan dengan field untuk pengubahan
password dari super administrator. Isi dari field password confirmation harus
sama dengan field password. Abaikan kedua field ini dengan membiarkan
kosong bila tidak ingin melakukan pengubahan password. Tekan tombol
change untuk mengubah preferences dari akun super administrator.
292
4.3 Evaluasi
Untuk mengetahui nilai produk dan manfaat akan aplikasi jejaring sosial
penjualan maka dilakukan survei dengan membuat kuesioner. Responden dari
survei ini berjumlah 50 orang yang merupakan pengguna aplikasi ini. Pertanyaan
pada kuesioner ini berkisar mengenai kesesuaian dengan manfaat yang
diharapkan dan efektifitas konsep jejaring sosial yang diterapkan pada aplikasi
ini. Berikut adalah evaluasi atas hasil jawaban dari pertanyaan yang diberikan
pada kuesioner:
Grafik persentase manfaat aplikasi dalam membangun komunitas yang mendukung lahirnya
entrepreneur-entrepreneur muda
64%
36%
Ya
Tidak
Gambar 4.70 Grafik persentase manfaat aplikasi dalam membangun komunitas
yang mendukung lahirnya entrepreneur -entrepreneur muda
Berdasarkan data yang disajikan pada gambar 4.60, diperoleh kesimpulan
bahwa 64% dari 50 responden menyatakan aplikasi ini secara tidak langsung
bermanfaat dalam membangun komunitas yang mendukung lahirnya
entrepreneur -entrepreneur muda. Dengan adanya jejaring sosial antar penjual
293
dan pembeli secara tidak langsung membuat pengguna yang sebelumnya tidak
tertarik akan entrepreneur menjadi tertarik untuk membuat bisnis penjualan
sendiri. Ketertarikan tersebut karena semakin mudahnya mempromosikan barang
pada pelanggan secara online di internet khususnya kepada jejaring sosial yang
telah dibuat sebelumnya. Sedangkan 36% atau 18 responden sisanya menyatakan
sebaliknya.
Grafik persentase manfaat aplikasi dalam mengurangi biaya pembangunan dan maintenance
aplikasi penjualan berbasis web bagi pengguna
90%
10%
Ya
Tidak
Gambar 4.71 Grafik persentase manfaat aplikasi dalam mengurangi biaya
pembangunan dan maintenance aplikasi penjualan berbasis web bagi pengguna
Berdasarkan hasil pengumpulan data yang disajikan diatas, diperoleh
bahwa 90% dari total responden menyatakan aplikasi ini bermanfaat dalam
mengurangi biaya pembangunan dan maintenance aplikasi penjualan berbasis
web bagi pengguna. Hal ini dikarenakan dengan adanya aplikasi ini, pengguna
bisa mendapatkan aplikasi penjualan online secara gratis dan dengan kemudahan
dalam penggunaan yang dapat mengurangi biaya maintenance.
294
Grafik persentase manfaat aplikasi dalam memudahkan pengguna untuk melakukan
penjualan dan pembelian secara online melalui internet
78%
22%
Ya
Tidak
Gambar 4.72 Grafik persentase manfaat aplikasi dalam memudahkan pengguna
untuk melakukan penjualan dan pembelian secara online melalui internet
Berdasarkan grafik diatas, terlihat bahwa aplikasi ini bermanfaat dalam
memudahkan pengguna untuk melakukan penjualan dan pembelian secara online
melalui internet. Hal ini dikarenakan 78% atau sebesar 39 responden menyatakan
setuju akan hal tersebut.
Grafik persentase manfaat aplikasi dalam memudahkan pengguna untuk memperoleh informasi tentang produk yang ingin dibeli
84%
16%
Ya
Tidak
Gambar 4.73 Grafik persentase manfaat aplikasi dalam memudahkan pengguna
untuk memperoleh informasi tentang produk yang ingin dibeli
295
Grafik persentase diatas memperlihatkan bahwa 84% dari seluruh
responden menyatakan aplikasi ini memudahkan pengguna dalam memperoleh
informasi tentang produk yang ingin dibeli. Pengguna atau lebih khusus lagi
disini pelanggan bisa mendapatkan informasi produk secara mendetil. Apalagi
dengan adanya review dari pelanggan lainnya yang dapat pula menjadi sumber
informasi detil akan kualitas produk tersebut.
Grafik persentase manfaat aplikasi dalam memperluas pangsa pasar bagi UKM (Usaha Kecil
dan Menengah)
62%
38%
Ya
Tidak
Gambar 4.74 Grafik persentase manfaat aplikasi dalam memperluas pangsa pasar
bagi UKM (Usaha Kecil dan Menengah)
Berdasarkan grafik hasil kuesioner diatas maka diperoleh bahwa dalam
memperluas pangsa pasar bagi UKM (Usaha Kecil dan Menengah) hanya 62%
atau 31 dari 50 responden yang menyatakan setuju.
296
Grafik persentase efektifitas penerapan konsep jejaring sosial (social networking) diterapkan pada
aplikasi
74%
26%
Ya
Tidak
Gambar 4.75 Grafik persentase efektifitas penerapan konsep jejaring sosial (social
networking) diterapkan pada aplikasi
Berdasarkan grafik hasil kuesioner akan persentase efektifitas penerapan
konsep jejaring sosial (social networking) diterapkan pada aplikasi, terlihat
bahwa penerapan ini cukup efekif dengan adanya dukungan 74% yang setuju
akan hal tersebut.
297
BAB 5
SIMPULAN DAN SARAN
5.1 Simpulan
Simpulan yang diperoleh dari penelitian, analisis dan perancangan aplikasi ini
adalah sebagai berikut :
1. Aplikasi jejaring sosial penjualan berbasis web ini merupakan salah satu
aplikasi alternatif yang bisa digunakan untuk membuat toko online sekaligus
mengurangi biaya pembangunan dan maintenance bagi pengguna.
2. Memperluas pangsa pasar bagi para member yang berstatus merchant.
3. Dengan adanya aplikasi ini, komunitas entrepreneur-entrepreneur muda
dapat berkembang secara tidak langsung.
4. Konsep jejaring sosial memberi dampak yang baik dalam hal penjualan dan
pemasaran produk.
5. Memudahkan pengguna untuk melakukan penjualan dan pembelian secara
online.
6. Memudahkan para penjual online yang telah menjadi member untuk
mengelola produk yang dimilikinya.
7. Memudahkan para pembeli untuk mendapatkan informasi tentang produk
yang ingin dibelinya.
298
5.2 Saran
Aplikasi yang telah dirancang ini masih memiliki kelemahan dan kekurangan.
Hal ini disebabkan antara lain karena terbatasnya waktu, kemampuan dan pengetahuan
yang dimiliki. Oleh karena itu ada beberapa saran yang perlu diperhatikan untuk
menunjang perkembangan aplikasi ini, yaitu :
1. Mengembangkan fitur shipping untuk memudahkan proses distribusi barang
dari merchant ke customer. Hal ini dapat dilakukan dengan cara melakukan
kerjasama dengan perusahaan jasa pengantar barang.
2. Mengembangkan fitur pembayaran online, baik itu menggunakan kartu
kredit, paypal, ataupun media pembayaran lainnya.
3. Menambah jumlah themes sehingga pengguna lebih bebas untuk memilih
tampilan halaman tokonya.
4. Mengembangkan fitur multi currency dan multi language sehingga bisa
mencakup lebih banyak pengguna.
299
DAFTAR PUSTAKA
Agile Alliance. (2001). Manifesto for Agile Software Development.
http://www.agilemanifesto.org/
Anderson, David J. (1999). Developing a UI Design from a UML Color Model.
http://www.uidesign.net/1999/papers/UML_UI.html
Anderson, David J. (2000). Using MVC Pattern in Web Interactions.
http://www.uidesign.net/Articles/Papers/UsingMVCPatterninWebInter.html
Anderson, David J. (2000). A State Machine Engine for Web MVC.
http://www.uidesign.net/Articles/Papers/AStateMachineEngineforWeb.html
Anderson, David J. (2000). Web MVC – Browsers, Transactions and Exceptions.
http://www.uidesign.net/Articles/Papers/WebMVC-BrowsersTransactio.html
Anonim, (2007), Menguasai Ruby dalam 20 Menit, http://www.ruby-
lang.org/id/documentation/quickstart
Baldwin, Douglas dan Scragg, Greg W. (2004). The Object Primer. Agile Model-Driven
Development with UML 2.0. 3rd Edition. Cambridge.
Booch, Grady, Rumbaugh, James dan Jacobson, Ivar. (1998). The Unified Modeling
Language User Guide. 1st Edition. Addison Wesley.
Coad, Peter, Lefebvre, Eric dan Luca, Jeff De. (1999). Java Modelling in Colour.
Prentice Hall.
Connolly, Thomas and Begg, Carrolyn (2002). Database System. A Practical Approach
300
to Design, Implementation, and Management. 3rd Edition. Addison Wesley.
Fowler, Martin (2004). UML Distilled Edisi 3 : Panduan Singkat Bahasa Pemodelan
Objek Standar. Penerbit Andi, Jogjakarta.
Garret, Jesse James. (2005). Ajax: A New Approach to Web Applications.
http://adaptivepath.com/ideas/essays/archives/000385.php
Kalakota, Ravi, dan Robinson, Marcia. (2001). E-Business 2.0, Roadmap for Success.
2nd Edition. Pearson Education, New Jersey.
Larman, Craig. (2006) . Applying UML and Patterns. An Introduction to Object-
Oriented Analysis and Design and Iterative Development. 3rd Edition.
Prentice Hall.
Leiner, Berry M., Cerf, Vinton G., Clark, David D., Kahn, Robert E., Kleinrock,
Leonard, Lynch, Daniel C., Postel, Jon, Roberts, Larry G., Wolff, Stephen.
(2003). A Brief History of the Internet,
http://www.isoc.org/internet/history/brief.shtml
Newkirk, JW and Vorontsov, AA. (2004). Test-Driven Development in Microsoft .NET,
Microsoft Press.
O’reilly, Tim (2005). What Is Web 2.0 : Design Patterns and Business Models for the
Next Generation of Software. http://www.oreilly.com/pub/a/oreilly/tim/news/
2005/09/30/what-is-web-20.html
Ousterhout , John K. (1998). Scripting: Higher Level Programming for the 21st Century.
http://home.pacbell.net/ouster/scripting.html
301
Purbo, Onno W. (2000). Apa beda internet, intranet, extranet.
http://bebas.vlsm.org/v09/onno-ind-1/network/
Rayport, Jeffrey F. dan Jaworsky, Bernard J. (2004). Introduction to E-commerce.
2nd Edition. McGrawhill, New York.
Richards, Robert. (2006). Pro PHP XML and Web Services. Appress
Ruby-lang. (2007). Tentang Ruby. http://www.ruby-lang.org/id/about.
Shneiderman, Ben. Designing the user interface : strategies for effective human-
computer interaction. 2nd Edition. Addison-Wesley Longman Publishing Co.,
Inc., Boston, MA, 1992
Stewart, Bruce. (2001). An Interview with the Creator of Ruby.
http://www.linuxdevcenter.com/pub/a/linux/2001/11/29/ruby.html
Sumarno, Jean Piere Nurcahyo.(2007). Pengenalan TCP/IP. http://www.ai3.itb.ac.id/
Tutorial/Pengenalan-TCP.htm
Thomas, Dave dan Hansson, David Heinermeier. (2005). Agile Web Development with
Rails. The Pragmaric Bookshelf.
Turban, Efraim. (2002). Electronic Commerce 2002: A Managerial Perspective. Pearson
Prentice-Hall Inc., New Jersey.
Turban, Efraim, Rainer, R. Kelly dan Potter, Richard E. (2003). Introduction to
Information Technology. John Wiley & Sons Inc., New York.
World Wide Web Consortioum Web Services Architecture Working Group.(2004).
Web Services Architecture. http://www.w3.org/TR/ws-arch/wsa.pdf
Wikipedia. (2008). Social network service.
http://en.wikipedia.org/wiki/Social_networking
302
Zakas, Nicholas C, McPeak, Jeremy dan Fawcett, Joe. (2007). Professional Ajax.
2nd Edition. Wrox. Indianapolis, Indiana.
303
RIWAYAT HIDUP
Nama : Muhammad Ridwan Nawawi
Tempat, tanggal lahir : Jakarta, 20 November 1986
Jenis kelamin : Laki-laki
Alamat : Jl. Meruya Selatan No.20
RT. 007 RW. 02 Meruya Selatan
Kembangan, Jakarta Barat 11650
No. telepon : +6221 5865936 / +62856 91635151
Email : [email protected]
Pendidikan Formal
2004 - sekarang : Universitas Bina Nusantara, Jakarta. Fakultas Ilmu Komputer,
Jurusan Teknik Informatika
2001 - 2004 : SMU Negeri 112, Jakarta
1998 - 2001 : SLTP Negeri 206, Jakarta
1992 - 1998 : SD Negeri 07 Pagi, Jakarta
Pendidikan Informal
2006 : Kursus Bahasa Inggris Toefl Preparation. BNLC (Bina
Nusantara Languange Center), Jakarta.
2005 : Pelatihan Induksi Asisten PAK. Universitas Bina Nusantara,
Jakarta.
304
2005 : Kursus Bahasa Pemrograman PHP, Bina Nusantara Computer
Club, Jakarta.
2004 : Kursus 3DS Max, Bina Nusantara Computer Club, Jakarta.
Pengalaman Organisasi
2007 : Divisi Creative pada BVoice Radio di Universitas Bina
Nusantara
2007 : Pembicara “Opensource CMS, easy way to get website” pada
BNCC Launching di Universitas Bina Nusantara
2007 : Pengisi segmen tips pada acara ORBIT (Om Roy Bicara IT) di
TVRI
2007 : Marketing Pameran IT Bion 2007 Mal Taman Anggrek 10-15
April 2007
2007 : Pembicara "Lets Show The Wonderful of IT" pada Bakti
Sosial BNCC
2006 - 2007 : Koordinator subdivisi fave (Research & Development and
Project House BNCC) di BNCC Bina Nusantara Computer
Club)
2007 : Freelancer programmer untuk Departemen Kehutanan
2005 : Pengajar Program Awal Kuliah pada POM (Pekan Orientasi
Mahasiswa) Binusian 2009
2005 - 2006 : Pengurus Subdivisi Seclib (Secretariat & Library) di BNCC
(Bina Nusantara Computer Club) - PIC Komputer
305
2002 - 2003 : Wakil pemimpin redaksi Majalah Sekolah MIKIR di SMU
Negri 112 Jakarta
2001 - 2002 : Redaksi Majalah Sekolah MIKIR di SMU Negri 112 Jakarta
Pengalaman Teknis
2005 - 2007 : Kontributor & Editor Bitmap (BNCC Information Technology
Media & Press)
2007 : Programmer Website untuk PT. GoldsGym Indonesia
2007 : Programmer Document Management System untuk PT.
Telekomunikasi Indonesia, Tbk. Divisi Telkom Multimedia
2006 - 2007 : Project Manager & System Analyst BUNCIS (BNCC
Information System)
2006 - 2007 : Project Manager & desainer DutaInfoSys (Sistem Informasi
untuk sekolah Duta Ursula)
2006 : Database Designer Aplikasi MSMS (Member Service
Management System) untuk BNCC
2006 : Project Manager & Programmer BeeF (BNCC Web
Framework)
2006 : Movie Director Movie Bunga Rampai BNCC
2006 : Programmer Website PT. Lokomotif Eka Sakti
2006 : Network designer and Technical Support pada BION 2006
Mal Ciputra 16-21 Mei 2006
306
RIWAYAT HIDUP
Nama : Muhammad Irfani Sahnur
Tempat, tanggal lahir : P.Siantar, 28 April 1985
Jenis kelamin : Laki-laki
Alamat : Jl.U No.39A RT/RW 09/015
Kemanggisan Jakarta Barat 11480
No. telepon : +62815 13507057
Email : [email protected]
Pendidikan Formal
2004 – sekarang : Universitas Bina Nusantara, Jakarta. Fakultas Ilmu Komputer,
Jurusan Teknik Informatika
2000 – 2003 : SMU Amir Hamzah, Medan
1997 – 2000 : SLTP Negeri 12, Medan
1991 – 1997 : SD Negeri 17, Medan
Pendidikan Informal
2004 - 2005 : Kursus Komputer Web Basic, PHP Bina Nusantara Computer
Club Jakarta.
2004 - 2005 : Kursus Bahasa Inggris Bina Nusantara Languange Center
(BNLC) Jakarta.
2000 - 2001 : Kursus Komputer Office, Visual Basic, Corel, Photoshop
Sumatera Computer Course (SCC) Medan.
307
Pengalaman :
• Internet Subdivision Staff | Bina Nusantara Computer Club(BNCC) 2005
– 2006
� Membuat dan mengatur situs official BNCC http://www.bncc.net
� Membuat aplikasi registrasi online anggota BNCC sebagai project
manager
� Membuat aplikasi online quiz BNCC sebagai project manager
� Membuat aplikasi online quiz untuk Philips Indonesia sebagai
programmer
� Mengembangkan Buncis (BNCC Information System) sebagai lead
programmer
� Membuat situs korporat PT. Lokomotif sebagai programmer
� Membuat situs komunitas online http://www.beenusian.com
• Fave Subdivision Staff | Bina Nusantara Computer Club (BNCC) 2006-
2007
� Membuat situs pribadi http://irfani.web.id
� Membuat situs official fave http://fave.bncc.net sebagai project
manager
� Riset pengembangan TI yang dapat diimplementasikan di BNCC
� Membuat aplikasi BNCC Event Registration System sebagai project
manager.
� Desain sertifikat peserta LNT (Learning and Training) menggunakan
photoshop.
308
� Membuat aplikasi Document Management System untuk
PT.TELKOM menggunakan CakePHP framework.
• Koordinator Divisi Informasi | MT Al-Khawarizmi Binus 2006 –
sekarang
� Membuat dan mengatur situs official MT Alkhawarizmi
http://alkhawarizmi.or.id
� Membuat aplikasi sms massal (sms tausyiah gratis)
� Membuat buletin bulanan Alkhawarizmi Magz sebagai penanggung
jawab.
• Pengajar, Pembicara, Penulis
� 2005 Menjadi pembicara untuk instruktur PAK (Program Awal
Kuliah) Binus “Create portfolio with Blog”
� 2005 Mengajar kandidat pengjar LNT (Learing and Training)
BNCC “Web Basic and PHP Programming + MySQL”
� 2005 Mengajar kandidat pengurus divisi Internet BNCC “PHP
Programming + MySQL”
� 2006 Mengajar kandidat tim Buncis (BNCC Information System)
“PHP Progamming + MySQL”
� 2006 Mengajar kandidat pengjar LNT (Learing and Training)
BNCC “C++”
� 2007 Mengajar kandidat pengjar LNT (Learing and Training)
BNCC “PHP Programming + MySQL”
309
� 2007 Pembicara Workshop BNCC kepada mahasiswa baru
“Membuat website menggunakan Dreamweaver 8”
� 2004-2007 Menjadi penulis untuk rubrik Review Buku, Knowledge,
Tutorial, Tips and Trick pada Majalah dwi bulanan Bitmap (BNCC
Information Technology Media and Press)
Prestasi
• 2005 Juara 2 HIMTI (Himti Teknik Informatika) Advertisement Design
Competition Binus.
• 2006 Juara 2 BSI (Bina Sarana Informatika) Web Database
Competition.
• 2007 Lima Besar HIMTI Blog Competition.
310
RIWAYAT HIDUP
Nama : Dino Dwiyaksa
Tempat, tanggal lahir : Serang, 25 Agustus 1986
Jenis kelamin : Laki-laki
Alamat : Komp. DPR no. 44
Kemanggisan - Palmerah
Jakarta Barat
No. telepon : +6281310367635
Email : [email protected]
Pendidikan formal :
2004 - sekarang : Universitas Bina Nusantara, Jakarta. Fakultas Ilmu Komputer,
Jurusan Teknik Informatika
2001 - 2004 : SMU Negeri 1 Serang
1998 - 2001 : SLTP Negeri 1 Pameungpeuk, Garut (SLTP Negeri 1
Cikande, Serang)
1992 - 1998 : SD Negeri 1 Sukamaju, Garut (SD Negeri 1 Cikande, Serang)
Prestasi
2006 : Finalist - Bina Nusantara Programming Contest for College
Student 2006 (BNPC-CS)
2005 : Finalist - Bina Nusantara Programming Contest for College
Student 2005 (BNPC-CS)
311
2004 : Juara ke 8 - Bina Nusantara Programming Contest for High
School (BNPC-HS)
L1
KUISIONER I
KEBUTUHAN APLIKASI JEJARING SOSIAL PENJUALAN
(SOCIAL SHOPPING APPLICATION)
Kuesioner ini merupakan pertanyaan-pertanyaan yang berfungi untuk
mengetahui tingkat kebutuhan akan aplikasi jejaring sosial penjualan di indonesia yang
akan digunakan sebagai laporan penelitian untuk skripsi di Universitas Bina Nusantara
1. *Seberapa sering Anda menggunakan internet dalam seminggu?
o Kurang dari 5 jam
o 5-10 jam
o 10-15 jam
o Lebih dari 15 jam
2. *Dari manakah Anda mengenal Fupei ?
o Teman
o Email
o Iklan (banner, stiker, kaos, poster)
o Website (link, search engine)
o Lain-lain ..........................................................................
3. *Termasuk dalam kategori apakah Anda ?
L2
o Penjual barang yang telah menjualnya secara online (termasuk yang menjualnya
pada MySpace, Blog, dan lainnya di internet)
o Penjual barang yang belum menjualnya secara online
o Pembeli barang secara online
o Lain-lain
Jika jawaban Anda adalah 'Penjual barang yang telah menjualnya secara online
(termasuk yang menjualnya pada MySpace, Blog, dan lainnya di internet)', lanjutkan
ke pertanyaan no 4.
Jika jawaban Anda adalah 'Penjual barang yang belum menjualnya secara online' ,
lanjutkan ke pertanyaan no 11.
Jika jawaban Anda adalah 'Pembeli barang secara online', lanjutkan ke pertanyaan no
17.
Jika jawaban Anda adalah 'Lain-lain' , lanjutkan ke pertanyaan no 22.
Khusus Penjual Online
4. Apakah alasan Anda memiliki toko online ?
o Salah satu media pemasaran
o Mudah mengupdate content dan katalog barang
o Transaksinya mudah
o Banyak pelanggan
L3
o Mudah memberitahu pelanggan
o Lain-lain ..........................................................................
5. Dimanakah Anda memiliki toko online?
o Blog, contoh: blogspot
o Forum, contoh: CHIP classified, kaskus
o Jejaring pertemanan, contoh: MySpace, Friendster, Fupei
o Mailing List
o Website penjualan tersendiri
6. Berapa kisaran biaya maintenance website Anda?
o Gratis
o Dibawah Rp. 500.000
o Rp. 500.000 - Rp. 1.000.000
o Diatas Rp. 1.000.000
7. Bagaimana cara Anda melakukan rekap pendapatan atas penjualan toko online
Anda?
o Masih secara konvensional (dengan perhitungan sendiri)
o Otomatis dengan aplikasi penjualan
8. Sulitkah bagi Anda untuk memberi katalog produk terbaru, berita dan promo kepada
pelanggan Anda?
L4
o Sulit
o Biasa
o Mudah
9. Sulitkah bagi Anda untuk menginformasikan toko online Anda kepada target
customer Anda?
o Sulit
o Biasa
o Mudah
10. Jika pelanggan Anda mencari barang yang tidak Anda jual tetapi dijual oleh teman
Anda, apakah Anda akan merekomendasikan toko online teman Anda ?
o Ya
o Tidak
Khusus Penjual Tidak Online
11. Apa alasan Anda tidak memiliki toko online?
o Biaya yang dikeluarkan untuk membuatnya besar
o Kemampuan teknis yang tidak mencukupi untuk membuatnya
o Malas mengurus/maintenance toko online
o Transaksi secara online di internet tidak aman
L5
o Merasa toko online tidak berguna
o Lain-lain ..........................................................................
12. Apakah Anda tertarik untuk memiliki toko online untuk toko Anda?
o Ya
o Tidak
13. Jika ada aplikasi yang memberikan kemudahan pembuatan toko online secara mudah
dan gratis apakah Anda akan membuat toko online?
o Ya
o Tidak
14. Sulitkah bagi Anda untuk memberi katalog produk terbaru, berita dan promo kepada
pelanggan Anda?
o Sulit
o Biasa
o Mudah
15. Sulitkah bagi Anda untuk menginformasikan toko Anda kepada teman-teman Anda?
o Sulit
o Biasa
o Mudah
L6
16. Jika Anda harus akan membuat toko online dengan budget seminimal mungkin,
dimana Anda akan mebuatnya?
o Website penjualan yang disediakan secara gratis
o Blog, contoh: blogspot
o Forum, contoh: CHIP classified, kaskus
o Jaringan pertemanan, contoh: MySpace, Friendster, Fupei
o Mailing List
o Website penjualan tersendiri dengan menghubungi konsultan IT
Khusus Pembeli Online
17. Apa alasan Anda untuk melakukan pembelian secara online ?
o Informasi yang diberikan lebih banyak
o Harganya lebih murah
o Transaksi lebih mudah
o Pencarian barang lebih mudah
o Lain-lain ..........................................................................
18. Sulitkah bagi Anda untuk mencari barang-barang yang ingin Anda beli secara
online?
o Sulit
o Biasa
L7
o Mudah
19. Suitkah bagi Anda mendapatkan informasi akan katalog produk terbaru, berita dan
promo dari beberapa toko online langganan Anda?
o Sulit
o Biasa
o Mudah
20. Sulitkah melakukan transaksi pembelian secara online di internet?
o Sulit
o Biasa
o Mudah
21. Jika Anda mencari barang yang tidak dijual oleh toko online langganan Anda,
Apakah referensi toko online yang diberikan oleh langganan Anda berguna ?
o Ya
o Tidak
Khusus Lain-Lain (Tidak pernah melakukan transaksi jual/beli secara online)
22. Apa alasan Anda tidak pernah melakukan transaksi jual/beli secara online di
internet?
L8
o Tidak aman
o Merepotkan
o Tidak mengerti
o Lain-lain ..........................................................................
Pertanyaan dengan tanda '*' harus diisi
Terima kasih atas partisipasinya.
L9
KUISIONER II
EVALUASI APLIKASI DAGANG
(http://www.dagang.biz)
1. Apakah ‘dagang’ membangun komunitas yang mendukung lahirnya entrepreneur-
entrepreneur muda?
o Ya
o Tidak
2. Apakah ‘dagang’ mengurangi biaya pembangunan dan maintenance aplikasi
penjualan berbasiskan web bagi pengguna?
o Ya
o Tidak
3. Apakah ‘dagang’ memudahkan pengguna untuk melakukan penjualan dan
pembelian secara online melalui internet?
o Ya
o Tidak
4. Apakah ‘dagang’ memudahkan pengguna untuk memperoleh informasi tentang
produk yang ingin dibeli?
o Ya
o Tidak
L10
5. Apakah ‘dagang’ dapat memperluas pangsa pasar bagi UKM (Usaha Kecil dan
Menengah)?
o Ya
o Tidak
6. Apakah penerapan konsep jejaring sosial (social networking) efektif digunakan
pada aplikasi penjualan?
o Ya
o Tidak
L11
KODE PROGRAM
Berikut adalah kode program dari aplikasi Dagang yang menggunakan bahasa
pemrograman Ruby dengan Web Framework Rails. Konsep Model View Controller
(MVC) yang digunakan pada aplikasi ini, memisahkan arsitektur aplikasi menjadi 3
komponen. Ketiga komponen itu antara lain, Model yang mengatur segala business
logic pada suatu data/objek atau keadaan suatu data/objek. View bertanggung jawab
untuk menangani tampilan aplikasi. Controller berperan sebagai pengatur alur dari
Model dan View.
Kode program yang dilampirkan hanya pada modul Blog pada halaman
administration merchant yang mengacu pada rancangan Gambar 3.37 pada halaman 89
yaitu rancangan Merchant Blog Controller.
1. Controller
a. Blog Controller
class Admin::BlogController < Admin::BaseController
def index
@posts = BlogPost.list(params[:search], params[:page], params[:sort],
params[:sort_direction], current_user.shop.id)
end
def show
@post = current_user.shop.blog_posts.find(params[:id])
end
def new
L12
@post = BlogPost.new
end
def edit
@post = current_user.shop.blog_posts.find(params[:id])
end
def create
@post = BlogPost.new(params[:post])
respond_to do |format|
if current_user.shop.blog_posts << @post
flash[:succes] = 'Post was successfully created.'
redirect_to admin_blog_url
else
render :action => :new
end
end
def update
@post = current_user.shop.blog_posts.find(params[:id])
if @post.update_attributes(params[:blog_post])
flash[:succes] = 'Blog was successfully updated.'
redirect_to admin_post_url(@post)
else
render :action => :edit
end
end
L13
def destroy
@post = @current_user.shop.blog_posts.find(params[:id])
@post.destroy
redirect_to admin_blog_url
end
def change_publish_status
@post = current_user.shop.blog_posts.find(params[:id])
@post.status = (@post.status == true) ? false : true
if @post.save!
flash[:success] = 'Posy was successfully ' + (@post.status == true
? 'approve' : 'reject')
redirect_to :back}
else
flash[:error] = 'Post failed to ' + @post.status == true ? 'approve' :
'reject'
redirect_to :back
end
end
end
b. Blog Categories Controller
class Admin::CategoriesController < Admin::BaseController
def index
L14
@categories = BlogPostCategory.list(@current_user.shop.id,
params[:search], params[:page], params[:sort], params[:sort_direction])
end
def new
@category = BlogPostCategory.new
end
def edit
@category = current_user.shop.blog_post_categories.find(params[:id])
end
def create
@category = BlogPostCategory.new(params[:category])
if current_user.shop. blog_post_categories << @category
flash[:success] = 'Categories was successfully created.'
redirect_to admin_blog_categories_url
else
render :action => "new"
end
end
def update
@category = current_user.shop.blog_post_categories.find(params[:id])
if [email protected]?("uncategorize")
if @category.update_attributes(params[:category])
flash[:success] = 'Categories was successfully updated.'
end
L15
redirect_to admin_blog_categories_url
else
flash[:notice] = "You can't change uncategorized category"
render :action => "edit"
end
end
def destroy
@category = current_user.shop.blog_post_categories.find(params[:id])
if [email protected]?("uncategorize")
for post in @category.blog_posts
post.blog_post_category_id =
current_user.shop.blog_post_categories.find_by_name("uncategorize").id
post.save
end
@category.destroy
else
flash[:notice] = "You can't delete uncategorized category"
end
redirect_to admin_blog_categories_url
end
c. Comment Controller
class Admin::CommentsController < Admin::BaseController
def index
L16
@post = BlogPost.find(params[:post_id])
@comments = BlogPostComment.list_by_post( @post.id ,
params[:page], params[:sort], params[:sort_direction])
end
def show
@post = BlogPost.find(params[:post_id])
@comment = BlogPostComment.find(params[:post_id])
end
def manage
@comments = BlogPostComment.list( params[:search] , params[:page],
params[:sort], params[:sort_direction], current_user.shop.id)
end
def destroy
@post = BlogPost.find(params[:post_id])
@comment = BlogPostComment.find(params[:id])
@comment.destroy
redirect_to admin_comments_url(@post)
end
2. Model
a. Blog Post
class BlogPost < ActiveRecord::Base
belongs_to :shop
belongs_to :blog_post_category
L17
has_many :blog_post_comments, :dependent => :destroy
delegate :year, :month, :day, :to => :created_at
validates_presence_of :title
validates_presence_of :content
validates_presence_of :blog_post_category_id
def self.list(search, page, sort, sort_direction, shop_id)
if ((sort==nil && sort_direction==nil) || (sort==nil &&
sort_direction!=nil))
sort_option = "blog_posts.id DESC"
elsif sort!=nil && sort_direction==nil
sort_option = sort+" ASC"
else
sort_option = sort+" "+sort_direction
end
paginate :per_page => 10, :page => page,
:conditions => ['((blog_posts.title LIKE ? OR
blog_post_categories.name LIKE ?) OR blog_posts.content
LIKE ? )AND blog_posts.shop_id = ?', "%#{search}%",
"%#{search}%", "%#{search}%", shop_id],
:include => [:blog_post_category, :blog_post_comments],
:order => sort_option
end
def self.list_by_status(search, page, sort, sort_direction, shop_id,status)
L18
if ((sort==nil && sort_direction==nil) || (sort==nil &&
sort_direction!=nil))
sort_option = "blog_posts.id DESC"
elsif sort!=nil && sort_direction==nil
sort_option = sort+" ASC"
else
sort_option = sort+" "+sort_direction
end
paginate :per_page => 10, :page => page,
:conditions => ['(blog_post_categories.name LIKE ?) AND
(blog_posts.shop_id = ? AND blog_posts.status = ?)', search,
shop_id,status],
:include => [:blog_post_category, :blog_post_comments],
:order => sort_option
end
def self.list_by_year(year, page, sort, sort_direction, shop_id,status)
if ((sort==nil && sort_direction==nil) || (sort==nil &&
sort_direction!=nil))
sort_option = "blog_posts.id DESC"
elsif sort!=nil && sort_direction==nil
sort_option = sort+" ASC"
else
sort_option = sort+" "+sort_direction
end
L19
paginate :per_page => 10, :page => page,
:conditions => ['(YEAR(blog_posts.created_at) = ? ) AND
(blog_posts.shop_id = ? AND blog_posts.status = ?)',year,
shop_id,status],
:include => [:blog_post_category, :blog_post_comments],
:order => sort_option
end
def self.list_by_year_month(year, month, page, sort, sort_direction,
shop_id,status)
if ((sort==nil && sort_direction==nil) || (sort==nil &&
sort_direction!=nil))
sort_option = "blog_posts.id DESC"
elsif sort!=nil && sort_direction==nil
sort_option = sort+" ASC"
else
sort_option = sort+" "+sort_direction
end
paginate :per_page => 10, :page => page,
:conditions => ['(YEAR(blog_posts.created_at) = ? AND
MONTH(blog_posts.created_at) = ? ) AND (blog_posts.shop_id
= ? AND blog_posts.status = ?)',year, month, shop_id,status],
:include => [:blog_post_category, :blog_post_comments],
:order => sort_option
end
L20
def to_param
"#{id}-#{title.downcase.gsub(/\s+/, '-').gsub(/[^a-zA-Z0-9-]+/, '')}"
end
end
b. BlogPost Category
class BlogPostCategory < ActiveRecord::Base
has_many :blog_posts
belongs_to :shop
validates_presence_of :name
validates_uniqueness_of :name
def self.list(id, search, page, sort, sort_direction)
if ((sort==nil && sort_direction==nil) || (sort==nil &&
sort_direction!=nil))
sort_option = "id DESC"
elsif sort!=nil && sort_direction==nil
sort_option = sort+" ASC"
else
sort_option = sort+" "+sort_direction
end
paginate :per_page => 10, :page => page,
:conditions => ["shop_id = ? AND name LIKE ? ",
L21
id,"%#{search}%" ],
:order => sort_option
end
end
c. Blog Post Comment
class BlogPostComment < ActiveRecord::Base
belongs_to :blog_post
validates_presence_of :name
validates_presence_of :email
validates_format_of :email, :with => /^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i
validates_length_of :email, :within => 6..32
validates_presence_of :content
def self.list(search, page, sort, sort_direction,shop_id)
if ((sort==nil && sort_direction==nil) || (sort==nil &&
sort_direction!=nil))
sort_option = "blog_post_comments.created_at DESC"
elsif sort!=nil && sort_direction==nil
sort_option = sort+" ASC"
else
sort_option = sort+" "+sort_direction
end
L22
paginate :per_page => 10, :page => page,
:conditions => ["((name LIKE ? OR email LIKE ?) OR
(website LIKE ? OR blog_post_comments.content LIKE ?))
AND blog_posts.shop_id = ?",
"%#{search}%","%#{search}%","%#{search}%","%#{search}
%", shop_id ],
:include => [:blog_post], :order => sort_option
end
def self.list_by_post(id, page, sort, sort_direction)
if ((sort==nil && sort_direction==nil) || (sort==nil &&
sort_direction!=nil))
sort_option = "created_at DESC"
elsif sort!=nil && sort_direction==nil
sort_option = sort+" ASC"
else
sort_option = sort+" "+sort_direction
end
paginate :per_page => 10, :page => page,
:conditions => ["blog_post_id = ?", id ],
:order => sort_option
end
end
L23
3. View
a. CreatePost View
<%= javascript_include_tiny_mce_if_used %>
<%= tiny_mce if using_tiny_mce? %>
<% title "Blog" %>
<% @header = "<div class=\"header icon-48-ratings\">Add Post</div>" %>
<% @action = link_to "<span class=\"icon-32-cancel\"
title=\"New\"> </span>Cancel", admin_blog_url, :class => "toolbar" %>
<%= error_messages_for :post %>
<%= render :partial => 'form',
:locals => {:path => admin_blog_path , :method => :post, :button_text =>
'Create'}
%>
b. ShowPost View
<% title "Blog" %>
<% @header = "<div class=\"header icon-48-ratings\">Show Post</div>" %>
<% @action = link_to "<span class=\"icon-32-cancel\"
title=\"New\"> </span>Cancel", admin_blog_url, :class => "toolbar" %>
<div id="">
L24
<table>
<tr>
<th> <%= @post.title %> </th>
</tr>
<tr>
<td> <small> Modified at <%= @post.updated_at.to_s(:long) %> </small>
</td>
</tr>
<tr>
<td> <%= @post.content %> </td>
</tr>
</table>
</div>
<%= link_to 'Edit', edit_admin_post_path(@post) %> |
<%= link_to 'Back', 'javascript:history.go(-1)' %>
c. EditPost View
<%= javascript_include_tiny_mce_if_used %>
<%= tiny_mce if using_tiny_mce? %>
<% title "Blog" %>
<% @header = "<div class=\"header icon-48-ratings\">Edit Blog Post</div>" %>
L25
<% @action = link_to "<span class=\"icon-32-cancel\"
title=\"New\"> </span>Cancel", admin_blog_url, :class => "toolbar" %>
<%= error_messages_for :post %>
<%= render :partial => 'form',
:locals => {:path => admin_post_path(@post), :method => :put, :button_text =>
'Update'}
%>
<%#= link_to 'Show', admin_post_path(@post) %>
<%#= link_to 'Back', admin_blog_path %>
d. Partial View
Partial View adadlah view yang digunakan bersama-bersama oleh view lain agar
tidak mengulang yang pernah dilakukan. Partial view pada modl ini digunakan
_form yang akan digunakan bersama-sama oleh CreatePost View dan EditPost View.
<% form_for :post, :url => path, :html => { :method => method } do |f| %>
<fieldset class="adminform">
<legend> Post </legend>
<table class="admintable" cellspacing="1">
<tbody>
<tr>
L26
<td width="20" class="key">
<span class="editlinktip hasTip" title="Name::Author of this
post.">
<label for="blog_post_title"> Title </label></span>
</td>
<td><%= f.text_field :title, :size => 100 %></td>
</tr>
<tr>
<td class="key">
<span class="editlinktip hasTip" title="Content::Content
of the post.">
<label for="blog_post_content"> Category
</label></span>
</td>
<td>
<%= f.collection_select :blog_post_category_id,
@current_user.shop.blog_post_categories, :id, :name %>
</td>
</tr>
<tr height=50>
<td class="key">
<span class="editlinktip hasTip" title="Content::Content
of the post.">
<label for="blog_post_content">Content</label></span>
L27
</td>
<td>
<%= f.text_area :content, :cols => 100 %>
</td>
</tr>
<tr>
<td class="key">
<span class="editlinktip hasTip" title="Content::Content
of the post.">
<label for="blog_post_status"> Status </label></span>
</td>
<td>
<%= radio_button(:post, :status, true) %><label
for="post_status_true">Published</label>
<%= radio_button(:post, :status, false) %><label
for="post_status_false">Unpublish</label>
</td>
</tr>
</tbody>
</table>
</fieldset>
<div align="center"> <%= submit_tag button_text %> </div>
<% end %>
