Pembuatan E-Commerce pada Paguyuban Pedagang Batik Kauman Menggunakan Framework Codeigniter.

PEMBUATAN E-COMMERCE PADA PAGUYUBAN PEDAGANG BATIK
KAUMAN MENGGUNAKAN FRAMERWORK CODEIGNITER
Tugas Akhir
Diajukan Untuk Memenuhi Salah Satu Syarat Dalam Memperoleh Gelar Ahli Madya
Pada Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret

Disusun oleh :
NISRINA ALIFAH
NIM. M3113110

PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
2016

i

ii

iii


HALAMAN PERNYATAAN

Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini tidak
terdapat suatu karya yang pernah diajukan untuk memperoleh Ahli Madya di suatu
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, 2 Juni 2016

(Nisrina Alifah)
NIM. M3113110

iv

MOTTO




To accomplish great things, we must not only act, but also dream; not only
plan, but also believe.
(Anatole France)



Dream as if you’ll live forever, live as if you’ll die today.
(James Dean)



“Sesungguhnya yang sukses diakhir perjalanan adalah orang yang kembali
kepada Allah di awal perjalanan”
(Ibnu Athaillah As Sakandari)



Dan Katakanlah “Bekerjalah kamu, maka Allah dan Rasul-Nya serta orangorang mukmin akan melihat pekerjaanmu itu”
(QS. At-Taubah : 105)




Fokus pada satu keinginan memungkinkan pencapaian banyak keinginan.
(Mario Teguh)

v

HALAMAN PERSEMBAHAN

Sebuah karya tulisan ini kupersembahkan untuk :
1. Allah SWT yang senantiasa melimpahkan kemudahan, rahmat, dan
hidayahNya.
2. Bapak dan ibuku yang senantiasa memberikan motivasi dan dorongan serta
mendoakan saya.
3. Kakak, adik, serta keluarga yang senantiasa memberikan dukungan kepada
saya.
4. Ibu Hartatik yang telah membimbing saya.
5. Teman-teman D3 Teknik Informatika UNS, khususnya kelas Teknik
Informatika C 2013.
6. Para pembaca yang budiman.


vi

KATA PENGANTAR
Assalamu ‘alaikum Wr. Wb.
Segala puji dan syukur kepada Tuhan Yang Maha Esa atas segala rahmatNya
sehingga akhirnya penyusun mampu menyelesaikan Tugas Akhir dan menyusun
laporan yang berjudul “Pembuatan E-Commerce Pada Paguyuban Pedagang Batik
Kauman Menggunakan Framerwork Codeigniter” dengan tepat waktu. Laporan Tugas
Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Amd
pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret
Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penyusun
telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penyusun
mengucapkan terima kasih yang tak terhingga kepada:
1. Tuhan Yang Maha Esa yang telah melimpahkan rahmat-Nya sehingga
penyusun dapat menyelesaikan laporan Tugas Akhir ini.
2. Bapak Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons)., Ph.D. selaku Pimpinan
Fakultas MIPA Universitas Sebelas Maret yang memberikan izin kepada
penyusun untuk belajar.
3. Bapak Abdul Aziz, S. Kom., M. Cs. selaku Ketua Program Studi Diploma

III Teknik Informatika Universitas Sebelas Maret yang memberikan izin
kepada penyusun untuk belajar.
4. Ibu Hartatik, M. Si. selaku dosen pembimbing yang telah dengan penuh
kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik kepada
penyusun.
5. Para Dosen Program Studi Diploma III Teknik Informatika Universitas
Sebelas Maret yang telah memberikan bekal ilmu kepada penyusun.
6. Para Karyawan/wati Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret yang telah membantu penyusun dalam proses
belajar.

vii

7. Segenap Keluarga tercinta yang selalu memberikan dukungan dan semangat
serta dukungan moril dan materil.
8. Semua teman-teman seperjuangan D3 Teknik Informatika angkatan 2011.
9. Dan semua pihak yang telah membantu penulis menyelesaikan laporan Tugas
Akhir ini yang tidak bisa penulis sebutkan satu persatu.
Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh dari
sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat membangun

sangat penulis harapkan. Akhir kata, semoga tulisan ini dapat memberikan manfaat dan
memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penyusun
sendiri.
Wassalamu ‘alaikum Wr. Wb.
Surakarta, 02 Juni 2016

