PEMBUATAN E -COMMERCE CV. WIJAYATAMA MADIUN … filevi Teman -teman TIC 2013, terimakasih atas segal...

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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii


commit to user

iii


commit to user

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

ULFAH CHASANAH

M3113142


commit to user

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

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

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

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

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

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

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

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

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

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

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 Diagram E-Commerce ..................................................... 51

Gambar 3. 28: ERD Sistem E-Commerce ......................................................... 52


commit to user

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

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

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.

Kata Kunci : Toko Online, Wijayatama, Codeigniter, Invoice


commit to user

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 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


commit to user

PEMBUATAN E -COMMERCE CV. WIJAYATAMA MADIUN … filevi Teman -teman TIC 2013, terimakasih atas segal...

Documents

Transcript of PEMBUATAN E -COMMERCE CV. WIJAYATAMA MADIUN … filevi Teman -teman TIC 2013, terimakasih atas segal...