i

TUGAS AKHIR

SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA

PRIMA HERBAL MENGGUNAKAN CODEIGNITER

Diajukan Untuk Memenuhi Tugas dan Syarat-Syarat Guna Memperoleh

Gelar Sarjana Teknik Pada Fakultas Teknik Jurusan Elektro

Universitas Muhammadiyah Surakarta

Disusun Oleh :

RIZQIANTO HERMAWAN

D400 080 022

FAKULTAS TEKNIK JURUSAN ELEKTRO

UNIVERSITAS MUHAMMADIYAH SURAKARTA 2013

ii

iii

iv

MOTTO

Allah Menghendaki kemudahan bagimu dan

tidak menghendaki kesukaran bagimu

(Q.S. Al Baqoroh: 256)

’Dan bahwasanya seorang manusia tiada memperoleh

selain apa yang telah diusahakannya.

( Q.S. An Najm : 39 )

Sesungguhnya setelah kesulitan ada kemudahan

(Q.S.Alam Nashroh: 5)

Di hati terdapat serpihan-serpihan terserak yang takkan bisa terhimpun

kecuali dengan mendatangi Allah....

(Ibnul Qoyyim Rahimahullah)

Allah memberikan ujian setiap orang berbeda-beda dan sesuai kemampuan

masing-masing, inilah jalanku, karena di depan masih

banyak ujian yang lebih berat telah menunggu.

(Rizqianto Hermawan)

Usiaku pendek, ajalku dekat, angan-anganku masih panjang,

cita-citaku melangit, tuntutan belum terpenuhi, sementara...

Ilmuku amat sedikit dan amalanku sangat buruk....

(Rizqianto Hermawan)

v

HALAMAN PERSEMBAHAN

Allah Subhanahu Wa Ta’ala Yang telah memberikan rahmat dan hidayah-Nya dalam menyelesaikan Tugas

Akhir ini.

Nabi Muhammmad Shallallahu ‘Alaihi Wa Sallam Suri tauladan yang menjadi panutan dalam menjalani hidup dan sebagai inspirasi

semangat hidupku untuk selalu berada di atas Sunnah.

Bapak dan Ibu Tidak ada yang dapat mengutarakan dengan perkataan dan digantikan dengan semua kekayaan yang dimiliki oleh dunia, hanya satu yang dapat aku katakan ”Terima Kasih Engkau Telah Mencurahkan Kasih Sayang Yang Tulus Dalam

Membesarkanku dan Mendidikku Hingga Aku Menjadi Sekarang Ini”

Bidadariku Seseorang yang kuharapkan akan keridhaannya, selalu memberikan warna dalam kehidupanku, mampu menjadi sahabat yang baik dan menjadi semangat bagiku

untuk mencapai segala impianku.

Keluargaku Terima kasih atas semua dorongan semangat yang diberikan kepadaku hingga

tidak dapat aku rasakan sampai aku berhasil sekarang ini

Sahabat - sahabatku Terima kasih untuk semua persahabatan, dorongan, semangat dan bantuan selama ini, sangat besar arti dari kalian dalam hidupku tanpa kalian hari-hariku tidak akan

indah

Almamater yang kubanggakan Almamater Universitas Muhammadiyah Surakarta

Fakultas Teknik Jurusan Elektro Universitas Muhammadiyah Surakarta Keluarga Mahasiswa Teknik Elektro Universitas Muhammadiyah Surakarta

vi

KATA PENGANTAR

Alhamdulillaahi Robbil ’aalamin, segala puji hanya bagi Allah

Subhanahu Wa Ta’ala yang telah memberikan kenikmatan, hidayah serta

taufiqnya sehingga sampai saat ini penulis masih diberikan kesempatan untuk

beribadah dan menyembah hanya padaNya dan telah menjadikanku manusia yang

berakal dan berguna dalam dunia. Sholawat dan salam untuk junjunganku, Nabiku

Muhammad Shallallahu ‘Alaihi wa Sallam sebagai suri tauladanku.

