RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan...

14
RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. KING COMPUTER BERBASIS WEB MOBILE SKRIPSI Diajukan sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer ARGA ADILAN PRASETYO 1003040082 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH PURWOKERTO AGUSTUS, 2016

Transcript of RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan...

Page 1: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

RANCANG BANGUN SISTEM PENJUALAN BARANG PADA

CV. KING COMPUTER BERBASIS WEB MOBILE

SKRIPSI

Diajukan sebagai salah satu syarat untuk memperoleh gelar Sarjana

Komputer

ARGA ADILAN PRASETYO

1003040082

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH PURWOKERTO

AGUSTUS, 2016

Page 2: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

ii

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 3: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

iii

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 4: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

iv

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 5: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

v

HALAMAN PERSEMBAHAN

Alhamdulillahi Rabbil’alamiin, tiada henti ku panjatkan kehadirat Illahi

yang telah memberikan karunia sehingga saya dapat menyelesaikan tugas akhir ini

yang saya persembahkan untuk:

Kedua orangtua yang senantiasa mendoakan putranya agar diberi kesehatan

dan kelancaran dalam menyelesaikan Studi di Universitas Muhammadiyah

Purwokerto.

Teman-temanku angkatan 2010 Program Studi Teknik Informatika yang selalu

memberikan keceriaan dan rasa persaudaraan sejak awal kuliah.

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 6: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

vi

HALAMAN MOTTO

“ Bekerja keraslah pada masa mudamu dan nikmatilah hasil kerja keras di masa

tuamu” .

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 7: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

vii

KATA PENGANTAR

Dengan menyebut nama Allah yang Maha Pengasih lagi Maha Penyayang

Segala puji hanyalah milik Allah, Dzat yang menguasai semesta alam.

Puji syukur Penyusun panjatkan kehadirat Allah SWT yang telah

memberikan rahmat dan hidayah-Nya, sehingga penyusun dapat menyelesaikan

Tugas Akhir dengan judul “ Rancang Bangun Sistem Pembelian Barang Pada

CV. KING COMPUTER Berbasis Web Mobile ”.

Penyusun menyampaikan terima kasih kepada semua pihak atas

dukungan moral maupun materil yang sangat berarti dalam penyelesaian Tugas

Akhir ini, diantaranya:

1. Bapak Dr. H. Syamsuhadi irsyad, M.H., selaku Rektor Universitas

Muhammadiyah Purwokerto

2. Bapak M. Taufiq Tamam, S.T., M.T., selaku Dekan Fakultas Teknik

Universitas Muhammadiyah Purwokerto.

3. Bapak Harjono, S.T., M.Eng., selaku Kaprodi Teknik Informatika Universitas

Muhammadiyah Purwokerto

4. Bapak Tito Pinandita, S.Si., M.Kom., selaku Dosen Pembimbing

5. Seluruh dosen pengajar program studi Teknik Informatika yang telah

memberikan ilmunya.

Penyusun menyadari masih terdapat kekurangan dalam cara penyajian dan

kelengkapan data pada Tugas Akhir ini. Oleh karena itu, kritik dan saran sangat

penyusun harapkan sebagai masukan yang positif.

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 8: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

viii

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 9: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

ix

DAFTAR ISI

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

HALAMAN PENGESAHAN...............................................Error! Bookmark not defined.

HALAMAN PERSETUJUAN ..............................................Error! Bookmark not defined.

HALAMAN PERNYATAAN ..............................................Error! Bookmark not defined.

HALAMAN PERSEMBAHAN ......................................................................................... v

HALAMAN MOTTO .........................................................................................................vi

KATA PENGANTAR ....................................................................................................... vii

DAFTAR ISI ....................................................................................................................... ix

DAFTAR GAMBAR .......................................................................................................... xi

DAFTAR TABEL ............................................................................................................. xiii

INTISARI ......................................................................................................................... xiv

BAB I. PENDAHULUAN .................................................................................................. 1

A. Latar Belakang ..................................................................................................... 1

B. Perumusan Masalah ............................................................................................. 2

C. Batasan Masalah .................................................................................................. 2

BAB II. KAJIAN PUSTAKA ............................................................................................. 4

A. Aplikasi ............................................................................................................... 4

B. PHP (Programming Hypertext Preprocessor) ..................................................... 4

C. Basis Data ............................................................................................................ 5

D. Mysql ................................................................................................................... 7

E. Jquery Mobile ...................................................................................................... 7

F. Web Mobile .......................................................................................................... 9

G. Model Waterfall................................................................................................... 9

H. Kajian yang Sudah Dilaksanakan ...................................................................... 12

BAB III. TUJUAN DAN MANFAAT ............................................................................. 14

A. Tujuan ................................................................................................................ 14

B. Manfaat .............................................................................................................. 14

BAB IV. METODE PENELITIAN .................................................................................. 15

A. Jenis Penelitian .................................................................................................. 15

B. Waktu, Tempat, dan Alat ................................................................................... 15

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 10: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

x

C. Pengumpulan Data ............................................................................................. 15

D. Metode Pengembangan Perangkat Lunak ......................................................... 16

BAB V. HASIL DAN PEMBAHASAN........................................................................... 35

A. Analisis Kebutuhan ........................................................................................... 35

B. Pengkodean........................................................................................................ 36

C. Pengujian Sistem ............................................................................................... 52

BAB VI. PENUTUP ......................................................................................................... 55

A. Kesimpulan ........................................................................................................ 55

B. Saran .................................................................................................................. 55

DAFTAR PUSTAKA ....................................................................................................... 56

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 11: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

xi

DAFTAR GAMBAR

