Pembuatan E-Commerce CV. Wijayatama Madiun dengan Berbasis Framework Codeigniter Halaman Awal
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
i
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
ii
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
iii
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
ULFAH CHASANAH
M3113142
iii
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
iv
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”
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
sahabat di surga, Aamiin,
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
vi
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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
bersifat membangun. Akhir kata, penulis berharap semoga laporan Tugas Akhir
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
viii
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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.8
Use Casa Diagram .......................................................................... 13
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
xi
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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.27
Halaman Register Customer ........................................................... 88
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
xiii
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 Order Detail..................................................................... 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
Tabel 4. 1. Tabel Pengujian ............................................................................... 98
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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 Diagram E-Commerce..................................................... 51
Gambar 3. 28: ERD Sistem E-Commerce ......................................................... 52
xv
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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. 25. Halaman Menu Profile .............................................................. 87
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
xvii
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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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 produkproduk 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.
Kata Kunci : Toko Online, Wijayatama, Codeigniter, Invoice
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
xix
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 ECommerce 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
commit to user
digilib.uns.ac.id
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
i
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
ii
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
iii
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
ULFAH CHASANAH
M3113142
iii
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
iv
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”
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
sahabat di surga, Aamiin,
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
vi
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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
bersifat membangun. Akhir kata, penulis berharap semoga laporan Tugas Akhir
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
viii
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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.8
Use Casa Diagram .......................................................................... 13
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
xi
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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.27
Halaman Register Customer ........................................................... 88
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
xiii
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 Order Detail..................................................................... 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
Tabel 4. 1. Tabel Pengujian ............................................................................... 98
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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 Diagram E-Commerce..................................................... 51
Gambar 3. 28: ERD Sistem E-Commerce ......................................................... 52
xv
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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. 25. Halaman Menu Profile .............................................................. 87
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
xvii
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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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 produkproduk 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.
Kata Kunci : Toko Online, Wijayatama, Codeigniter, Invoice
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
xix
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 ECommerce 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
commit to user