Penelitian tentang sistem informasi penjualan berbasis web pada Prima

Herbal menggunakan Codeigniter diharapkan bisa bermanfaat untuk

mempermudah dalam pengelolaan toko online dalam suatu perusahaan.

Penelitian tugas akhir ini masih tergolong sederhana dan penulis masih

merasa banyak kekurangan di dalamnya. Namun demikian dalam pengerjaan

tugas akhir ini sudah semaksimal mungkin, dengan harapan dapat memberikan

sumbangsih dalam menambah khazanah keilmuan dan semoga dapat berguna bagi

penulis secara pribadi maupun para pembaca. Oleh karena itu, kritik dan saran

yang kontruktif sangat penulis harapkan.

Dengan selesainya Tugas Akhir ini tentunya penulis tidak lupa atas

bantuan dari berbagai pihak, oleh karena itu dengan tulus ikhlas dan kerendahan

hati penulis mengucapkan rasa terima kasih sebesar-besarnya kepada :

1. Allah ‘Azza wa Jalla, atas Ridho dan KaruniaNYA sehingga penulis bisa

menyelesaikan Tugas Akhir ini.

vii

2. Bapak Ir. Sri Widodo, M.T., selaku Dekan Fakultas Teknik Universitas

Muhammadiyah Surakarta.

3. Bapak Ir. Jatmiko, M.T., selaku Ketua Jurusan Elektro Fakultas Teknik

Universitas Muhammadiyah Surakarta.

4. Bapak Agus Ulinnuha, S.T., M.T., selaku Pembimbing Akademik yang telah

banyak membimbing selama menempuh studi.

5. Ibu Ratnasari Nur Rohmah, S.T., M.T., selaku Pembimbing I yang telah

memberikan bimbingan dan pengarahan kepada penulis sehingga dapat

menyelesaikan tugas akhir ini.

6. Bapak Agus Supardi, S.T., M.T., selaku Pembimbing II yang telah

memberikan nasehat, bimbingan, dorongan, dan pengarahan kepada penulis

sehingga dapat menyelesaikan tugas akhir ini.

7. Bapak/Ibu Penguji selaku Dewan Penguji dalam Tugas Akhir ini.

8. Terima kasih kepada seluruh Dosen Fakultas Teknik Elektro atas sedianya

membimbing dan memberikan waktunya kepada penulis hingga bisa jadi

sekarang ini.

9. Kedua orang tuaku tercinta dan seluruh keluarga besar, terima kasih atas

semua doa, semangat dan perjuangan yang tiada hentinya, juga atas curahan

kasih sayang yang tiada pernah surut sehingga bisa menjadi

“Sarjana/Insinyur”.

10. Terima kasih penulis ucapkan kepada kakak beserta istrinya dan adikku

tercinta yang selalu mensupport dan memberikan semangat tiada hentinya

kepada penulis hingga bisa tersusunnya Tugas Akhir ini.

viii

11. Teman-teman seperjuanganku sekaligus sahabat, Zaman (Muhammad

Nurruzzaman) saat menjalani susah senangnya menyelesaikan tugas akhir.

Sandy (Sandyarjo Bintarto) terima kasih atas nasehat-nasehatnya dan semua

teman-teman yang tidak bisa disebutkan satu persatu, pokoknya terima kasih

untuk semuanya. terima kasih atas dukungan dan kebersamaan kalian yang

tidak akan kutemukan dimanapun.

12. Terima kasih saya ucapkan kepada Keluarga Mahasiswa Teknik Elektro

UMS.

13. Terima kasih saya ucapkan kepada Lembaga Mentoring Fakultas Teknik

UMS.

14. Terima kasih saya ucapkan kepada Badan Eksekutif Mahasiswa Fakultas

Teknik UMS.

15. Keluarga besar Forum Kajian Islam Al Atsary (FKIA) Surakarta, mas Pudi,

mas Iwan, mas Hambali, Mas Galih, mas Bambang dan seluruh Jama’ah

Masjid Al Karim Pabelan serta Umar bin Khoththob Kartasura terima kasih