Penulis,

viii

DAFTAR ISI

HALAMAN PERSETUJUAN ...................................................................................... ii
HALAMAN PENGESAHAN ...................................................................................... iii
HALAMAN PERNYATAAN ..................................................................................... iv
MOTTO ........................................................................................................................ v
HALAMAN PERSEMBAHAN .................................................................................. vi
KATA PENGANTAR ................................................................................................ vii
DAFTAR ISI ................................................................................................................ ix
DAFTAR TABEL ...................................................................................................... xiii

DAFTAR GAMBAR ................................................................................................. xiv
INTISARI.................................................................................................................... 16
ABSTRACT ................................................................................................................ 17
BAB I PENDAHULUAN ........................................... Error! Bookmark not defined.
1.1 Latar Belakang .................................................. Error! Bookmark not defined.
1.2 Perumusan Masalah ........................................... Error! Bookmark not defined.
1.3 Tujuan Penelitian ............................................... Error! Bookmark not defined.
1.4 Manfaat Penulisan ............................................. Error! Bookmark not defined.
1.5 Batasan Masalah ................................................ Error! Bookmark not defined.
1.6 Metodologi Penelitian ....................................... Error! Bookmark not defined.
1.7 Sistematika Penulisan ........................................ Error! Bookmark not defined.
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI .. Error! Bookmark not
defined.
2.1 Tinjauan Pustaka ............................................... Error! Bookmark not defined.
2.2 Landasan Teori .................................................. Error! Bookmark not defined.
2.2.1 E-commerce ................................................ Error! Bookmark not defined.
2.2.2 Batik ............................................................ Error! Bookmark not defined.
2.2.3 Framework Codeigniter ............................. Error! Bookmark not defined.
2.2.4 Basis Data .................................................. Error! Bookmark not defined.
2.2.5 Entity Relationship Diagram (ERD) .......... Error! Bookmark not defined.


ix

2.2.6 Use Case Diagram ..................................... Error! Bookmark not defined.
2.2.7 Class Diagram ............................................ Error! Bookmark not defined.
2.2.8 Sequence Diagram ..................................... Error! Bookmark not defined.
2.2.9 Pengujian Black Box ................................... Error! Bookmark not defined.
BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM ............ Error!
Bookmark not defined.
3.1 Proses Bisnis...................................................... Error! Bookmark not defined.
3.2 SRS (System Requirement Specification) ......... Error! Bookmark not defined.
3.2.2 SRS Fungsional ........................................... Error! Bookmark not defined.
3.2.3 SRS Non Fungsional ................................... Error! Bookmark not defined.
3.3 Use Case Diagram ............................................. Error! Bookmark not defined.
3.4 Use Case Specification ...................................... Error! Bookmark not defined.
3.4.1 Use Case Specification Mengelola Data Customer ... Error! Bookmark not
defined.
3.4.2 Use Case Specification Mengelola Data Supplier ..... Error! Bookmark not
defined.
3.4.3 Use Case Specification Mengelola Data Produk ....... Error! Bookmark not

defined.
3.4.4 Use Case Specification Mengelola Data Jenis Produk .... Error! Bookmark
not defined.
3.4.5 Use Case Specification Mengelola Data Pemesanan . Error! Bookmark not
defined.
3.4.6 Use Case Specification Mengelola Data Detail Pemesanan ................ Error!
Bookmark not defined.
3.4.7 Use Case Specification Mengelola Data Wilayah Pengiriman ............ Error!
Bookmark not defined.
3.4.8 Use Case Specification Mengelola Data Invoice ....... Error! Bookmark not
defined.
3.4.9 Use Case Specification Melakukan Konfirmasi Status Barang yang
Dipesan Customer ................................................ Error! Bookmark not defined.
3.4.10 Use Case Specification Mengelola Data Produk Supplier................. Error!
Bookmark not defined.
3.4.11 Use Case Specification Melakukan Pemesanan ...... Error! Bookmark not
defined.
3.5 ERD ................................................................... Error! Bookmark not defined.
x


