commit to user
i
PEMBUATAN TOKO ONLINE UNTUK BATIK MORINDA
TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya
Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sebelas Maret Surakarta
Disusun Oleh:
PRASETYOWATI WAHID AZIS UTAMI
NIM. M3110118
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
commit to user
ii
HALAMAN PERSETUJUAN
PEMBUATAN TOKO ONLINE UNTUK BATIK MORINDA
Disusun Oleh:
PRASETYOWATI WAHID AZIS UTAMI
NIM. M3110118
Tugas akhir ini telah disetujui untuk dipertahankan
di hadapan dewan penguji pada tanggal 17 Juli 2013
Pembimbing Utama
Abdul Aziz, S.Kom., M.Cs.
commit to user
iii
HALAMAN PENGESAHAN
PEMBUATAN TOKO ONLINE UNTUK BATIK MORINDA
Disusun Oleh.
PRASETYOWATI WAHID AZIS UTAMI NIM. M3110118
Dibimbing oleh. Pembimbing Utama
Abdul Aziz, S.Kom., M.Cs.
NIP. 19810413200501 1001
Tugas akhir ini telah diterima dan disahkan oleh dewan penguji tugas akhir Program Diploma III Teknik Informatika
Pada hari Rabu tanggal 17 Juli 2013 Dewan Penguji:
1. Abdul Aziz, S.Kom., M.Cs. ( )
NIP. 1981041 320050 1 1001
2. Liliek Triyono S.T, M.Kom ( )
NIDN. 0620048402
3. Didiek Sri Wiyono, S.T., M.T ( )
NIP. 1975033 120050 1 1001
Disahkan Oleh : Dekan Fakultas MIPA
Universitas Sebelas Maret
Ketua Program Studi Diploma III Teknik Informatika
UNS
Prof. Ir. Ari Handono Ramelan, M.Sc (Hons), Ph.D. NIP. 19610223 198601 1 001
commit to user
iv ABSTRACT
Prasetyowati Wahid Azis Utami, 2013. THE DEVELOPING OF ONLINE
SHOP OF MORINDA BATIK. Diploma III of Informatics Engineering, Faculty of Mathematic and Natural Science, Sebelas Maret University Surakarta.
Morinda batik shop is one of a shop which produces many kinds of qualified batik products. The selling system is rather ineffective neglected the quality of the products. So the marketing point is not really promising and effective. In the case, the making of a new inovation is a must for the company. The Costumers need to have easier access to get the products. For the morinda batik itself, easier access can help costumer to get the developing of the store to be batter. The purpose of this project to built an online shop which will help the costumer to order the product. Ans the system is facilited also by SMS Gateway to broadcast SMS to the member.
The methods which are used to conduct this final paper are data gathering, desain system, desaigning, developing the program, and the writing of the final paper. This online shop is developed with the use of PHP ang gammu, and the database is managed with MySQL.
The online shop of morinda batik has been done succesfully. The system can also give the easier marketing products, ordering by the costumer also, and the use of SMS gateway to giving information new products to member.
commit to user
v ABSTRAK
Prasetyowati Wahid Azis Utami, 2013. PEMBUATAN TOKO ONLINE
UNTUK BATIK MORINDA.Teknik Informatika, Diploma III Teknik
Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.
Toko Batik Morinda merupakan salah satu usaha batik yang telah menghasilkan berbagai produk batik yang berkualitas. Namun dalam sistem penjualannya masih bersifat manual sehingga dalam segi pengembangan dan juga pemasaran produk dirasa masih kurang. Maka perlu adanya suatu sistem dimana dapat memberikan kemudahan bagi para konsumen dalam memesan suatu produk dan bagi toko batik morinda sendiri memudahkan dalam pengenalan produk dan juga pengembangan usaha. Tujuan dari penelitian ini adalah membangun sebuah
toko online untuk Batik Morinda yang akan memberikan kemudahan kepada para
konsumen untuk mengorder produk, dan fasilitas SMS Gateway untuk
memberikan broadcast SMS untuk member.
Metode yang digunakan dalam penyusunan Tugas Akhir ini adalah, pengumpulan data, pembuatan desain dan perancangan sistem, pembuatan sistem,
dan penyusunan laporan tugas akhir. Toko online ini dikembangkan dengan
menggunakan PHP dan Gammu, dan database diolah dengan menggunakan
MySQL.
Telah terbangun Toko Online Untuk Toko Batik Morinda. Sistem ini dapat
memberikan kemudahan dalam pengelolaan dan pengembangan produk dan juga
dalam hal pengorderan produk oleh konsumen, dan penggunaan SMS gateway
untuk memberikan informasi produk terbaru kepada member .
commit to user
vi
HALAMAN MOTTO
Man Jadda Wa Jadda
(Penulis)
Inna Ma’al ‘Usri Yusra : “Sesungguhnya bersama kesulitan ada
kemudahan “
commit to user
vii
HALAMAN PERSEMBAHAN
Tugas Akhir ini Kupersembahkan Kepada :
1. Kedua Orang Tuaku tercinta Bapak Sunaryo
S.Pd dan Ibu Sri Sarmini.
Yang tidak bernah berhenti mendoakan dan
memberikan semangat.
2. Adikku Tercinta Faathir Nur Angga Terima
Kasih atas do’anya.
3. Sahabat-sahabatku tercinta Atin, Vivi, Ima,
Wenny, Rini, Sony, Dewi, Tido,Putra,Taufiq,
terima kasih atas persahabatan yang indah
selama ini.
4. Teman-teman D3 Teknik Informatika C 2010
FMIPA UNS.
5. Teman-teman E-Mailkomp FMIPA UNS
6. Teman- Teman D3 Teknik Informatika FMIPA
commit to user
viii
KATA PENGANTAR
Alhamdulillah, penulis panjatkan puji syukur kepada Allah SWT, dengan segala
rahmad dan nikmat-Nya, sehingga penulis dapat menyelesaikan penulisan laporan
Tugas Akhir dengan judul “PEMBUATAN TOKO ONLINE UNTUK BATIK
MORINDA”. Laporan ini disusun sebagai salah satu syarat kelulusan Program
Studi Diploma III Teknik Informatika Fakultas MIPA Universitas Sebelas Maret
Surakarta.
Dalam penyusunan laporan ini, penulis mendapatkan bantuin, dan bimbingan dari
berbagai pihak. Maka dari itu , pada kesempatan ini penulis mengucapkan terima
kasih kepda pihak-pihak yang membantu baik secara langsung maupun tidak
langsung dalam penyusunan laporan Tugas Akhir ini mulai dari persiapan sampai
tahap penyelesaian, terutama kepada :
1. Drs. YS. Palgunadi, M.Sc, selaku ketua Program DIII Teknik Informatika
Fakultas MIPA Universitas Sebelas Maret.
2. Bapak Abdul Aziz, S.Kom, M.Cs selaku dosen pembimbing, yang dengan
sabar membimbing, mengarahkan, dan memberi petunjuk selama penyusunan
Tugas Akhir.
3. Bapak Liliek Triyono, S.T, M.Kom dan Bapak Didiek Sri Wiyono S.T, M.T
selaku penguji tugas akhir yang telah memberikan kebenaran atas penyusunan
laporan tugas akhir ini.
4. Kedua orang tuaku, Bapak Sunaryo dan Ibu Sri Sarmini yang selalu
mendoakan penulis.
5. Teman – temanku seperjuangan DIII Teknik Informatika 2010 terutama
Teknik Informatika C 2010.
6. Dan semua pihak yang telah membantu penyusunan laporan ini yang tidak
commit to user
ix
Saran, kritik, dan evaluasi yang membangun sangat penulis harapkan untuk
mengembangkan hasil Tugas Akhir ini. Semoga laporan ini bermanfaat bagi
pembaca dan dapat mengembangkan ilmu untuk semua pihak.
Surakarta, Juli 2013
commit to user
x DAFTAR ISI
Halaman
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
HALAMAN ABSTRACT ... iv
HALAMAN ABSTRAK ... v
HALAMAN MOTTO ... vi
HALAMAN PERSEMBAHAN ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... x
DAFTAR TABEL ... xv
DAFTAR GAMBAR ... xvii
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang Masalah ... 1
1.2 Perumusan Masalah ... 2
1.3 Batasan Masalah... 2
1.4 Tujuan Penelitian ... 2
1.5 Manfaat Penelitian ... 2
1.6 Metodologi Penelitian ... 3
1.7 Sistematika Penulisan ... 4
BAB II LANDASAN TEORI ... 6
2.1 Toko Online ... 6
2.2 PHP ... 7
2.3 Basis Data ... 8
2.4 Konsep Dasar Context Diagram(CD) ... 9
2.5 Pengertian Data Flow Diagram(DFD) ... 9
2.6 Pengertian Entity Relationship Diagram(ERD) ... 10
commit to user
xi
2.8 Pengertian MySQL ... 11
2.9 Pengertian HTML ... 12
2.10 CSS ... 12
2.11 Javascript ... 12
2.12 SMS Gateway ... 13
BAB III DESAIN DAN PERANCANGAN ... 15
3.1 Piranti yang diperlukan ... 15
3.2 Perancangan Sistem ... 15
3.2.1 Context Diagram (CD) ... 16
3.2.2 Data Flow Diagram (DFD) ... 17
3.2.2.1 DFD level 0 Toko Online Untuk Batik Morinda ... 17
3.2.2.2 DFD 1 Kontrol SMS ... 19
3.2.2.3 DFD 1 Manajemen Member ... 19
3.2.2.4 DFD 1 Mangemen Produk ... 20
3.2.2.5 DFD 1 Managemen Kategori... 21
3.2.2.6 DFD 1 Managemen Pemesanan... 22
3.2.2.7 DFD 1 Layanan Website ... 23
3.2.2.8 DFD 1 Manajemen Kota ... 24
3.2.2.9 DFD 2 Manajemen Buku Tamu ... 24
3.2.2.10 DFD 2 Manajemen Testimoni ... 25
3.2.3 Perancangan Basis Data ... 26
3.2.3.1 Entity Relationship Diagram (ERD) ... 26
3.2.3.2 Relasi Antar Tabel ... 26
3.2.4 Perancangan Tabel ... 27
3.2.4.1Tabel Admin ... 27
3.2.4.2 Tabel Buku Tamu ... 27
3.2.4.3Tabel Detail pesanan ... 28
3.2.4.4 Tabel Kategori ... 28
3.2.4.5 Tabel Kota ... 28
commit to user
xii
3.2.4.7 Tabel Pengaturan Pesan ... 29
3.2.4.8 Tabel Pesanan ... 30
3.2.4.9 Tabel Produk ... 30
3.2.4.10 Tabel Testimoni ... 31
3.2.5 Desain Tampilan Sistem ... 31
3.2.5.1Rancangan Halaman Awal ... 31
3.2.5.2 Rancangan Halaman Login ... 32
3.2.5.3 Rancangan Halaman Utama Admin... 32
3.2.5.4 Rancangan Halaman Utama Member ... 32
3.2.5.5 Rancangan Halaman Utama Register ... 33
3.2.5.6 Rancangan Halaman Utama Buku Tamu ... 34
3.2.5.7 Rancangan Halaman Utama Data Kategori Produk ... 34
3.2.5.8 Rancangan Halaman Utama Data Produk ... 35
3.2.5.9 Rancangan Halaman Utama Data Member ... 35
3.2.5.10 Rancangan Halaman Utama Data Konfirmasi Pesanan ... 36
3.2.5.11 Rancangan Halaman Utama Data Kota ... 36
3.2.5.12 Rancangan Halaman Utama Pengaturan Broadcast ... 37
3.2.5.13 Rancangan Halaman Utama Pelaporan ... 37
3.2.5.14 Rancangan Halaman Utama History Pesanan ... 38
3.2.5.14 Rancangan Halaman Utama Testimoni ... 38
3.2.5.15 Rancangan Halaman Utama Keranjang Belanja ... 39
BAB IV IMPLEMENTASI DAN ANALISA ... 40
4.1 Implementasi Sistem ... 40
4.1.1 Halaman Menu Utama ... 40
4.1.2 Halaman Utama Menu Cara Beli ... 41
4.1.3 Halaman Utama Menu Buku Tamu ... 42
4.1.4 Halaman Utama Menu Register ... 42
4.1.5 Halaman Utama Menu Login ... 43
4.1.6 Halaman Utama Menu Data Produk ... 43
commit to user
xiii
4.1.8 Halaman Utama Menu Data Pesanan ... 45
4.1.9 Halaman Utama Menu Data Konfiirmasi ... 47
4.1.10 Halaman Utama Menu Data Member ... 47
4.1.11 Halaman Utama Menu Data Kota ... 48
4.1.12 Halaman Utama Menu Data Testimonial ... 49
4.1.13 Halaman Utama Menu Data Buku Tamu ... 50
4.1.14 Halaman Utama Menu Pengaturan Broadcast ... 50
4.1.15 Halaman Utama Menu Laporan ... 51
4.1.16 Halaman Utama Keranjang Belanja ... 53
4.1.17 Halaman Utama Menu Konfirmasi ... 54
4.1.18 Halaman Utama Menu Data Pesanan Member ... 55
4.1.19 Halaman Utama Menu Testimonial ... 55
4.1.20 Tampilan Broadcast Pesan ke Member ... 56
4.1 Evaluasi Sistem ... 56
4.2.1 Menambah Data Kategori ... 56
4.2.2 Menghapus Data Kategori ... 56
4.2.3 Pencarian Data Kategori ... 57
4.2.4 Menambah Data Produk ... 57
4.2.5 Menghapus Data Produk ... 57
4.2.6 Mengedit Data Produk ... 58
4.2.7 Pencarian Data Produk ... 58
4.2.8 Pencarian Data Pesanan ... 58
4.2.9 Mengedit Data Member ... 59
4.2.10 Menghapus Data Member ... 59
4.2.11 Pencarian Data Member ... 59
4.2.12 Menambah Data Kota ... 60
4.2.13 Mengedit Data Kota... 60
4.2.14 Menghapus Data Kota ... 60
4.2.15 Pencarian Data Kota ... 61
4.2.16 Menghapus Data Testimoni ... 61
commit to user
xiv
4.2.18 Menambah Data Broadcast Pesan ... 62
4.2.19 Menghapus Data Broadcast Pesan ... 62
4.2.20 Mengedit Data Broadcast Pesan ... 62
4.2.21 Login Admin ... 63
4.2.22 Login Member ... 63
4.2.23 Konfirmasi Pesanan ... 63
BAB IV PENUTUP ... 64
5.1 Kesimpulan ... 64
5.2 Saran ... 64
commit to user
xv
DAFTAR TABEL
Halaman
Tabel 2.1 Tabel Simbol-simbol Context Diagram ... 9
Tabel 2.2 Tabel Simbol Komponen DFD ... 10
Tabel 2.3 Tabel Simbol ERD ... 11
Tabel 3.1 Tabel Admin ... 27
Tabel 3.2 Tabel buku_tamu ... 28
Tabel 3.3 Tabel detail_pesanan ... 28
Tabel 3.4 Tabel kategori ... 28
Tabel 3.5 Tabel kota ... 29
Tabel 3.6 Tabel member ... 29
Tabel 3.7 Tabel pengaturan_pesan ... 29
Tabel 3.8 Tabel pesanan ... 30
Tabel 3.9 Tabel produk ... 30
Tabel 3.10 Tabel testimonial ... 31
Tabel 4.1 Evaluasi Sistem Menambah Data Kategori ... 56
Tabel 4.2 Evaluasi Sistem Menghapus Data Kategori ... 56
Tabel 4.3 Evaluasi Sistem Pencarian Kategori ... 57
Tabel 4.4 Evaluasi Sistem Menambah Data Produk ... 57
Tabel 4.5 Evaluasi Sistem Menghapus Data Produk ... 57
Tabel 4.6 Evaluasi Sistem Mengedit Data Produk ... 58
Tabel 4.7 Evaluasi Sistem Pencarian Data Produk ... 58
Tabel 4.8 Evaluasi Sistem Pencarian Data Pesanan ... 58
Tabel 4.9 Evaluasi Sistem Mengedit Data Member ... 59
Tabel 4.10 Evaluasi Sistem Menghapus Data Member ... 59
Tabel 4.11 Evaluasi Sistem Pencarian Data Member ... 59
Tabel 4.12 Evaluasi Sistem Menambah Data Kota ... 60
Tabel 4.13 Evaluasi Sistem Mengedit Data Kota ... 60
commit to user
xvi
Tabel 4.15 Evaluasi Sistem Pencarian Data Kota ... 61
Tabel 4.16 Evaluasi Sistem Menghapus Data Testimoni ... 61
Tabel 4.17 Evaluasi Sistem Menghapus Buku Tamu ... 61
Tabel 4.18 Evaluasi Sistem Menambah Data Broadcast Pesan ... 62
Tabel 4.19 Evaluasi Sistem Menghapus Broadcast Pesan ... 62
Tabel 4.20 Evaluasi Sistem Mengedit Broadcast Pesan ... 62
Tabel 4.21 Evaluasi Sistem Login Admin ... 63
Tabel 4.22 Evaluasi Sistem Login Member ... 63
commit to user
xvii
DAFTAR GAMBAR
Halaman
Gambar 3.1 Context Diagram Toko Online untuk Batik Morinda ... 16
Gambar 3.2 DFD Level 0 Toko Online untuk Batik Morinda ... 18
Gambar 3.3 DFD Level 1 Kontrol SMS ... 19
Gambar 3.4 DFD Level 1 Manajemen Member ... 20
Gambar 3.5 DFD Level 1 Manajemen Produk ... 21
Gambar 3.6 DFD Level 1 Manajemen Kategori ... 22
Gambar 3.7 DFD Level 1 Manajemen Pemesanan ... 23
Gambar 3.8 DFD Level 1 Layanan Website ... 23
Gambar 3.9 DFD Level 1 Manajemen Kota ... 24
Gambar 3.10 DFD Level 2 Manajemen Buku Tamu ... 25
Gambar 3.11 DFD Level 2 Manajemen Testimoni ... 25
Gambar 3.12 ERD(Entity Relationship Diagram) ... 26
Gambar 3.13 Relasi Antar Tabel ... 27
Gambar 3.14 Rancangan Halaman Awal ... 31
Gambar 3.15 Rancangan Halaman Login ... 32
Gambar 3.16 Rancangan Halaman Utama Admin ... 32
Gambar 3.17 Rancangan Halaman Utama Member ... 33
Gambar 3.18 Rancangan Halaman Utama Register ... 33
Gambar 3.19 Rancangan Halaman Utama Buku Tamu ... 34
Gambar 3.20 Rancangan Halaman Utama Data Kategori ... 34
Gambar 3.21 Rancangan Halaman Utama Data Produk ... 35
Gambar 3.22 Rancangan Halaman Utama Data Member ... 35
Gambar 3.23 Rancangan Halaman Utama Data Konfirmasi Pesanan ... 36
Gambar 3.24 Rancangan Halaman Utama Data Kota ... 36
Gambar 3.25 Rancangan Halaman Utama Pengaturan Broadcast ... 37
Gambar 3.26 Rancangan Halaman Utama Pelaporan ... 37
Gambar 3.26 Rancangan Halaman Utama History Pesanan ... 38
commit to user
xviii
Gambar 3.26 Rancangan Halaman Utama Keranjang Belanja ... 39
Gambar 4.1 Halaman Utama Home ... 41
Gambar 4.2 Halaman Utama Cara Beli ... 41
Gambar 4.3 Halaman Utama Buku Tamu ... 42
Gambar 4.4 Halaman Utama Register ... 43
Gambar 4.5 Halaman Log In Sistem ... 43
Gambar 4.6 Halaman Utama Data Produk ... 44
Gambar 4.7 Form tambah data produk ... 44
Gambar 4.8 HalamanUtama Data Kategori ... 45
Gambar 4.9 Form Tambah Kategori ... 45
Gambar 4.10 Halaman Utama Data Transaksi Pesanan ... 46
Gambar 4.11 Pencarian Transaksi Pesanan ... 46
Gambar 4.12 Halaman Utama Data Konfirmasi ... 47
Gambar 4.13 Halaman Utama Data Member ... 47
Gambar 4.14 Pencarian member ... 48
Gambar 4.15 Halaman Utama Data Kota ... 48
Gambar 4.16 Form tambah data kota ... 49
Gambar 4.17 Halaman Utama Data Testimonial ... 49
Gambar 4.18 Halaman Utama Data Buku Tamu ... 50
Gambar 4.19 Halaman Utama Pengaturan Broadcast ... 50
Gambar 4.20 Halaman Utama Laporan Transaksi dan Keuangan ... 51
Gambar 4.21 Tampilan grafik laporan ... 52
Gambar 4.22 Hasil cetak laporan transaksi keuangan ... 52
Gambar 4.23 Halaman Utama Keranjang Belanja ... 53
Gambar 4.24 Halaman Detail Pesanan ... 53
Gambar 4.25 Halaman Utama Konfirmasi ... 54
Gambar 4.26 Konfirmasi Pembayaran Pesanan ... 54
Gambar 4.27 Halaman Daftar History Transaksi Pesanan ... 55
Gambar 4.28 Halaman Menu Testimoni ... 55