atas segala hal selama saya berada di Solo.

16. Ustadz-ustadz saya, Ustadz Sa’ad Harits, Ustadz Ridhwan, Ustadz

Thobroni, Ustadz Nanang, Ustadz Munawwar, dll yang selalu bersabar

dalam membimbing muridnya yang bodoh ini.

17. Keluarga besar Alumni SMA Negeri 01 Kajen 2008, khususnya kelas XII

IPA 2 yang terus mengajak seluruh anggotanya untuk sukses.

18. Rekan-rekan lintas Fakultas Muhammad Zaid, Muhammad Khalid Bawazir,

mas Slamet, Ahmad, terima kasih atas dukungan dan kebersamaan kalian.

ix

x

DAFTAR ISI

HALAMAN JUDUL .......................................................................................... i

LEMBAR PERSETUJUAN ............................................................................. ii

LEMBAR PENGESAHAN .............................................................................. iii

KATA PENGANTAR ...................................................................................... iv

MOTTO .......................................................................................................... viii

HALAMAN PERSEMBAHAN ....................................................................... ix

DAFTAR KONTRIBUSI .................................................................................. x

DAFTAR ISI .................................................................................................... xi

DAFTAR GAMBAR ....................................................................................... xv

DAFTAR TABEL ......................................................................................... xvii

ABTRAKSI ................................................................................................... xvii

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah ............................................................. 1

1.2 Perumusan Masalah ................................................................... 3

1.3 Batasan Masalah ........................................................................ 3

1.4 Tujuan Penelitian ....................................................................... 4

1.5 Manfaat Penelitian ..................................................................... 4

1.6 Sistematika penulisan ................................................................. 4

BAB II TINJAUAN PUSTAKA

2.1 Telaah penelitian ........................................................................ 6

2.2 Landasan teori ............................................................................ 7

2.2.1 Pengertian Internet ............................................................ 7

2.2.2 Electronic Commerce ........................................................ 7

2.2.2.1 Sejarah E-Commerce ............................................ 7

2.2.3 Analisis dan Perancangan Sistem ...................................... 8

2.2.3.1 Diagram Konteks .................................................. 8

2.2.3.2 System Flow Diagram .......................................... 9

2.2.3.3 Data Flow Diagram ............................................. 9

2.2.3.4 Kamus Data ........................................................ 10

xi

2.2.3.5 Entity Relationship Diagram .............................. 11

2.2.4 Definisi Basis Data ......................................................... 12

2.2.5 Database Management System ........................................ 13

2.2.6 SQL ................................................................................ 13

2.2.7 Software Pendukung ....................................................... 15

2.2.7.1 Notepad ++ ........................................................ 15

2.2.7.2 Codeigniter ........................................................ 15

2.2.7.3 PhpMyAdmin ...................................................... 18

2.2.7.4 MySQL ............................................................... 18

2.2.7.5 XAMPP .............................................................. 19

BAB III METODE PENELITIAN

3.1 Waktu dan Tempat ................................................................... 21

3.2 Peralatan Utama dan Pendukung .............................................. 21

3.3 Alur Penelitian ......................................................................... 22

3.3.1 Diagram Alir Penelitian .................................................. 24

3.4 Perancangan Sistem ................................................................. 25

3.4.1 System Flow Diagram ..................................................... 25

3.4.2 Data Flow Diagram ........................................................ 26

3.5 Perancangan Database ............................................................. 29

3.5.1 Struktur Data .................................................................. 30

3.5.2 Relasi Antar Tabel .......................................................... 35

3.6 Flowchart Per User .................................................................. 37

3.6.1 Flowchart Pengunjung dan Pelanggan ............................ 37

3.6.2 Flowchart Administrator ................................................. 38

3.7 Desain Interface ....................................................................... 39

3.7.1 Halaman Administrator ................................................... 39

3.7.2 Halaman Pengunjung ...................................................... 50

3.7.3 Halaman Pelanggan ........................................................ 54