3.6 Sequence Diagram ............................................. Error! Bookmark not defined.
3.6.1 Sequence Diagram Melihat data supplier ... Error! Bookmark not defined.
3.6.2 Sequence Diagram Menambah data supplier............. Error! Bookmark not
defined.
3.6.3 Sequence Diagram Mengubah data supplier ............. Error! Bookmark not
defined.
3.6.4 Sequence Diagram Menghapus data supplier ............ Error! Bookmark not
defined.
3.6.5 Sequence Diagram Melihat data product .... Error! Bookmark not defined.
3.6.6 Sequence Diagram Menambah data product ............. Error! Bookmark not
defined.
3.6.7 Sequence Diagram Mengubah data product Error! Bookmark not defined.
3.6.8 Sequence Diagram Menghapus data product............. Error! Bookmark not
defined.
3.6.9 Sequence Diagram Melihat data product type ........... Error! Bookmark not
defined.
3.6.10 Sequence Diagram Menambah data product type ... Error! Bookmark not
defined.
3.6.11 Sequence Diagram Mengubah data product type .... Error! Bookmark not
defined.

3.6.12 Sequence Diagram Menghapus data product type ... Error! Bookmark not
defined.
3.6.13 Sequence Diagram Melihat data order details ......... Error! Bookmark not
defined.
3.6.14 Sequence Diagram Menambah data order details.... Error! Bookmark not
defined.
3.6.15 Sequence Diagram Mengubah data order details .... Error! Bookmark not
defined.
3.6.16 Sequence Diagram Menghapus data order details ... Error! Bookmark not
defined.
3.6.17 Sequence Diagram Melihat data orders .... Error! Bookmark not defined.
3.6.18 Sequence Diagram Menambah data orders ............. Error! Bookmark not
defined.
3.6.19 Sequence Diagram Mengubah data orders Error! Bookmark not defined.

xi

3.6.20 Sequence Diagram Menghapus data orders ............. Error! Bookmark not
defined.
3.6.21 Sequence Diagram Melihat data wilayah . Error! Bookmark not defined.
3.6.22 Sequence Diagram Menambah data wilayah........... Error! Bookmark not
defined.
3.6.23 Sequence Diagram Mengubah data wilayah ........... Error! Bookmark not
defined.
3.6.24 Sequence Diagram Menghapus data wilayah .......... Error! Bookmark not
defined.
3.6.25 Sequence Diagram Melihat data customer Error! Bookmark not defined.
3.6.26 Sequence Diagram Menambah data customer ......... Error! Bookmark not
defined.
3.6.27 Sequence Diagram Mengubah data customer .......... Error! Bookmark not
defined.
3.6.28 Sequence Diagram Menghapus data customer ........ Error! Bookmark not
defined.
3.6.29 Sequence Diagram Melihat data invoice .. Error! Bookmark not defined.
3.6.30 Sequence Diagram Menambah data invoice ............ Error! Bookmark not
defined.
3.6.31 Sequence Diagram Mengubah data invoice............. Error! Bookmark not
defined.
3.6.32 Sequence Diagram Menghapus data invoice ........... Error! Bookmark not
defined.
3.7 Class Diagram ................................................... Error! Bookmark not defined.
3.8 Desain Database................................................ Error! Bookmark not defined.
3.8.1 Tabel Supplier ............................................. Error! Bookmark not defined.
3.8.2 Tabel Product .............................................. Error! Bookmark not defined.
3.8.3 Tabel Product Type ..................................... Error! Bookmark not defined.
3.8.4 Tabel Orders ............................................... Error! Bookmark not defined.
3.8.5 Tabel Order Details ..................................... Error! Bookmark not defined.
3.8.6 Tabel Wilayah ............................................. Error! Bookmark not defined.
3.8.7 Tabel Customer ........................................... Error! Bookmark not defined.
3.8.8 Tabel Invoice .............................................. Error! Bookmark not defined.
3.9

Desain Tampilan Antarmuka........................ Error! Bookmark not defined.

xii

