v
ABSTRAK
Aplikasi Pembuatan Website Penjualan Baju dan Aksesoris Online adalah aplikasi yang berfungsi untuk mempermudah pelanggan dalam melakukan proses transaksi pembelian baju dan aksesoris secara online. Aplikasi ini dapat membantu pelanggan dari melihat barang yang tersedia, memesan barang, konfirmasi pembayaran, mendapatkan promosi, dan juga mengetahui barang sedang berada dimana. Aplikasi ini juga dapat membantu admin dalam mengelola data barang, data penjualan, mengatur promosi, dan juga membuat promo. Aplikasi Pembuatan Website Penjualan Baju dan Aksesoris Online ini dibangun menggunakan bahasa pemrograman PHP dan menggunakan penyimpanan data dengan MySQL dan menggunakan konsep CRM. Aplikasi ini ditujukan untuk membantu admin dalam melakukan penanganan terhadap pemesanan baju dan penjualannya dan juga untuk para pelanggan dalam mempermudah proses pembelian. Dimana pada saat ini proses pencatatan dan pemesanan masih dilakukan secara manual yang dapat menyebabkan kesalahan dan kurang efektif. Dengan adanya aplikasi ini, diharapkan dapat membantu admin dalam melakukan pencatatan dan pengelolaan barang dan juga pelanggan dapat dengan mudah melakukan proses pemesanan.
vi
ABSTRACT
This Web application is an application that serves customers in making process about buying clothes and accecoriess online. This web can help customers to see items available,ordering goods,payment confirmation,get the promotion, and know where the goods were.This application can help admin also in manage item,sale,promotion,and make promo. This web application was built using PHP programming language and MySQL as its storage system and using CRM concept. This application is intended for admin in handling orders and sales. And also make it easier for customers in the buying process. Where the current process of recording and ordering is still done manually which can lead to errors and less effective. With this application, is expected to help the admin to do the recording and management of goods and also the customers can easily perform the ordering process
vii
DAFTAR ISI
LEMBAR PENGESAHAN ... i
PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... ii
PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii
PRAKATA ... iv
DAFTAR NOTASI/ LAMBANG ... xvi
DAFTAR SINGKATAN ... xviii
BAB 1. PENDAHULUAN ... 1
1.1 Latar Belakang Masalah ... 1
1.2 Rumusan Masalah ... 2
1.3 Tujuan Pembahasan... 2
1.4 Ruang Lingkup Kajian... 2
1.4.1 Batasan Perangkat Keras ... 2
1.4.2 Batasan Perangkat Lunak ... 3
1.4.3 Batasan Aplikasi ... 3
1.5 Sumber Data ... 4
1.5.1 Data Primer ... 4
1.5.2 Data Sekunder ... 4
1.6 Sistematika Penyajian ... 5
BAB 2. KAJIAN TEORI ... 6
2.1 Sistem Informasi ... 6
2.2 Pengertian Internet ... 6
2.3 Website ... 7
2.3.1 Tipe-Tipe Website ... 7
2.3.2 Prinsip-prinsip Desain Website... 8
viii
2.3.4 Situs web harus memperhatikan aspek GUI (Graphical User
Interface)... 9
2.4 PHP ... 11
2.4.1 Kelebihan PHP ... 12
2.4.2 Keuntungan menggunakan PHP ... 12
2.5 Pengertian HTML ... 14
2.5.1 CSS (Cascade Sheet Style) ... 15
2.6 Pengertian MySQL ... 16
2.7 Database ... 17
2.7.1 Relational Database ... 18
2.8 Entity Relationships Diagram (ERD) ... 18
2.9 Data Flow Diagram (DFD) ... 20
2.10 E-Commerce ... 21
2.10.1 Keuntungan E-Commerce ... 23
2.10.2 Kerugian atau Resiko E-Commerce ... 25
2.11 Customer Relationship Management (CRM) ... 26
2.11.1 Tipe-Tipe CRM ... 26
2.11.2 Tujuan CRM ... 26
2.11.3 Kerugian atau Resiko E-Commerce ... 26
2.11.4 Cross-Selling ... 27
2.11.5 Algoritma Apriori ... 29
BAB 3. ANALISIS DAN RANCANGAN SISTEM ... 31
3.1 Analisis ... 31
3.2 ERD ... 35
3.3 Skema Relasi ... 35
ix
3.7 Desain Antarmuka ... 73
BAB 4. HASIL PENELITIAN ... 78
4.1 Form Halaman Utama ... 78
4.2 Form Login ... 89
4.3 Form Register ... 91
4.4 Form Profile Member ... 93
4.5 Form Barang Admin ... 94
4.6 Form Laporan Admin ... 97
4.7 Form Data Member Admin ... 100
4.8 Form Promo Admin ... 101
4.9 Form Paket Bundling Admin ... 103
4.10 Form Guest Mail Admin ... 105
BAB 5. PEMBAHASAN DAN UJI COBA HASIL PENELITIAN ... 107
5.1 Form Login ... 107
5.2 Form Register ... 107
5.3 Form Add Barang ... 108
5.4 Form Register ... 108
5.5 Form Add Paket Bundling ... 109
5.6 Form Contact Us ... 110
5.7 Form Edit Profile ... 110
5.8 Form Logout ... 111
BAB 6. SIMPULAN DAN SARAN ... 112
6.1 Simpulan ... 112
6.2 Saran ... 112
x
DAFTAR GAMBAR
Gambar 2. 1 Contoh Binary Relationship ... 19
Gambar 2. 2 Contoh Tenary Relationship ... 19
Gambar 2. 3 Contoh Quartenary Relationship ... 20
Gambar 2. 4 Contoh Proses e-commerce ... 22
Gambar 3. 1 Flowchart Pemesanan Barang ... 32
Gambar 3. 2 Flowchart Konfirmasi Pembayaran ... 33
Gambar 3. 3 Flowchart Pengiriman Barang ... 34
Gambar 3. 4 Penyimpanan Data... 35
Gambar 3. 5 DFD level 0 ... 45
Gambar 3. 11DFD level 2 proses 6 ... 52
Gambar 3. 12 DFD level 2 proses 7 ... 52
Gambar 3. 13 DFD level 2 proses 8 ... 53
Gambar 3. 14 Desain Antarmuka Halaman Home ... 74
Gambar 3. 15 Desain Antarmuka Halaman Register ... 75
Gambar 3. 16 Desain Antarmuka Halaman Konfirmasi Bank Transfer ... 76
Gambar 3. 17 Desain Antarmuka Halaman Cek Status Order ... 77
Gambar 4. 1 Form Halaman Utama ... 78
Gambar 4. 2 Gambar new arrival ... 79
Gambar 4. 3 Hasil dari link new arrival ... 79
Gambar 4. 4 Warning jika pengguna sebagai guest ... 80
Gambar 4. 5 Pemilihan ukuran & warna ... 80
Gambar 4. 6 Halaman Detail Order ... 81
Gambar 4. 7 Warning jika pengguna sebagai guest ... 81
xi
Gambar 4. 9 Hasil komentar ... 82
Gambar 4. 10 Halaman tops ... 83
Gambar 4. 11 Halaman bottoms ... 83
Gambar 4. 12 Halaman shoes ... 84
Gambar 4. 13 Halaman Bags & purses ... 84
Gambar 4. 14 Halaman accessories ... 85
Gambar 4. 15 Letak fitur konfirmasi pembayaran ... 86
Gambar 4. 16 Halaman tampilan konfirmasi pembayaran ... 86
Gambar 4. 17 Letak fitur contact us ... 87
Gambar 4. 18 Halaman tampilan contact us ... 87
Gambar 4. 19 Letak fitur tracking order ... 88
Gambar 4. 20 Halaman cek status order ... 89
Gambar 4. 21 Form Login ... 90
Gambar 4. 22 Warning sign in username atau password kosong ... 90
Gambar 4. 23 Warningusername atau password salah ... 91
Gambar 4. 24 Form Register ... 92
Gambar 4. 25 Warning register field kosong ... 92
Gambar 4. 26 Warning field tidak diisi keseluruhan ... 93
Gambar 4. 27 Halaman profile member ... 94
Gambar 4. 28 Tampilan form barang admin ... 95
Gambar 4. 29 Tampilan form barang admin ... 96
Gambar 4. 30 Form Add Barang Admin ... 96
Gambar 4. 31 Tampilan form add kategori admin ... 97
Gambar 4. 32 Form add kategori barang ... 97
Gambar 4. 33 Tampilan laporan admin ... 98
Gambar 4. 34 Tampilan form laporan penjualan ... 98
Gambar 4. 35 Form laporan penjualan admin ... 98
Gambar 4. 36 Laporan penjualan admin ... 99
Gambar 4. 37 Tampilan form laporan barang ... 99
Gambar 4. 38 Tampilan laporan barang admin ... 99
Gambar 4. 39 Tampilan form data member ... 100
xii
Gambar 4. 41 Promo Natal ... 101
Gambar 4. 42 Promo Kemerdekaan ... 102
Gambar 4. 43 Promo Lebaran ... 102
Gambar 4. 44 Promo Tahun Baru ... 103
Gambar 4. 45 Tampilan add paket bundling ... 104
Gambar 4. 46 Tampilan form add paket bundling ... 104
Gambar 4. 47 Tampilan paket view bundling ... 105
Gambar 4. 48 Tampilan form paket bundling ... 105
Gambar 4. 49 Tampilan form guest mail admin ... 105
xiii
DAFTAR TABEL
Tabel 3. 1 Admin ... 35
Tabel 3. 2 Bank ... 36
Tabel 3. 3 Barang ... 36
Tabel 3. 4 Tabel Biaya Kirim ... 37
Tabel 3. 5 Buku Tamu ... 37
Tabel 3. 6 Crosseling ... 38
Tabel 3. 7 Daftar Penjualan ... 39
Tabel 3. 8 Detail Pesanan ... 39
Tabel 3. 9 History ... 40
Tabel 3. 10 Identitas ... 41
Tabel 3. 11 Tabel Kategori ... 41
Tabel 3. 12 Komentar ... 41
Tabel 3. 13 Konfirmasi Pembayaran ... 42
Tabel 3. 14 Member ... 42
Tabel 3. 15 Promosi ... 43
Tabel 3. 16 Rating ... 44
Tabel 3. 17 Keterangan DFD ... 45
Tabel 3. 18 Keterangan DFD ... 48
Tabel 3. 19 Data Admin ... 53
Tabel 3. 20 Data Bank ... 54
Tabel 3. 21 Data Barang ... 54
Tabel 3. 22 Data Biaya Kirim ... 55
Tabel 3. 23 Data Buku Tamu ... 55
Tabel 3. 24 Data Crosseling... 56
Tabel 3. 25 Tabel Penjualan ... 56
Tabel 3. 26 Tabel Detail Pesanan ... 57
Tabel 3. 27 Tabel History ... 58
Tabel 3. 28 Tabel Kategori ... 58
xiv
Tabel 3. 30 Tabel Konfirmasi Pembayaran ... 59
Tabel 3. 31 Tabel Member ... 60
Tabel 3. 32 Tabel Promosi ... 60
Tabel 3. 33 Tabel Rating ... 61
Tabel 3. 34 Proses 1 Login ... 62
Tabel 3. 35 Proses 2.1 Add Member ... 62
Tabel 3. 36 Proses 2.2 Search Member ... 63
Tabel 3. 37 Proses 2.3 View Member ... 63
Tabel 3. 38 Proses 2.4 Update Member ... 64
Tabel 3. 39 Proses 3.1 Add Barang ... 64
Tabel 3. 40 Proses 3.2 Search Barang ... 65
Tabel 3. 41 Proses 3.3 View Barang ... 65
Tabel 3. 42 Proses 3.4 Update Barang ... 65
Tabel 3. 43 Proses 3.5 Delete Barang ... 66
Tabel 3. 44 Proses 4.1 Update Promo ... 66
Tabel 3. 45 Proses 4.2 View Promo ... 67
Tabel 3. 46 Proses 5.1 Add Paket Bundling ... 67
Tabel 3. 47 Proses 5.2 View Paket Bundling ... 68
Tabel 3. 48 Proses 6.1 View Status Pemesanan ... 68
Tabel 3. 49 Proses 6.2 Search Status Pemesanan ... 68
Tabel 3. 50 Proses 6.3 Update Status Pemesanan ... 69
Tabel 3. 51 Proses 7.1 Add Konfirmasi Pembayaran ... 69
Tabel 3. 52 Proses 7.2 View Konfirmasi Pembayaran ... 70
Tabel 3. 53 Proses 7.3 Search Konfirmasi Pembayaran ... 70
Tabel 3. 54 Proses 8.1 Add Pemesanan ... 71
Tabel 3. 55 Proses 8.2 View Pemesanan ... 71
Tabel 3. 56 Proses 8.3 Update Pemesanan ... 72
Tabel 3. 57 Proses 8.4 Delete Pemesanan ... 72
Tabel 5. 1 Form Login ... 107
Tabel 5. 2 Form Register ... 107
Tabel 5. 3 Form Add Barang ... 108
xv
Tabel 5. 5 Form Add Paket Bundling ... 109
Tabel 5. 6 Form Contact Us ... 110
Tabel 5. 7 Form Edit Profile ... 110
xvi
DAFTAR NOTASI/ LAMBANG
Jenis Notasi/Lambang Nama Arti
flowchart
flowchart Simbol mulai atau
berakhir
menggambarkan awal dan akhir suatu sistem.
flowchart Simbol garis alir menggambarkan arah
proses pengolahan data
flowchart Simbol dokumen
xvii
DFD Proses
Kegiatan atau kerja yang dilakukan oleh orang, mesin atau komputer dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan arus data yang akan keluar dari proses.
DFD Data Store
berkaitan dengan
penyimpanan-penyimpanan, seperti file atau database yang berkaitan dengan penyimpanan secara komputerisasi.
DFD Alur Data
menerangkan
perpindahan data atau paket data / informasi dari satu bagian system ke bagian lainnya.
xviii
DAFTAR SINGKATAN
PHP : Hypertext preprocessor HTML : Hypertext markup language HTTP : Hypertext transfer protocol ERD : Entity Relationship Diagram FTP : File Transfer Protocol
WWW : World wide web
1 Universitas Kristen Maranatha
BAB 1. PENDAHULUAN
Pada bab ini, akan dijelaskan mengenai latar belakang, rumusan masalah, tujuan pembahasan, ruang lingkup kajian, sumber data, dan juga sistematika penyajian dalam penyelesaian laporan seminar tugas akhir ini
1.1 Latar Belakang Masalah
Sekarang ini teknologi sudah berkembang dengan pesat. Banyak penggunaan teknologi yang dipakai di berbagai bidang. Kemajuan teknologi ini juga mendorong neira shop ini untuk menggunakan teknologi dalam mengembangkan usahanya. Agar dapat mempermudah aktivitas kinerja pemilik dan pelanggan.
Neira shop yang berada pada kota Cimahi ini merupakan toko baju yang melakukan penjualan pakaian, sepatu dan aksesoris baik wanita maupun pria. Saat ini dalam pengelolaan data pelanggan masih belum dimanfaatkan dengan baik, sehingga pengelolaan data pelanggan hanya sebatas untuk pesanan barang. Akibatnya pengelolaan data pelanggan menjadi tidak efektif. Selain itu, masalah lain yang terjadi adalah sulitnya toko untuk memberikan informasi produk terbaru yang ada kepada pelanggan. Dan juga sulitnya pelanggan dalam memesan dan membeli produk. Serta pelanggan sulit dalam melihat status pesanan. Contohnya jika sebenarnya barang tersebut statusnya sudah dikirim dan ditema oleh pelanggan tapi pelanggan belum menerima barang tersebut.
2
Universitas Kristen Maranatha
1.2 Rumusan Masalah
Sesuai dengan latar belakang tersebut, maka penulis mencoba merumuskan masalah yang ada. Masalah yang ada di antaranya sebagai berikut:
1. Bagaimana merancang website yang dapat memberikan informasi produk yang dijual kepada pelanggan ?
2. Bagaimana membuat website yang dapat memberikan kemudahan
order untuk pelanggan ?
3. Bagaimana membuat website yang dapat memberikan kemudahan dalam pengecekan status pesanan?
1.3 Tujuan Pembahasan
Pembuatan website ini memiliki beberapa tujuan yang berguna, diantaranya:
Perancangan aplikasi ini memiliki 3 batasan dalam ruang lingkupnya :
1.4.1 Batasan Perangkat Keras
Perangkat keras yang dibutuhkan berdasarkan kebutuhan minimum yang harus terpenuhi antara lain :
1. Processor dengan kecepatan minimal 1.2 GHz. 2. RAM minimal 1 Gb.
3
Universitas Kristen Maranatha 4. Mouse, Keyboard, dan Monitor sebagai peralatan
antarmuka.
1.4.2 Batasan Perangkat Lunak
Perangkat lunak/software yang dibutuhkan yang harus terpenuhi antara lain :
1. Apache2.2.21, sebagai web server.
2. PHP5.3.10, sebagai bahasa pemograman.
3. MySQL 5.5.20, untuk pengembangan dalam pembuatan
database.
4. phpMyadmin 3.4.10.1, untuk menangani administrasi MySQL.
5. Browser, Misalnya Google Chrome / Mozilla Firefox.
1.4.3 Batasan Aplikasi
Terdapat tiga jenis batasan dalam batasan aplikasi ini, didasarkan pada tingkat hak akses,di mana semakin tinggi jabatannya maka semakin banyak fitur yang dapat diakses :
1. Hak akses Member :
a. Melihat history transaksi b. Melihat data barang c. Melihat keranjang belanja
d. Melihat review barang e. Melihat profile
f. Merubah data profile g. Menambah review barang h. Menambah data pesanan
i. Menambah voting
4
Universitas Kristen Maranatha 2. Hak akses Admin / Owner
a. Melihat data member b. Melihat data barang c. Menambah data barang d. Merubah data barang e. Melihat laporan penjualan f. Melihat laporan barang g. Melihat profile admin h. Merubah profile admin i. Menambah voting
j. Menambah Paket Bundling
k. Melihat Paket Bundling
l. Mengirim Informasi Promo m. Merubah status pesanan n. Mengirim informasi Bundling
o. Membalas Guest Mail
3. Hak Akses Guest a. Melihat Data Barang
1.5 Sumber Data
Data-data yang diperoleh dikelompokan dalam dua bagian :
1.5.1 Data Primer
Data Primer didapatkan dari informasi yang diperoleh dari pemilik toko.
1.5.2 Data Sekunder
Data sekunder di peroleh dari berbagai media, seperti :
1. Materi-materi yang berhubungan dengan pembuatan
website dengan menggunakan bahasa PHP.
5
Universitas Kristen Maranatha
1.6 Sistematika Penyajian
Berikut adalah sistematika penyajian dalam laporan tugas akhir ini:
BAB 1 PENDAHULUAN
Bab ini digunakan untuk menjelaskan pendahuluan dan garis besar dari latar belakang, perumusan masalah, tujuan, batasan masalah, dan sistematika penulisan.
BAB 2 KAJIAN TEORI
Bab ini digunakan untuk menjelaskan tentang teori-teori yang berkaitan dan mendukung dalam pembuatan aplikasi.
BAB 3 ANALISA DAN RANCANGAN SISTEM
Bab ini digunakan untuk menjelaskan analisis dan juga perancangan aplikasi yang dibuat dalam bentuk DFD (Data Flow Diagram), ERD (Entity Relationship Diagram), UI (User Interface).
BAB 4 HASIL PENELITIAN
Bab ini digunakan untuk menjelaskan aplikasi yang dijalankan dan dipakai beserta dengan contoh tampilan pengoperasian aplikasi tersebut.
BAB 5 PEMBAHASAN DAN UJI COBA HASIL PENELITIAN
Bab ini digunakan untuk menjelaskan rencana pembahasan dan pengujian aplikasi yang dibuat.
BAB 6 SIMPULAN DAN SARAN
111 Universitas Kristen Maranatha
BAB 6. SIMPULAN DAN SARAN
Pada bab ini, akan dijelaskan mengenai kesimpulan dan saran yang dapat diambil dari aplikasi web yang telah dibuat ini.
6.1 Simpulan
Dengan adanya website ini dapat dihasilkan beberapa Simpulan, Simpulan tersebut antara Lain :
1. Website e-commerce ini dapat memberikan informasi produk yang dijual kepada pelanggan.
2. Website e-commerce ini dapat memberikan kemudahan order kepada pelanggan.
3. Website e-commerce ini dapat memberikan kemudahan kepada admin dalam melihat daftar pesanan.
4. Website e-commerce ini dapat memberikan kemudahan dalam membuat dan mengirimkan promo kepada member.
5. Website e-commerce ini dapat memberikan kemudahan untuk member dalam melakukan konfirmasi pembayaran
6. Website e-commerce ini dapat memberikan kemudahan untuk admin dalam membuat paket bundling.
6.2 Saran
Website ini dapat dikembangkan agar menjadi lebih baik. Beberapa saran yang dapat digunakan kedepan antara lain:
1. Website e-commerce ini dapat diakses melalui smartphone. 2. Sistem pembayaran pada website e-commerce ini dapat
menggunakan sistem seperti paypal/veritrans.
113 Universitas Kristen Maranatha
DAFTAR PUSTAKA
[1] R. S. G. McLeod, Sistem Informasi Manajemen, Jakarta: PT.Indeks, 2005.
[2] K. C. Laudon and J. P. Laudon, Management Information Systems: Managing the Digital Firms, 12th ed., Upple Saddle River, NJ: Prentice Hall, 2012.
[3] B. S. C. S. Williams, Using Information Technology: A Practical Introduction to Computer & Communication: Complete Version, New York: McGraw-Hill Companies, Inc, 2011.
[4] L. Sidharta, Internet Informasi Bebas Hambatan, Jakarta : PT.Elex Media Komputindo, 1996.
[5] W. K. d. Andi, Membuat Website Interaktif Dengan Macromedia Dreamweaver MX, Semarang: Andi dan Wahana Komputer, 2002. [6] L. &. T. L. Weilling, PHP and MySQL Web Development(4th edition),
USA: Pearson Education, 2009.
[7] L. L. N. Long, Computers; Information Technology in Perspective (10th Edition), New Jersey: Prentice Hall, 2002.
[8] J. Pence, How to Do Everything with HTML, Osborne: Mc Graw-Hill, 2001.
[9] T. a. C. E. B. Connoly, A Practical Approach to Design, Implementation, and Management (3rd Edition), Addison Wesley, 2002.
[10] J. L. B. D. Whitten, System Analysis & Design Methods (7th Edition), New York: McGraw-Hill, 2007.
[11] &. M. G. M. o'Brien J. A., Introduction to Information System (15th Edition), New York: McGraw-Hill, 2010.
114
Universitas Kristen Maranatha [13] G. P. Schneider, Electronic Commerce (9th edition), Boston: Course
Technology, 2010.
[14] E. Turban, Electronic Commerce a Managerial Perspective, New Jersey: Perason Education, Inc, 2002.
[15] R. d. R. M. Kalakota, E-business 2.0 Roadmap for Success, USA: Longman Inc, 2001.