Gambar 1. Model Waterfall Pengembangan Sistem ......................................................... 16

Gambar 2. Usecase Diagram Admin dan Pembeli pada Sistem Penjualan ...................... 18

Gambar 3. Activity Diagram Admin pada Sistem Penjualan ............................................ 19

Gambar 4. Activity Diagram Pembeli pada Sistem Penjualan .......................................... 20

Gambar 5. Halaman Login Admin .................................................................................... 25

Gambar 6. Halaman Home Admin ................................................................................... 25

Gambar 7. Halaman Produk Admin .................................................................................. 26

Gambar 8. Halaman Data Transaksi ................................................................................. 26

Gambar 9. Halaman Data Konfirmasi............................................................................... 27

Gambar 10. Halaman Data Member ................................................................................. 28

Gambar 11. Halaman Data Daerah ................................................................................... 28

Gambar 12. Halaman Panduan.......................................................................................... 29

Gambar 13. Halaman Home Pembeli ............................................................................... 30

Gambar 14. Halaman Produk ............................................................................................ 30

Gambar 15. Halaman keranjang belanja ........................................................................... 31

Gambar 16. Halaman konfirmasi ...................................................................................... 32

Gambar 17. Halaman data daerah ..................................................................................... 32

Gambar 18. Halaman panduan belanja ............................................................................. 33

Gambar 19. Halaman tentang aplikasi .............................................................................. 33

Gambar 20. Halaman Login Admin .................................................................................. 36

Gambar 21. Halaman Home Admin ................................................................................. 37

Gambar 22. Halaman Data Produk ................................................................................... 38

Gambar 23. Halaman Data Barang ................................................................................... 38

Gambar 24. Halaman Tambah Data Barang ..................................................................... 39

Gambar 25. Halaman Tambah Produk .............................................................................. 39

Gambar 26. Halaman Laporan Data Produk ..................................................................... 40

Gambar 27. Halaman Data Traansaksi ............................................................................. 41

Gambar 28. Halaman Data Konfirmasi ............................................................................. 41

Gambar 29. Halaman Data Member ................................................................................. 42

Gambar 30. Halaman Data Daerah Provinsi ..................................................................... 42

Gambar 31. Halaman Data Daerah Kabupaten ................................................................. 43

Gambar 32. Halaman Data Daerah Kecamatan ................................................................ 43

Gambar 33. Halaman Data Panduan ................................................................................. 44

Gambar 34. Halaman Home Pembeli ............................................................................... 45

Gambar 35. Halaman Produk ............................................................................................ 45

Gambar 36. Halaman Tipe Produk ................................................................................... 46

Gambar 37. Halaman Detail Produk ................................................................................. 46

Gambar 38. Halaman Tambah Keranjang Belanja ........................................................... 47

Gambar 39. Halaman Keranjang Belanja ......................................................................... 47

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 12: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

xii

Gambar 40. Halaman Login Pembeli ................................................................................ 48

Gambar 41. Halaman Alamat Pengiriman ........................................................................ 49

Gambar 42. Halaman Transaksi Sukses ............................................................................ 49

Gambar 43. Halaman Konfirmasi ..................................................................................... 50

Gambar 44. Halaman Data Daerah ................................................................................... 51

Gambar 45. Halaman panduan .......................................................................................... 51

Gambar 46. Halaman tentang aplikasi .............................................................................. 52

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 13: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

xiii

DAFTAR TABEL

Tabel 1. Tabel petugas ...................................................................................................... 21

Tabel 2. Tabel produk ....................................................................................................... 21

Tabel 3. Tabel transaksi. ................................................................................................... 22

Tabel 4. Tabel konfirmasi ................................................................................................. 22

Tabel 5. Tabel kecamatan. ................................................................................................ 23

Tabel 6. Tabel member. .................................................................................................... 23

Tabel 7. Tabel panduan belanja. ....................................................................................... 24

Tabel 8. Hasil pengujian kotak hitam pada aplikasi admin .............................................. 53

Tabel 9. Hasil pengujian kotak hitam pada aplikasi pembeli ............................................ 54

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016

Page 14: RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. …repository.ump.ac.id/3127/1/Arga Adilan Prasetyo_JUDUL.pdf · CV. KING COMPUTER BERBASIS WEB MOBILE. SKRIPSI . Diajukan sebagai

xiv

INTISARI

RANCANG BANGUN SISTEM PENJUALAN BARANG PADA CV. KING

COMPUTER BERBASIS WEB MOBILE

Oleh:

Arga Adilan Prasetyo

1003040082

Perancangan web mobile pada penjualan komputer bertujuan untuk

mempermudah masyarakat dalam memperoleh informasi pembelian (online)

yang sebelumnya diketahui dari mulut-kemulut ataupun dari brosur, sehingga

tidak menghemat waktu. Tugas akhir ini bertujuan untuk membangun sebuah

sistem pembelian barang secara online. Dalam Sistem perancangan pembuatan

web mobile pada pembelian barang pada CV. KING COMPUTER ini

dikembangkan dengan menggunakan beberapa software yakni Netbeans IDE

8.0.2, Xampp yang merupakan gabungan dari Apache Web Server, PHP dan

MySQL dengan menggunakan software tersebut memudahkan dan mempercepat

dalam pembuatan suatu program. Dengan adanya sistem ini dapat memudahkan

petugas maupun calon pembeli untuk melakukan transaksi pembelian pada CV.

KING COMPUTER.

Kata Kunci : Web Mobile, Netbeans IDE 8.0.2, MySQL.

Rancang Bangun Sistem…, Arga Adilan Prasetyo, Fakultas Teknik UMP, 2016