3.9.2 Desain Tampilan Login .............................. Error! Bookmark not defined.
3.9.2 Desain Tampilan Manajemen Data Supplier ............. Error! Bookmark not
defined.
3.9.3 Desain Tampilan Manajemen Data Customer ........... Error! Bookmark not
defined.
3.9.4 Desain Tampilan Manajemen Data Product .............. Error! Bookmark not
defined.
3.9.5 Desain Tampilan Halaman Manajemen Data Order . Error! Bookmark not
defined.
3.9.6 Desain Tampilan Halaman Manajemen Data Order Details ............... Error!
Bookmark not defined.
3.9.7 Desain Tampilan Halaman Manajemen Data Invoice Error! Bookmark not
defined.
BAB IV IMPLEMENTASI DAN ANALISA ............ Error! Bookmark not defined.
4.1 Implementasi Sistem ......................................... Error! Bookmark not defined.
4.1.1 Halaman Home ........................................... Error! Bookmark not defined.
4.1.2 Tampilan Admin ......................................... Error! Bookmark not defined.
4.1.3. Tampilan Customer.................................... Error! Bookmark not defined.
4.1.4 Tampilan Supplier....................................... Error! Bookmark not defined.
4.2

Pengujian ...................................................... Error! Bookmark not defined.

4.2.1 Rancangan Pengujian .................................. Error! Bookmark not defined.
4.2.2 Kasus dan Hasil Pengujian ......................... Error! Bookmark not defined.
BAB V PENUTUP ...................................................... Error! Bookmark not defined.
5.1 Kesimpulan ....................................................... Error! Bookmark not defined.
5.2 Saran ................................................................. Error! Bookmark not defined.
DAFTAR PUSTAKA ................................................. Error! Bookmark not defined.

xiii

DAFTAR TABEL

Tabel 3.3 Supplier .......................................................................................................51
Tabel 3.4 Product.........................................................................................................52
Tabel 3.5 Product Type................................................................................................53
Tabel 3.6 Orders .........................................................................................................53
Tabel 3.7 Order Details................................................................................................54
Tabel 3.8 Wilayah .......................................................................................................54
Tabel 3.9 Customer .....................................................................................................55
Tabel 3.10 Invoice.......................................................................................................55
Tabel 3.11 Admin .......................................................................................................56

xiv

DAFTAR GAMBAR

Gambar 2.1 Model-View-Controller.............................................................................6
Gambar 2.2 Class Diagram menurut ObjectAid.com .................................................13
Gambar 3.1 Use Case Diagram...................................................................................24
Gambar 3.2 ERD .........................................................................................................38
Gambar 3.3 Sequence Diagram Melihat data supplier ...............................................39
Gambar 3.4 Sequence Diagram menambah data supplier..........................................39
Gambar 3.5 Sequence Diagram mengubah data supplier...........................................40
Gambar 3.6 Sequence Diagram menghapus data supplier .........................................40
Gambar 3.7 Sequence Diagram Melihat data product................................................41
Gambar 3.11 Sequence Diagram melihat data product type.......................................41
Gambar 3.12 Sequence Diagram menambah data product type .................................42
Gambar 3.13 Sequence Diagram mengubah data product type ..................................42
Gambar 3.14 Sequence Diagram menghapus data product type.................................43
Gambar 3.15 Sequence Diagram melihat data order details .......................................43
Gambar 3.19 Sequence Diagram melihat data order..................................................44
Gambar 3.23 Sequence Diagram melihat data wilayah..............................................44
Gambar 3.23 Sequence Diagram menambah data wilayah ........................................45
Gambar 3.25 Sequence Diagram mengubah data wilayah .........................................45
Gambar 3.26 Sequence Diagram menghapus data wilayah........................................46
Gambar 3.27 Sequence Diagram melihat data customer ............................................46
Gambar 3.31 Sequence Diagram melihat data invoice ...............................................47
Gambar 3.32 Sequence Diagram menambah data invoice..........................................47
Gambar 3.33 Sequence Diagram mengubah data invoice ..........................................48
Gambar 3.34 Sequence Diagram menghapus data invoice.........................................48
Gambar 3.35 Class Diagram .......................................................................................50
Gambar 3.36 Database Design....................................................................................51
Gambar 3.37 Desain Tampilan Utama........................................................................57
Gambar 3.38 Desain Halaman Login..........................................................................58
Gambar 3.39 Desain Tampilan Manajemen Data Supplier ........................................59
Gambar 3.40 Desain Tampilan Manajemen Customer...............................................59
Gambar 3.41 Desain Tampilan Manajemen Product..................................................60
Gambar 3.42 Desain Tampilan Manajemen Orders ...................................................61
Gambar 3.43 Desain Tampilan Manajemen Order Details ........................................61
Gambar 3.44 Desain Tampilan Manajemen Invoice...................................................62

