i
PEMBUATAN E-COMMERCE CV. WIJAYATAMA MADIUN DENGAN BERBASIS FRAMEWORK CODEIGNITER
TUGAS AKHIR
Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar
Ahli Madya pada Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret
Disusun oleh:
ULFAH CHASANAH M3113142
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET
2016
iii
PERNYATAAN
Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini tidak
terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan
disuatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak
terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh
orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan
disebutkan dalam Daftar Pustaka.
Surakarta, Mei 2016
MOTTO
MAN JADDA WAJADA
“Siapa yang bersungguh-sungguh pasti akan BERHASIL”
MAN SHABARA ZHAFIIRA
“Siapa yang bersabar pasti akan BERUNTUNG”
KHAIRUNNAS ANFAUHUM LINMAS
“Sebaik-baik manusia adalah manusia yang BERMANFAAT untuk orang lain”
v
HALAMAN PERSEMBAHAN Tugas Akhir ini kupersembahkan untuk :
Ibuku, anugerah terindah Tuhan yang kumiliki, yang senantiasa mendoakanku di
setiap sujudnya dan menguatkanku dengan ketangguhan dan kesabarannya,
Bapakku, yang tak pernah lelah meniti asa, berjuang tulus ikhlas memeras peluh
untuk keluarga tercinta,
Kakakku, Mbak Mifta Chussurur yang selalu menyemangati, saling berbagi,
saling memberi walaupun penulis belum bisa memberi sesuatu yang berarti,
Adikku, Abdullah Afif yang selalu memancing emosi, emosi amarah, emosi
bahagia dan semangat bangkit,
Bapak-Ibu Dosen yang telah dengan ketulusan dan kesabarannya membimbing
penulis sehingga dapat memperoleh banyak ilmu dan wawasan yang sangat
bermanfaat di masa sekarang dan masa depan,
Sahabat tercinta, Yosica, Yunia, Ana, Nisrina dan Yuliana yang selalu bisa
menghadirkan canda dan tawa bahkan ketika keputusasaan mendera,
Alhamdulillah kita lulus bareng,
Temen-temen PHT E-Mailkomp 2015, terimakasih atas motivasinya, terimakasih
telah berjuang bersama selama satu periode yang tak pernah terlupakan,
Keluarga besar E-Mailkomp 2014 dan 2015, terimakasih telah memberikan
kehangatan keluarga selama kurang lebih dua periode ini,
Sahabat-sahabat AAI “Semester Tua”, yaitu Mbak Shofi, Kholida, Melinda, Lutfi, Parma dll, terimakasih sudah menjadi teman di dunia, semoga kelak kita menjadi
Teman-teman TIC 2013, terimakasih atas segala bentuk bantuan dan motivasinya,
kalian semua keluarga terhebat selama tiga tahun ini,
Putri, Elita, Kikik, Fafa, Ichak, Itsna, Yulia, Siti, Tina dll, terimakasih kalian
selalu meyakinkanku.
Terimakasih telah menghadirkan kebaikan dalam perjalanan panjang saya. Pengalaman, bahagia, air mata telah kita rasakan bersama. Terimakasih telah memberikan sesuatu yang berharga lebih dari pertemanan yaitu persaudaraan. Semoga pertemuan kita dapat menjadi persaudaraan abadi di dunia dan di surga
kelak, Aamiin.
vii
KATA PENGANTAR
Assalamu’alaykum Warohmatullahi wabarokatuh.
Bismillahirrahmanirrahim, puji syukur kehadirat Allah SWT karena telah
melimpahkan rahmat dan karunia-Nya seingga penulis dapat menyelesaikan Tugas Akhir dengan judul “Pembuatan E-Commerce CV. Wiajayatama dengan Berbasis Framework CodeIgniter” dan pembuatan laporan tepat pada waktunya.
Laporan Tugas Akhir ini disusun untuk memenuhi sebagian persyaratan
untuk memperoleh kelulusan Diploma III Teknik Informatika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
Selama melaksanakan KMM baik dalam pembuatan project hingga penyelesaian laporan, penulis telah mendapat begitu banyak bantuan dan dukungan dari
beberapa pihak, baik berupa saran dan kritik yang sangat membangun. Oleh
karena itu, penulis pun mengucapkan terimakasih kepada:
1. Prof. Ir. Ari Handono Ramelan, M.Sc (Hons).,Ph.D, selaku Dekan
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas
Maret.
2. Abdul Aziz, S.Kom., M.Cs., selaku Ketua Program Studi Diploma III
Teknik Informatika Universitas Sebelas Maret yang telah memberikan izin
kepada penulis untuk melaksanakan Tugas Akhir.
3. Firma Sahrul Bahtiar, S.Kom., M. Eng., selaku dosen pembimbing yang
telah memeberikan ilmu dan membimbing penulis dalam menyelesaikan
project dan laporan Tugas Akhir. dengan baik.
4. Seluruh pihak-pihak yang tidak dapat penulis cantumkan satu persatu, atas
segala bimbingan, bantuan, kritik dan saran dalam penyusunan laporan ini.
Penulis menyadari bahwa laporan Tugas Akhir ini masih jauh dari
sempurna. Maka dari itu, penulis sangat menerima kritik, saran dan masukan yang
ini dapat memberikan kebermanfaatan dan memberikan wawasan kepada para
pembaca pada umumnya, dan kepada penulis pada khususnya. Wa’alaykumsalam Warohmatullahi Wabarokatuh
Surakarta, 4 Mei 2016
Penulis
ix
DAFTAR ISI
HALAMAN PERSETUJUAN ... i
HALAMAN PENGESAHAN ... Error! Bookmark not defined. PERNYATAAN ... iii
MOTTO ... iv
HALAMAN PERSEMBAHAN ... v
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR TABEL ... xiv
DAFTAR GAMBAR ... xv
INTISARI ... xviii
ABTRACT ... xix
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Perumusan Masalah ... 2
1.3 Tujuan ... 2
1.4 Manfaat ... 2
1.5 Batasan Masalah ... 3
1.6 Metodologi ... 3
1.7 Sistematika Penulisan ... 4
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI ... 5
2.1 Tinjauan Pustaka ... 5
2.2 Landasan Teori ... 5
2.2.1 E-Commerce ... 5
2.2.2 Sistem Informasi Manajemen ... 9
2.2.3 Data ... 11
2.2.4 Database ... 11
2.2.5 Framework ... 12
2.2.6 Codeigniter ... 12
2.2.7 UML ... 13
2.2.9 Activity Diagram ... 15
2.2.10 Sequence Diagram ... 16
2.2.11 Class Diagram ... 17
2.2.12 RAT (Relasi Antar Tabel) ... 18
2.2.13 ERD ... 18
2.2.14 XAMPP ... 19
2.2.15 MySQL ... 19
2.2.16 PHP ... 20
2.2.17 HTML ... 20
2.2.18 CSS ... 20
2.2.19 JavaScript ... 21
BAB III ANALISA DAN PERANCANGAN SISTEM ... 21
3.1 Proses Bisnis Konvensional ... 21
3.2 Proses Bisnis Sistem ... 22
3.3 Alat dan Bahan ... 24
3.4 SRS (Software Requirement Specification) ... 25
3.4.1 SRS Fungsional ... 25
3.4.2 SRS Non Fungsional ... 27
3.5 Perancangan Sistem ... 28
3.5.1 UseCase Diagram ... 28
3.5.2 Activity Diagram ... 30
3.5.3 Sequence Diagram ... 42
3.5.4 Class Diagram ... 50
3.6 Perancangan Database ... 51
3.6.1 Rancangan ERD ... 52
3.6.2 Relasi Antar Tabel... 53
3.6.3 Tabel Fisik ... 53
3.7 Perancangan Interface ... 58
3.7.1 Halaman Login Admin... 58
3.7.2 Halaman Admin ... 58
3.7.3 Halaman Home ... 59
3.7.4 Halaman Product ... 60
3.7.5 Halaman About ... 61
xii
3.7.6 Halaman Message ... 61
3.7.7 Halaman Order... 62
3.7.8 Halaman Confirm Payment ... 62
BAB IV IMPLEMENTASI DAN PENGUJIAN ... 63
4.1 Implementasi Sistem ... 63
4.1.1 Halaman Login ... 63
4.1.2 Halaman Menu Category ... 64
4.1.3 Halaman Menambah Category ... 64
4.1.4 Halaman Mengedit Data Category... 65
4.1.5 Halaman Menghapus Data Category ... 66
4.1.6 Halaman Data Product ... 67
4.1.7 Halaman Menambah Data Product ... 68
4.1.8 Halaman Mengedit Data Product... 69
4.1.9 Halaman Menghapus Data Product ... 70
4.1.10 Halaman Data User ... 71
4.1.11 Halaman Mengedit Data User ... 72
4.1.12 Halaman Menghapus Data User ... 73
4.1.13 Halaman Profile Admin ... 74
4.1.14 Halaman View Site ... 75
4.1.15 Halaman Menu Order ... 76
4.1.16 Halaman Menu Confirm Payment ... 77
4.1.17 Halaman Menu Pages ... 78
4.1.18 Halaman Menambah Pages... 79
4.1.19 Halaman Mengedit Data page ... 80
4.1.20 Halaman Menghapus Data page ... 81
4.1.21 Halaman Home ... 82
4.1.22 Halaman Menu Product ... 83
4.1.23 Halaman Menu About ... 84
4.1.24 Halaman Menu How To Shop ... 85
4.1.25 Halaman Menu Profile Customer ... 86
4.1.26 Halaman Menu Contact Us ... 87
4.1.28 Tampilan Konfirmasi E-mail ... 89
4.1.29 Halaman Add To Cart ... 90
4.1.30 Halaman Order Cart ... 91
4.1.31 Halaman Menghapus Produk yang Dipesan ... 92
4.1.32 Halaman Menu Order Confirmation ... 93
4.1.33 Halaman Menu Order History ... 94
4.1.34 Halaman OrderDetail... 95
4.1.35 Halaman Payment Confirmation ... 96
4.1.36 Halaman Menu Order History setelah Konfirmasi ... 97
4.2 Pengujian ... 98
BAB V ... 104
5.1 Kesimpulan ... 104
5.2 Saran ... 104
DAFTAR PUSTAKA ... 105
xiv
DAFTAR TABEL
Nama Tabel Halaman
Tabel 2. 1: Komponen Use Case Diagram ... 15
Tabel 2. 2: Komponen Activity Diagram ... 16
Tabel 3. 1: SRS Fungsional E-Commerce ... 25
Tabel 3. 2: SRS Non Fungsional E-Commerce ... 28
Tabel 3. 3. Tabel Pages ... 53
Tabel 3. 4. Tabel User ... 54
Tabel 3. 5. Tabel Categories ... 54
Tabel 3. 6. Tabel Product ... 55
Tabel 3. 7. Tabel Orders ... 56
Tabel 3. 8. Tabel Order_details ... 56
Tabel 3. 9. Tabel Confirmations ... 57
Tabel 3. 10. Tabel Slides ... 57
xv
DAFTAR GAMBAR
Nama Gambar Halaman
Gambar 2. 1: Komponen Sequence Diagram ... 17
Gambar 3. 1: Proses Bisnis Konvensional ... 21
Gambar 3. 2: Proses Bisnis Sistem E-Commerce ... 22
Gambar 3. 3: Use Case Diagram Admin ... 29
Gambar 3. 4: Use Case Diagram Member ... 29
Gambar 3. 5:Activity Diagram Memanajemen Data Admin ... 31
Gambar 3. 6: Activity Diagram Memanajemen Data Kategori ... 33
Gambar 3. 7:Activity Diagram Memanajemen Data Member ... 34
Gambar 3. 8: Activity Diagram Memanajemen Data Message ... 35
Gambar 3. 9: Activity Diagram Memanajemen Data Order ... 36
Gambar 3. 10: Activity Diagram Memanajemen Data Payment ... 37
Gambar 3. 11: Activity Diagram Memanajemen Data Product ... 38
Gambar 3. 12: Activity Diagram Member Memesan Product ... 39
Gambar 3. 13: Activity Diagram Member Mengirim Konfirmasi Payment ... 40
Gambar 3. 14: Activity Diagram Member Melihat Data Product ... 41
Gambar 3. 15: Activity Diagram Member Mengirim Message ... 41
Gambar 3. 16: Sequence Diagram Admin Memanajemen Data Admin ... 42
Gambar 3. 17: Sequence Diagram Admin Memanajemen Data Member ... 43
Gambar 3. 18: Sequence Diagram Admin Memanajemen Data Message ... 43
Gambar 3. 19: Sequence Diagram Admin Memanajemen Data Category ... 44
Gambar 3. 20: Sequence Diagram Admin Memanajemen Data Product ... 45
Gambar 3. 21: Sequence Diagram Admin Memanajemen Data Order ... 46
Gambar 3. 22: Sequence Diagram Admin Memanajemen Data Payment ... 47
Gambar 3. 23: Sequence Diagram Member Memesan Product ... 48
Gambar 3. 24: Sequence Diagram Member Mengirim Konfirmasi Payment ... 48
Gambar 3. 25: Sequence Diagram Member Melihat Product ... 49
Gambar 3. 26: Sequence Diagram Member Mengirim Message ... 50
Gambar 3. 27: Class DiagramE-Commerce ... 51
Gambar 3. 28: ERD Sistem E-Commerce ... 52
xvi
Gambar 3. 29: Relasi Antar Tabel E-Commerce ... 53
Gambar 3. 30. Racangan Halaman Login Admin ... 58
Gambar 3. 31. Rancangan Halaman Admin... 59
Gambar 3. 32. Rancangan Halaman Home ... 60
Gambar 3. 33. Rancangan Halaman Product ... 60
Gambar 3. 34. Rancangan Halaman About ... 61
Gambar 3. 35. Rancangan Halaman Contact Us ... 61
Gambar 3. 36. Rancangan Halaman Order ... 62
Gambar 3. 37. Rancangan Halaman Confirm Payment ... 62
Gambar 4. 1. Halaman Login Admin ... 63
Gambar 4. 2. Halaman Menu Category ... 64
Gambar 4. 3. Halaman Menambah Category ... 65
Gambar 4. 4. Halaman Mengedit Data Category ... 66
Gambar 4. 5. Halaman Menghapus Data Category ... 67
Gambar 4. 6. Halaman Data Product ... 68
Gambar 4. 7. Halaman Menambah Data Product ... 69
Gambar 4. 8. Halaman Mengedit Data Product ... 70
Gambar 4. 9. Halaman Menghapus Data Product ... 71
Gambar 4. 10. Halaman Data User ... 72
Gambar 4. 11. Halaman Mengedit Data User ... 73
Gambar 4. 12. Halaman Menghapus Data User ... 74
Gambar 4. 13. Halaman Profile Admin ... 75
Gambar 4. 14. Halaman View Site ... 76
Gambar 4. 15. Halaman Menu Order ... 77
Gambar 4. 16. Halaman Menu Order Detail ... 78
Gambar 4. 17. Halaman Menu Pages ... 79
Gambar 4. 18. Halaman Menambah Data page ... 80
Gambar 4. 19. Halaman Mengedit Data page ... 81
Gambar 4. 20. Halaman Menghapus Data page ... 82
Gambar 4. 21. Halaman Home ... 83
Gambar 4. 22. Halaman Product ... 84
Gambar 4. 23. Halaman Menu About ... 85
Gambar 4. 24. Halaman Menu Message ... 86
Gambar 4. 26. Halaman Menu Contact Us ... 88
Gambar 4. 27. Halaman Register Customer ... 89
Gambar 4. 28. Tampilan Konfirmasi E-mail ... 90
Gambar 4. 29. Halaman Add To Cart ... 91
Gambar 4. 30. Halaman Order Cart ... 92
Gambar 4. 31. Halaman Menghapus Produk yang Dipesan ... 93
Gambar 4. 32. Halaman Menu Order Confirmation ... 94
Gambar 4. 33. Halaman Menu Order History ... 95
Gambar 4. 34. Halaman Order Detail ... 96
Gambar 4. 35. Halaman Payment Confirmation ... 97
Gambar 4. 36. Halaman Order History ... 98
xviii
INTISARI
Ulfah Chasanah, 2016, PEMBUATAN E-COMMERCE CV. WIJAYATAMA MADIUN DENGAN BERBASIS FRAMEWORK CODEIGNITER. Program Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret, Surakarta.
CV. Wijayatama merupakan salah satu distributor yang menjual produk-produk elektronik di bidang IT seperti printer, komputer, dan perlengkapan perkantoran, seperti meja kantor, meja rapat, kursi kantor, kursi tunggu. Kendala yang dihadapi CV. Wijayatama dalam mengembangkan usahanya adalah pemasaran dalam menjual produk kepada para customer yang masih terbatas jarak dan waktu karena pembelian hanya dilayani jika customer datang langsung ke toko. Sistem perekapan data transaksi yang masih secara manual. Selain itu, belum adanya sistem bagi customer mencetak rincian barang-barang yang dipesan (invoice). Serta kesulitan dalam pengecekan setiap customer melakukan transfer pembayaran ke rekening CV. Wijayatama.
Berdasarkan permasalahan di atas maka dibutuhkan sebuah sistem informasi Penjualan Online atau E-Commerce CV. Wijayatama agar dapat mempermudah memasarkan produk dari CV. Wijayatama, memudahkan perekapan data produk dan mempermudah dalam pemesanan produk yang dijual. Dengan menambahkan menu cetak invoice, mempermudah customer dalam mencetak rincian pemesanan barang-barang.
Aplikasi ini terdiri dari dua hak akses yaitu admin dalam mengelola data produk, data member dan data pemesanan dari customer. Hak akses lainnya yaitu customer yang dapat melihat dan memesan produk secara online. Aplikasi ini dirancang menggunakan metode UML (Unifed Modelling Language) dan dibanggun dengan Codeigniter PHP Framework.
ABTRACT
Ulfah Chasanah, 2016, THE E-COMMERCE DEVELOPMENT IN CV. WIJAYATAMA MADIUN WITH BASIS OF CODEIGNITER FRAMEWORK. Diploma III Informatics Engineering, Mathematics and Natural Science Faculty, Sebelas Maret University, Surakarta.
CV. Wijayatama is one of the distributors who sell electronic products in the field of IT such as printers, computers, and office equipment, such as office desks, conference table, office chair, waiting. The obstacles faced by CV. Wijayatama in developing a business is marketing in selling products to the customer is still limited because of the distance and time of purchase is only served if the customer come to your store. Entry system of transaction data is still done manually. Moreover, the absence of a system for customers to print details of items ordered (invoice). As well as difficulties in checking every customer make transfer payments to the account of the CV. Wijayatama.
Based on the above issues it needed an information system Online Shop or E-Commerce CV. Wijayatama in order to facilitate the marketing of products from CV. Wijayatama, entry of product data is easily and simplify the ordering of products sold. By adding a print menu invoices, facilitate customer in print booking details belongings.
The application consists of two permissions are admin manage product data, member data and booking data from the customer. Other access rights that customers can view and order products online. This app is designed using UML (Unifed Modeling Language) and dibanggun with PHP CodeIgniter Framework.
Keywords: Online Store, Wijayatama, CodeIgniter, Invoice