BAB IV HASIL DAN PEMBAHASAN

4.1 Halaman Administrator ............................................................ 58

4.2 Halaman Pengunjung dan Pelanggan ........................................ 67

xii

4.3 Pengujian dan Analisis .............................................................. 72

4.4 Pengujian Sistem Menggunakan Web Browser .......................... 76

BAB V KESIMPULAN DAN SARAN

5.1 Kesimpulan .............................................................................. 79

5.2 Saran ........................................................................................ 80

DAFTAR PUSTAKA ....................................................................................... 81

LAMPIRAN .................................................................................................... 83

xiii

DAFTAR GAMBAR

Gambar 3.1. Flowchart Penelitian ................................................................ 24

Gambar 3.2. System Flow Diagram .............................................................. 25

Gambar 3.3. DFD Level 0 ............................................................................ 26

Gambar 3.4. DFD Level 1 Proses Pemesanan Produk ................................... 27

Gambar 3.5. DFD Level 1 Proses Control Website ....................................... 27

Gambar 3.6. DFD Level 1 Proses Pelaporan ................................................. 29

Gambar 3.7. Relasi Antar Tabel ................................................................... 35

Gambar 3.8. Flowchart Pengunjung dan Pelanggan ..................................... 37

Gambar 3.9. Flowchart Administrator .......................................................... 38

Gambar 3.10. Desain Form Login Administrator ............................................ 40

Gambar 3.11. Desain Form Administrator Dashboard ................................... 41

Gambar 3.12. Form Kategori Produk ............................................................. 41

Gambar 3.13. Form Input Kategori ................................................................ 42

Gambar 3.14. Form Produk ............................................................................ 43

Gambar 3.15. Form Input Produk ................................................................... 44

Gambar 3.16. Form Biaya Kirim .................................................................... 45

Gambar 3.17. Form Input Biaya Kirim ........................................................... 45

Gambar 3.18. Form Pesanan .......................................................................... 46

Gambar 3.19. Form Detail Pesanan ................................................................ 47

Gambar 3.20. Form Perusahaan ..................................................................... 48

Gambar 3.21. Form Detail Data Perusahaan ................................................... 48

Gambar 3.22. Form Daftar Tamu ................................................................... 49

Gambar 3.23. Form Kelola Buku Tamu ......................................................... 50

Gambar 3.24. Form Home .............................................................................. 51

Gambar 3.25. Form Cara Pembelian .............................................................. 52

Gambar 3.26. Form Daftar Biaya Kirim ......................................................... 53

Gambar 3.27. Form Tentang Kami ................................................................. 54

Gambar 3.28. Form Detail Produk ................................................................. 55

Gambar 3.29. Form Keranjang Belanja .......................................................... 56

xiv

Gambar 3.30. Form Data Pemesan ................................................................. 57

Gambar 4.1. Halaman Login Administrator .................................................. 59

Gambar 4.2. Halaman Dashbobard .............................................................. 59

Gambar 4.3. Halaman Kategori Produk ........................................................ 60

Gambar 4.4. Halaman Input Kategori ........................................................... 60

Gambar 4.5. Halaman Daftar Data Produk ................................................... 61

Gambar 4.6. Halaman Input Data Produk ..................................................... 62

Gambar 4.7. Halaman Biaya Pengiriman Produk .......................................... 62

Gambar 4.8. Halaman Input Data Biaya Pengiriman .................................... 63

Gambar 4.9. Halaman Pesanan ..................................................................... 63

Gambar 4.10. Halaman Tampilkan Data Detail .............................................. 64

Gambar 4.11. Halaman Perusahaan ................................................................ 65

Gambar 4.12. Halaman Ubah Data Perusahaan .............................................. 65

Gambar 4.13. Halaman Buku Tamu ............................................................... 66

Gambar 4.14. Halaman Balas Buku Tamu ...................................................... 66

Gambar 4.15. Halaman Awal ......................................................................... 67

Gambar 4.16. Galeri Produk ........................................................................... 68

Gambar 4.17. Halaman Cara Pembelian ......................................................... 68