xv

Gambar 4.1 Tampilan Login .......................................................................................63
Gambar 4.2 Tampilan Home Customer ......................................................................64
Gambar 4.3 Tampilan Home Admin...........................................................................64
Gambar 4.4 Tampilan Manajemen Data Supplier.......................................................65
Gambar 4.5 Tampilan Manajemen Data Product .......................................................66
Gambar 4.6 Tampilan Manajemen Data Product Type ..............................................66
Gambar 4.7 Tampilan Manajemen Data Order Details..............................................67
Gambar 4.8 Tampilan Manajemen Data Orders.........................................................68
Gambar 4.9 Tampilan Manajemen Data Wilayah.......................................................68
Gambar 4.10 Tampilan Manajemen Data Customer...................................................69
Gambar 4.11 Tampilan Manajemen Pemesanan.........................................................69
Gambar 4.12 Tampilan Manajemen Data Keranjang .................................................70
Gambar 4.13 Tampilan Manajemen Akun..................................................................70
Gambar 4.14 Tampilan Manajemen Product..............................................................71
Gambar 4.5 Tampilan Manajemen Data Pemesanan ..................................................72

xvi

INTISARI

Nisrina Alifah. M3113110. PEMBUATAN E-COMMERCE PADA PAGUYUBAN
PEDAGANG BATIK KAUMAN MENGGUNAKAN FRAMERWORK CODEIGNITER.
Program DIII Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas
Sebelas Maret.
Batik merupakan salah satu pakaian tradisional yang menjadi ciri khas dan kebanggaan
bagi bangsa Indonesia, dimana batik juga telah dikenal secara luas baik dalam skala nasional dan
internasional. Peluang dalam kegiatan bisnis penjualan batik yang meningkat beberapa waktu ini
dilihat oleh banyak pihak sebagai prospek yang menjanjikan. Penjualan batik secara umum di
beberapa wilayah di Indonesia masih dilakukan dengan cara yang sederhana dan klasik. Untuk
dapat menjangkau lebih banyak pelanggan serta memperluas area pemasaran sekaligus promosi
batik, maka diperlukan media yang dapat menunjang kegiatan promosi, transaksi penjualan dan
informasi batik dengan optimal. Salah satu media yang menjadi perhatian masyarakat sekarang ini
adalah dengan menggunakan media website online.
E-Commerce merupakan salah satu kegiatan transaksi bisnis baik barang dan jasa yang
dilakukan secara elektronik dengan menggunakan jaringan internet. Dengan peranan media
website dapat digunakan untuk meningkatkan omset penjualan dan juga sebagai media sarana
dalam memasarkan produk batik yang mereka miliki untuk menjangkau pasar yang lebih luas lagi
serta dapat meminimalkan biaya-biaya operasional seperti biaya iklan dan juga biaya sewa toko
secara fisik.
Kata kunci – Batik, e-commerce, toko online.

17

ABSTRACT

Nisrina

Alifah.

M3113110.

BATIK

TRADERS

MANUFACTURING

ASSOCIATION

IN

OF

KAOEMAN

ONLINE
USING

SELLERS

ON

CODEIGNITER

FRAMEWORK. DIII Informatics Engineering Faculty of Mathematics and Sciences
Sebelas Maret University.
Batik is one of the traditional clothing that became the hallmark of and pride to the
people of Indonesia, where batik has also been widely known both in the national and
international scale. Opportunities in business sales increased some batik this time is
seen by many as a promising prospect. Batik in general sales in some parts of Indonesia
is still done in a way that is simple and classic. To be able to reach more customers
and expand its marketing area at the same time the promotion of batik, then needed a
media that can support the activities of promotion, sales and transaction information
of batik is optimal. One of the media of concern society nowadays is to use online media
website.
E-Commerce is one of the activities of the business transactions both goods and
services are conducted electronically using the internet. With the role of the media
website can be used to increase the sales turnover and also as a means of media in
marketing products batik which they have to reach out to a wider market again and
can minimize operational costs such as the cost of advertising and also the cost to rent
the store physically.
Keywords - Batik, online store.

18