ABSTRAK
The Lucky Clovers berdiri sejak tahun 2010 dan merupakan salah satu toko yang baru beranjak dari dunia maya. Perkembangan internet zaman sekarang sangat mendukung toko-toko yang bergerak di dunia maya untuk mengembangkan bisnis. Dengan menggunakan layanan internet pengunjung dari segala penjuru dapat mengakses toko tersebut sehingga sangat menguntungkan bagi pengelola bisnis. Dengan dunia maya yang semakin berkembang dan dunia bisnis yang sudah semakin bergantung pada layanan internet, maka persaingan bisnis dalam dunia maya sudah semakin ketat sehingga setiap pengelola harus bisa bertahan dalam persaingan ini untuk berkembang.
Aplikasi e-commerce The Lucky Clovers merupakan satu aplikasi yang terjun ke dalam dunia bisnis maya. Dengan pengintegrasian dengan facebook dan twitter pelanggan dapat membagi dan memberi tahu kepada teman-teman yang lain mengenai produk tersebut.
Admin toko dapat dengan mudah mengatur dan mengelola data-data baik data pelanggan maupun data pemesanan dan lebih efisien. Sehingga dapat meningkatkan penjualan dalam dunia bisnis.
vi
Universitas Kristen Maranatha
ABSTRACT
The Lucky Cloves was established in 2010 and one of the new store thats stand in the virtual word. Internet growing highly supported the stores that stand in the virtual world to grow the business. By using internet connection service, the store can be accessed from all the nations so it can be very beneficial for every business owners. With growing Virtual world and every business that always depend on internet services, the business competition in the virtual world is getting tougher and every owner must be tough to grow their business.
Application e-commerce The Lucky Clovers is one of the application that jump to business in virtual world. Using facebook and twitter integration, customer can share and tell to friends about the product.
The ow er of the store a a age usto er’s data or order’s data easily a d e
more efficient. Because of that, profit of selling can be raised
DAFTAR ISI
LEMBAR PENGESAHAN ... i
LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI ILMIAH ... ii
LEMBAR PERNYATAAN ORISINILITAS KARYA ... iii
KATA PENGANTAR ... iv
ABSTRAK ... v
ABSTRACT ... vi
DAFTAR ISI ... vii
DAFTAR GAMBAR ... xiv
DAFTAR TABEL ... xvii
BAB IPENDAHULUAN... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 1
1.3 Tujuan Pembahasan ... 2
1.4 Batasan Masalah ... 2
1.5 Sistematika Pembahasan ... 3
BAB IIDASAR TEORI ... 4
2.1 Definisi E – Commerce ... 4
2.2 DFD (Data Flow Diagram) ... 4
2.3 Flowchart ... 6
2.4 Entity Relationship Diagram... 7
2.5 PHP (Hypertext Preprocessor) ... 10
2.6 MySQL ... 11
2.7 Blackbox testing ... 11
2.8 Test Case ... 12
2.9 API (Apliccation Programming Interface) ... 12
viii
Universitas Kristen Maranatha
BAB III ANALISA DAN PEMODELAN ... 14
3.1 Alur Proses ... 14
3.1.1 Alur Proses update produk ... 14
3.1.2 Alur proses pembelian barang ... 16
3.2 ERD... 18
3.3 DFD ... 18
3.3.1 DFD level 0 ... 19
3.3.2 DFD Level 1 ... 19
3.3.3 DFD level 2 proses 1 ... 21
3.3.4 DFD level 2 proses 2 ... 21
3.3.5 DFD level 2 proses 3 ... 22
3.3.6 DFD level 2 proses 4 ... 22
3.3.7 DFD level 2 proses 5 ... 23
3.3.8 DFD level 2 proses 6 ... 24
3.3.9 DFD level 3 proses 5.1 ... 25
3.3.10 DFD level 3 proses 5.2 ... 26
3.3.11 DFD level 2 proses 5.4 ... 26
3.4 Kamus Data ... 27
3.4.1 Data kategori ... 27
3.4.2 Data pesanan ... 28
3.4.3 Data kota ... 28
3.4.4 Data layanan ... 28
3.4.5 Data harga ... 29
3.4.6 Data produk ... 29
3.4.7 Data keranjang ... 29
3.4.9 Data member ... 31
3.4.10 Data facebook ... 31
3.4.11 Data twitter ... 31
3.4.12 Data pesan ... 32
3.4.13 Data pembayaran ... 32
3.5 PSPEC (Process Specification) ... 33
3.5.1 PSPEC proses 7 ... 33
3.5.2 PSPEC proses 8 ... 33
3.5.3 PSPEC proses 1.1 ... 34
3.5.4 PSPEC proses 1.2 ... 34
3.5.5 PSPEC proses 2.1 ... 35
3.5.6 PSPEC proses 2.2 ... 35
3.5.7 PSPEC proses 2.3 ... 36
3.5.8 PSPEC proses 2.4 ... 36
3.5.9 PSPEC proses 3.1 ... 37
3.5.10 PSPEC proses 3.2 ... 37
3.5.11 PSPEC proses 3.3 ... 37
3.5.12 PSPEC proses 3.4 ... 38
3.5.13 PSPEC proses 4.1 ... 38
3.5.14 PSPEC proses 4.2 ... 39
3.5.15 PSPEC proses 4.3 ... 39
3.5.16 PSPEC proses 4.4 ... 40
3.5.17 PSPEC proses 5.3 ... 40
3.5.18 PSPEC proses 6.1 ... 41
3.5.19 PSPEC proses 6.2 ... 41
x
Universitas Kristen Maranatha
3.5.21 PSPEC proses 5.1.1 ... 42
3.5.22 PSPEC proses 5.1.2 ... 43
3.5.23 PSPEC proses 5.1.3 ... 43
3.5.24 PSPEC proses 5.2.1 ... 44
3.5.25 PSPEC proses 5.2.2 ... 44
3.5.26 PSPEC proses 5.4.1 ... 45
3.5.27 PSPEC proses 5.4.2 ... 45
3.5.28 PSPEC proses 5.4.3 ... 46
3.6 Web map dan layout ... 46
3.6.1 Pelanggan ... 46
3.6.2 Admin ... 53
BAB IVPERANCANGAN DAN IMPLEMENTASI ... 60
4.1 Pelanggan ... 60
4.1.1 Halaman home pengunjung ... 60
4.1.2 Halaman semua produk ... 61
4.1.3 Halaman pemeriksaan pemesanan ... 62
4.1.4 Halaman hubungi kami ... 63
4.1.5 Halaman login ... 64
4.1.6 Halaman keranjang belanja ... 65
4.1.7 Halaman Form data pelanggan ... 65
4.1.8 Halaman Form pembayaran ... 66
4.1.9 Halaman detail Produk ... 67
4.1.10 Halaman ubah password ... 68
4.1.11 Halaman ubah email ... 69
4.1.12 Halaman daftar member ... 70
4.2.1 Form login... 71
4.2.1 Halaman menu ... 72
4.2.2 Form tambah menu... 73
4.2.3 Form edit menu ... 74
4.2.4 Halaman Form edit profile... 74
4.2.5 Halaman kategori ... 76
4.2.6 Form tambah kategori ... 76
4.2.7 Form edit kategori ... 77
4.2.8 Halaman produk ... 78
4.2.9 Form tambah produk ... 79
4.2.10 Form edit produk ... 80
4.2.11 Halaman pesan pengunjung ... 81
4.2.12 Form balas pesan ... 82
4.2.13 Halaman pemesanan pelanggan... 83
4.2.14 Halaman detail pemesanan ... 84
4.2.15 Halaman pembayaran ... 85
4.3 Implementasi ER ... 86
4.3.1 Tabel admins... 86
4.3.2 Tabel kategori ... 87
4.3.3 Tabel cities ... 87
4.3.4 Tabel harga ... 87
4.3.5 Tabel Layanan ... 88
4.3.6 Tabel member... 88
4.3.7 Tabel menu ... 88
4.3.8 Tabel orders ... 89
xii
Universitas Kristen Maranatha
4.3.10 Tabel orders_temp... 90
4.3.11 Tabel pembayaran ... 90
4.3.12 Tabel pesan... 90
4.3.13 Tabel produk ... 91
4.3.14 Tabel tamufacebook ... 91
4.3.15 Tabel tamutwitter ... 92
BAB VPENGUJIAN ... 93
5.1. Pengujian pada halaman admin ... 93
5.1.1 Pengujian Login ... 93
5.1.2 Pengujian tambah menu ... 94
5.1.3 Pengujian ubah menu ... 95
5.1.4 Pengujian ubah profile ... 96
5.1.5 Pengujian tambah kategori ... 97
5.1.6 Pengujian ubah kategori ... 97
5.1.7 Pengujian tambah produk ... 98
5.1.8 Form ubah produk ... 100
5.2 Pengujian pada halaman pelanggan ... 102
5.2.1 Pengujian lihat pemesanan ... 102
5.2.2 Pengujian hubungi kami ... 103
5.2.3 Pengujian Login ... 104
5.2.4 Pengujian Login with Twitter ... 106
5.2.5 Pengujian login with Facebook ... 107
5.2.6 Pengujian keranjang belanja ... 107
5.2.7 Pengujian data pembeli... 108
5.2.8 Pengujian ubah email ... 110
5.2.10 Pengujian ubah password ... 116
5.2.11 Pengujian konfirmasi pembayaran ... 117
5.3. Kuesioner website e-commerce The Lucky Clovers ... 119
BAB VIKESIMPULAN DAN SARAN ... 123
6.1 Kesimpulan ... 123
6.2 Saran ... 123
DAFTAR PUSTAKA ... xx
xiv
Universitas Kristen Maranatha
DAFTAR GAMBAR
Gambar 2.1 Simbol Kesatuan Luar DFD ... 5
Gambar 2.2 Simbol Arus Data DFD ... 5
Gambar 2.4 Simbol Simpanan Data DFD ... 6
Gambar 2.3 Simbol Proses DFD ... 6
Gambar 2.5 Simbol Entitas ... 8
Gambar 2.6 Simbol Relasi... 8
Gambar 2.7 Satu ke Satu ... 8
Gambar 2.8 Satu ke Banyak ... 9
Gambar 2.9 Banyak ke Satu ... 9
Gambar 2.10 Banyak ke banyak ... 9
Gambar 3.1 Alur proses Update Produk dan Kategori ... 15
Gambar 3. 2 Alur Proses Transaksi Pembelian Barang ... 17
Gambar 3. 3 Entity relationship diagram ... 18
Gambar 3.4 DFD Level 0 ... 19
Gambar 3.15 Tampilan Home Pelanggan ... 47
Gambar 3.16 Product ... 47
Gambar 3.17 detail Product ... 48
Gambar 3.18 Tampilan Keranjang Belanja ... 48
Gambar 3.19 Form data Pelanggan ... 49
Gambar 3.21 login ... 50
Gambar 3.22 Track Order ... 50
Gambar 3.23 Tampilan Contact us... 51
Gambar 3.24 Tampilan register ... 51
Gambar 3.25 Tampilan ubah email ... 52
Gambar 3.26 Tampilan ubah password ... 52
Gambar 3.27 Form Login ... 53
Gambar 3.28 Tampilan menu ... 53
Gambar 3.29 Tampilan tambah menu ... 54
Gambar 3.30 Tampilan ubah menu ... 54
Gambar 3.31 Tampilan kategori ... 55
Gambar 3.32 Tampilan tambah kategori ... 55
Gambar 3.33 Form Tambah Produk ... 56
Gambar 3.34 Form Tambah Kategori ... 56
Gambar 3.35 pemesanan ... 57
Gambar 3. 36 Tampilan detail Pemesanan ... 57
Gambar 3.37 Tampilan pembayaran ... 58
Gambar 3.38 Tampilan pesan pengunjung ... 58
Gambar 3.39 Tampilan balas pesan ... 59
Gambar 3.40 Tampilan Profile ... 59
Gambar 4.1 Home Pengunjung ... 60
Gambar 4.2 Semua produk... 61
Gambar 4.3 Order tracking... 62
Gambar 4.4 Contact us ... 63
Gambar 4.5 Login ... 64
Gambar 4.6 Shopping cart ... 65
Gambar 4.7 Form data pelanggan ... 66
Gambar 4.8 Form pembayaran ... 67
Gambar 4.9 Detail produk ... 68
Gambar 4.10 ubah password... 69
Gambar 4.11 ubah email ... 70
xvi
Universitas Kristen Maranatha
Gambar 4.13 Login Administrator ... 71
Gambar 4.14 Menu Administrator ... 72
Gambar 4.15 Form tambah menu... 73
Gambar 4.16 Form edit menu ... 74
Gambar 4.17 Edit profile ... 75
Gambar 4.18 Kategori ... 76
Gambar 4.19 Form tambah kategori... 76
Gambar 4.20 Form edit kategori ... 77
Gambar 4.21 Produk ... 78
Gambar 4.22 Form tambah produk ... 79
Gambar 4.23 Form edit produk ... 80
Gambar 4.24 Pesan pengunjung... 81
Gambar 4.25 Form balas pesan ... 82
Gambar 4.26 Pemesanan pelanggan ... 83
Gambar 4.27 Detail pemesanan ... 84
Gambar 4.28 Pembayaran ... 85
BAB I
PENDAHULUAN
Pada bab ini akan menjelaskan mengenai masalah-masalah yang ada sesuai
dengan fakta-fakta yang ada. Pembahasan itu dibagi menjadi latar belakang, rumusan
masalah, tujuan, batasan masalah dan sistematika pembahasan.
1.1 Latar Belakang
The Lucky Clovers adalah toko dunia maya yang menjual produk-produk berupa
baju-baju yang bertemakan hewan seperti anjing dan kucing. Toko ini didirikan pada
tahun 2010. Pada awalnya toko ini hanya memanfaatkan teknologi dunia maya yaitu
internet untuk menjual produk-produk tersebut. Teknologi tersebut salah satunya
menggunakan forum jual beli yang sudah sangat populer di Indonesia, yaitu kaskus.
Namun seiring terus berkembangnya bisnis tersebut, maka produk-produk pada toko
tersebut sudah dijual secara fisik pada salah satu toko hewan yang besar. The Lucky
Clovers telah memiliki website tersendiri tetapi hanya digunakan sebagai sarana
promosi.
Namun perkembangan teknologi di bidang informasi mendorong toko tersebut
untuk terus mengikuti perkembangannya, terutama dengan perkembangan teknologi
informasi dapat mendukung penuh jalannya suatu bisnis toko tersebut. Perkembangan
teknologi informasi telah memberikan kontribusi yang cukup berarti dalam
meningkatkan kegiatan pelayanan bagi konsumen. Pemanfaatan teknologi informasi
dalam suatu aktifitas bisnis merupakan hal yang sangat penting. The Lucky Clovers
hendak membuat sebuah aplikasi bisnis online yang dinamakan E-Commerce untuk
dapat mempermudah dalam penjualan barang dan pelayanan terhadap konsumen
melalui online secara langsung.
1.2 Rumusan Masalah
Berdasarkan penjelasan dari latar belakang, maka muncul beberapa pertanyaan,
yaitu:
1. Bagaimana cara agar pembeli baju dapat memesan baju dengan cara mudah dan
2
Universitas Kristen Maranatha 2. Bagaimana cara agar pengelola toko dapat dengan mudah mengolah data-data
penjualan dengan mudah dimanapun mereka berada?
3. Bagaimana cara menjadikan sistem online lebih cepat dikenal oleh pengguna
internet?
1.3 Tujuan Pembahasan
Berdasarkan dari rumusan-rumusan masalah yang telah dibahas, maka muncul
beberapa tujuan dalam penyelesaian masalah tersebut, yaitu:
1. Mengembangkan aplikasi penjualan pembelian melalui fasilitas internet yang
dapat diakses oleh konsumen dimanapun konsumen berada dan melakukan
transaksi secara langsung.
2. Membuat aplikasi pengolahan data untuk pengelola toko yang dapat diakses
dimanapun mereka berada.
3. Mengembangkan aplikasi penjualan pembelian yang mengintegrasikan dengan
SocialNetwork yang sudah sangat berkembang.
1.4 Batasan Masalah
Batasan-batasan dalam masalah yang akan dibahas dalam pengembangan karya
ilmiah ini yaitu :
1. Integrasi dengan situs jejaring sosial seperti Facebook dan Twitter untuk sarana
promosi.
2. Menggunakan layanan pembayaran secara offline yaitu dengan menggunakan
transfer.
Adapun batasan-batasan yang dapat digunakan oleh pengguna untuk dapat
mengakses ke website ini yaitu:
1. Admin
Pengguna admin hanya bisa diakses oleh staff yang mengurusi bagian teknologi
informasi di toserba tersebut dan pengguna ini merupakan pengguna yang
mengatur jalannya website tersebut.
Pengguna ini bisa diakses oleh siapa saja. Pengguna ini hanya bisa melihat
barang-barang yang ingin dipesan kemudian memilih produk yang ingin dibeli dan
melakukan pembayaran.
3. Tamu
Tamu merupakan pengunjung yang ingin melihat-lihat produk-produk yang ada
pada toko online.
1.5 Sistematika Pembahasan
1.
BAB I PENDAHULUANBagian ini digunakan untuk menjelaskan latar belakang, rumusan masalah, tujuan,
batasan masalah, sumber data dan sistematika dalam pelaksanaan Kerja Praktek.
2.
BAB II DASAR TEORIBagian ini digunakan untuk menjelaskan teori-teori dasar jaringan, konfigurasi,
perangkat lunak yang digunakan pada proyek ini.
3.
BAB III ANALISA DAN PEMODELANBagian ini digunakan untuk menjelaskan analisa dan pemodelan dari proyek yang
dibuat, berupa ERD, DFD, layout.
4.
BAB IV PERANCANGAN DAN IMPLEMENTASIBagian ini merupakan kumpulan screenshot dari proyek yang dibuat beserta
penjelasan dari tiap fungsi utama yang dibuat.
5.
BAB V PENGUJIANBagian ini merupakan laporan dari pengujian tiap fungsi atau method yang dibuat
(blackbox testing) dan laporan-laporan dari kuisioner yang diberikan kepada para
responden.
6.
BAB VI KESIMPULAN DAN SARANKesimpulan merupakan pengetahuan yang didapat setelah mengerjakan karya
ilmiah ini, baik berupa penegasan/ pembuktian atau pengetahuan baru. Isi
kesimpulan merupakan hasil dari tujuan yang telah tercapai. Sedangkan saran
merupakan hal baru yang dapat digunakan untuk mengembangkan karya ilmiah
123
Universitas Kristen Maranatha
BAB VI
KESIMPULAN DAN SARAN
Pada bab ini menjelaskan mengenai kesimpulan dari hasil-hasil pembuatan
aplikasi toko online tersebut.
6.1 Kesimpulan
Berdasarkan hasil pembuatan aplikasi e-commerce terdapat beberapa kesimpulan
yang dapat diambil, yaitu:
1. Aplikasi e-commerce The Lucky Clovers dapat mempercepat dan mempermudah
proses pemesanan baju dan dapat diakses oleh pembeli dimanapun mereka
berada. Sehingga aplikasi e-commerce The Lucky Clovers dapat dengan mudah dan
cepat diakses oleh pembeli.
2. Dengan aplikasi e-commerce The Lucky Clovers yang telah mengintegrasikan
dengan social network, pelanggan bisa membagi atau memberi tahu informasi
mengenai produk tersebut kepada teman-teman yang lain dengan menggunakan
facebook maupun twitter berdasarkan dari fitur like dan tweet beserta komentar.
3. Dengan aplikasi e-commerce The Lucky Clovers administrator, admin atau pemilik
toko dapat mengatur dan mengelola data-data produk dan pesanan dengan
mudah dan dapat diakses dimanapun admin berada.
6.2 Saran
Sistem penjualan menggunakan layanan internet dapat meningkatkan dan
mempermudah penjualan dan pembelian, namun ada beberapa hal yang dapat
memberikan pengembangan dalam aplikasi ini, yaitu:
1. Pembayaran yang dilakukan oleh pelanggan masih berupa pembayaran secara
manual atau offline, sebaiknya pembayaran dapat dilakukan secara online yaitu
DAFTAR PUSTAKA
Baum, D. (1999). In O. W. Purbo, Mengenal e-commerce (pp. 4-5).
Beizer, B. (1995). Blackbox Testing. In Techniques for Functional Testing of Software and
Systems.
Hakim, L. (2009). Trik rahasia master PHP terbongkar lagi. Yogyakarta: Lokomedia.
Maclyntre, P. &. (2009). Pro PHP Programming. Apress.
Srinivas, T. (n.d.). Login with Facebook and Twitter. Retrieved Maret 2011, from
9lessons.info:
http://www.9lessons.info/2011/09/update-login-with-facebook-and-twitter.html
Yuan Gao. (2005). Encyclopedia of Information Science and Technology.