Gambar 4.18. Halaman Daftar Biaya Kirim .................................................... 69

Gambar 4.19. Halaman Detail Produk ............................................................ 70

Gambar 4.20. Halaman Keranjang Belanja ..................................................... 70

Gambar 4.21. Halaman Form Data Pemesan .................................................. 71

Gambar 4.22. Halaman Konfirmasi Pemesanan .............................................. 71

Gambar 4.23. Link Download Daftar Harga ................................................... 72

Gambar 4.24. Grafik Pengisian Kuisioner ...................................................... 73

Gambar 4.25a. Tampilan Menggunakan Mozilla Firefox .................................. 76

Gambar 4.25b. Tampilan Menggunakan Opera ................................................ 77

Gambar 4.25c. Tampilan Menggunakan Google Chrome ................................. 77

xv

DAFTAR TABEL

Tabel 2.1. Simbol System Flow Diagram (SFD) ................................................ 9

Tabel 2.2. Simbol Data Flow Diagram (DFD) ................................................ 10

Tabel 2.3. Notasi Kamus Data ......................................................................... 11

Tabel 2.4. Simbol Entity Relationship Diagram (ERD) ................................... 12

Tabel 3.1. Waktu Pelaksanaan ......................................................................... 21

Tabel 3.2. Tabel Barang .................................................................................. 30

Tabel 3.3. Tabel Biaya Kirim .......................................................................... 31

Tabel 3.4. Tabel Dipesan ................................................................................. 31

Tabel 3.5. Tabel Kategori ................................................................................ 31

Tabel 3.6. Tabel Login .................................................................................... 32

Tabel 3.7. Tabel Pemesan ................................................................................ 32

Tabel 3.8. Tabel Perusahaan ............................................................................ 33

Tabel 3.9. Tabel Pesan .................................................................................... 33

Tabel 3.10. Tabel Tamu .................................................................................... 34

Tabel 4.1. Hasil Penilaian Kuisioner ................................................................ 73

Tabel 4.2. Perbandingan kelebihan website Prima Herbal

dengan website lain ......................................................................... 75

Tabel 4.3. Perbandingan kelemahan website Prima Herbal

dengan website lain ......................................................................... 75

xvi

ABSTRAKSI

Prima Herbal merupakan perusahaan yang bergerak di bidang penjualan dan

pemasaran herbal. Sangat perlu adanya kemudahan pelayanan untuk

memudahkan pelanggan yang jauh dari jangkauan. Guna memfasilitasi itu semua

dapat direalisasikan dengan toko online (E-Commerce). Aplikasi toko online yang

dibangun ini bertujuan untuk membantu Prima Herbal dalam hal pemasaran dan

penjualan produk.

Proses pembuatan program ini dimulai dengan menganalisa sistem yang telah

ada di Prima Herbal, kemudian dibuat DFD, ERD dan tabel-tabel yang

diperlukan. Dilanjutkan dengan mendesain interface dan membuat programnya.

Aplikasi toko online ini menggunakan bahasa pemrograman Codeigniter, MySQL

sebagai database, Notepad ++ sebagai editor HTML dan CorelDraw sebagai

image editor.

Aplikasi ini memiliki tiga fungsi utama. Pertama yaitu untuk user umum, setiap

pengunjung website bisa melihat galeri produk, menggunakan layanan website,

dan kemudian yang kedua pengunjung akan memilih produk sehingga menjadi

pelanggan yang bisa melakukan pemesanan produk. Terakhir yaitu administrator

yang bisa melakukan pengelolaan data produk, mengelola pesanan dan

memperoleh laporan.

Terciptanya Website Toko Online ini memberikan sarana alternative untuk

memasarkan dan berbelanja berbagai macam herbal dan madu tanpa terbatas

oleh ruang dan waktu, dan dapat diakses melalui domain www.prima-herbal.com.

Kata kunci : Sistem Informasi Penjualan, E-Commerce, Prima Herbal,

Pelanggan, Produk, Herbal.