LAPORAN TUGAS AKHIR
RANCANG BANGUN APLIKASI PENJUALAN HANDPHONE BERBASIS MOBILE (THE DEVELOPMENT OF MOBILE SALES APPLICATION HANDPHONE)
Diajukan untuk memenuhi salah satu syarat memperoleh derajat Sarjana Komputer
WAHYU UNGGUL SETIAWAN 1003040031
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH PURWOKERTO AGUSTUS, 2015
i Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
ii Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
iii Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
HALAMAN PERNYATAAN
Dengan ini saya menyatakan bahwa Laporan Tugas Akhir ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar Sarjana Komputer 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.
Purwokerto, Agustus 2015
Wahyu Unggul Setiawan
iv Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
HALAMAN PERSEMBAHAN
Dengan segala kerendahan hati, serta rasa syukur terhadap Allah SWT yang telah memberikan rahmat dan nikmat-Nya, sehingga saya dapat menyelesaikan tugas akhir ini dengan baik, laporan ini saya persembahkan kepada : 1. Bapak Tri Harsono dan Ibu Siti Maesyaroh yang sebagai orang tua telah memberikan semangat selama saya kuliah, dan selalu menasehati disetiap langkah dengan doa yang selalu mengiringi setiap saat. Serta telah membantu baik secara moril maupun materiil demi keberhasilan dalam menyelesaikan laporan Tugas Akhir. 2. Dosen pembimbing yang telah memberikan pengarahan dalam pelaksanaan Tugas Akhir. 3. Pemilik Bumiayu Cell yang telah banyak membantu dan memberikan banyak pembelajaran selama Tugas Akhir. 4. Sahabatku Didik, Dedi, Goddes, Slamet, Arif yang selalu memberikan semangat dan sahabat seperjuangan di Program Studi Teknik Informatika, Fakultas Teknik, Universitas Muhammadiyah Purwokerto dan semua teman-teman yang tak mungkin disebutkan satu-persatu.
v Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
MOTTO
“Bila Kamu Tak Tahan Lelahnya Belajar, Maka Kamu Akan Menanggung Perihnya Kebodohan”
vi Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
KATA PENGANTAR
Syukur dan alhamdulillah semoga senantiasa tercurahkan kehadirat Allah SWT, yang telah melimpahkan rahmat dan hidayah-Nya kepada semua makhluk-Nya. Sehingga dapat menyelesaikan Tugas Akhir yang berjudul “Rancang Bangun Aplikasi Penjualan Handphone Berbasis Mobile”. Tugas Akhir ini disusun guna memenuhi persyaratan dalam menyelesaikan Program Studi Strata-1 (S1) pada Program Studi Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Purwokerto. Dalam penulisan ini penulis menyampaikan ucapan terima kasih kepada pihak yang membantu dalam menyelesaikan Tugas Akhir ini, khususnya kepada : 1. Bapak Tito Pinandita, S.Si., M.Kom. selaku Dekan Teknik Universitas Muhammadiyah Purwokerto. 2. Bapak Harjono, S.T., M.Eng. selaku Pembimbing yang dengan segala kesabaran dan keikhlasan membimbing dan mengarahkan saya dalam pembuatan Tugas Akhir ini. 3. Bapak Kusmanto selaku Pemilik Bumiayu Cell serta jajarannya yang telah memberikan kesempatan untuk melaksanakan Tugas Akhir di tempat tersebut. 4. Semua pihak yang telah membantu dalam proses penyusunan laporan Tugas Akhir ini yang tidak dapat disebutkan satu per satu. Penulis menyadari dalam penyusunan laporan Tugas Akhir ini jauh dari sempurna baik tata tulis maupun sistematika penyusunannya. Oleh karena itu mengharapkan saran dan kritik yang membangun dari berbagai pihak untuk menyempurnakan laporan Tugas Akhir ini.Akhirnya penulis berharap laporan Tugas Akhir ini bermanfaat bagi diri penulis khususnya dan para pembaca umumnya.
Purwokerto, Agustus 2015
Wahyu Unggul Setiawan
vii Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
DAFTAR ISI
HALAMAN JUDUL ................................................................................................... i HALAMAN PENGESAHAN ....................................................................................... ii HALAMAN PERSETUJUAN ....................................................................................... iii HALAMAN PERNYATAAN........................................................................................ iv HALAMAN PERSEMBAHAN ..................................................................................... v HALAMAN MOTTO ................................................................................................. vi KATA PENGANTAR .................................................................................................. vii DAFTAR ISI.............................................................................................................. viii DAFTAR TABEL ........................................................................................................ x DAFTAR GAMBAR………………………………………………………………………………………………….. xi LAMPIRAN .............................................................................................................. xiv INTISARI ................................................................................................................. xv ABSTRACT ............................................................................................................... xvi BAB I PENDAHULUAN ............................................................................................ 1 A. Latar Belakang .......................................................................................... 1 B. Rumusan Permasalahan ............................................................................. 3 C. Batasan Masalah ........................................................................................ 3 BAB II KAJIAN PUSTAKA ......................................................................................... 4 A. Penjualan ................................................................................................... 4 B. Handphone ................................................................................................ 4 C. JQuery Mobile............................................................................................. 5 D. Database .................................................................................................... 5 E. Mysql ......................................................................................................... 6 F. Personal Hypertext Preprocessor (PHP) ...................................................... 7 G. Penelitian-Penelitian Yang Pernah Dilakukan ............................................. 7 BAB III TUJUAN DAN MANFAAT ............................................................................. 8 A. Tujuan ....................................................................................................... 8 B. Manfaat ..................................................................................................... 8 BAB IV METODE PENELITIAN .................................................................................. 9 A. Jenis Penelitian ........................................................................................... 9
viii Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
B. Pengumpulan Data .................................................................................... 9 1. Observasi ............................................................................................ 9 2. Metode Wawancara ............................................................................ 9 3. Dokumentasi ....................................................................................... 9 C. Pengembangan Sistem ............................................................................... 10 1. Definisi Persyaratan dan Analisis ......................................................... 10 2. Perancangan Sistem dan Perangkat Lunak ........................................... 11 3. Implementasi dan Pengujian Unit ........................................................ 33 4. Integrasi dan Pengujian Sistem ............................................................ 34 BAB V HASIL DAN PEMBAHASAN ........................................................................... 35 A. Tujuan Pengembangan Sistem .................................................................... 35 B. Perancangan Aplikasi ................................................................................. 35 1. Tampilan Untuk Pembeli ...................................................................... 35 2. Tampilan untuk Admin ......................................................................... 44 C. Perhitungan ............................................................................................... 55 D. Pengujian Aplikasi ...................................................................................... 55 BAB VI PENUTUP .................................................................................................... 58 A. Kesimpulan ................................................................................................ 58 B. Saran ......................................................................................................... 58 DAFTAR PUSTAKA .................................................................................................. 59
ix Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
DAFTAR TABEL
Tabel 1. Tabel Data Petugas .................................................................................... 19 Tabel 2. Tabel Data Konfirmasi Transaksi................................................................. 19 Tabel 3. Tabel Data Log Petugas .............................................................................. 19 Tabel 4. Tabel Data Member ................................................................................... 20 Tabel 5. Tabel Data Pabrikan Ponsel ........................................................................ 20 Tabel 6. Tabel Data Panduan Belanja ....................................................................... 21 Tabel 7. Tabel Data Produk...................................................................................... 21 Tabel 8. Tabel Data Transaksi .................................................................................. 22 Tabel 9. Tabel Data Transaksi Detail ........................................................................ 22 Tabel 10. Tabel Data Provinsi .................................................................................. 22 Tabel 11. Tabel Data Kabupaten .............................................................................. 23 Tabel 12. Tabel Data Kecamatan ............................................................................. 23 Tabel 13. Tabel Pengujian Untuk Pembeli ............................................................... 55 Tabel 14. Tabel Pengujian Untuk Admin ................................................................. 55
x Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
DAFTAR GAMBAR
Gambar 1. Pengembangan Sistem Model Waterfall ................................................ 9 Gambar 2. Usecase untuk Admin dan Pembeli ........................................................ 11 Gambar 3. Activity Diagram Pembelian Handphone ................................................ 12 Gambar 4. Activity Diagram Admin Login ................................................................ 13 Gambar 5. Activity Diagram Admin Input Data Handphone ..................................... 13 Gambar 6. Activity Diagram Admin Edit Data Handphone ....................................... 14 Gambar 7. Activity Diagram Admin Hapus Data Handphone.................................... 15 Gambar 8. Activity Diagram Admin Mencetak Laporan Transaksi ........................... 15 Gambar 9. Activity Diagram Admin Tambah Provinsi............................................... 16 Gambar 10. Activity Diagram Admin Tambah Kabupaten ........................................ 17 Gambar 11. Activity Diagram Admin Tambah Kecamatan ........................................ 17 Gambar 12. Activity Diagram Admin Edit Biaya Kirim .............................................. 18 Gambar 13. Perancangan Aplikasi Menu Utama Pembeli......................................... 24 Gambar 14. Perancangan Menu Panduan................................................................ 25 Gambar 15. Perancangan Halaman Produk ............................................................. 26 Gambar 16. Perancangan Halaman Kerangka Belanja ............................................. 26 Gambar 17. Perancangan Menu Halaman Konfirmasi .............................................. 27 Gambar 18. Perancangan Menu Halaman Tentang ................................................. 27 Gambar 19. Rancangan Halaman Login ................................................................... 28 Gambar 20. Perancangan Halaman Beranda ........................................................... 28 Gambar 21. Perancangan Halaman Produk ............................................................. 29 Gambar 22. Perancangan Halaman Konfirmasi ....................................................... 30 Gambar 23. Perancangan Halaman Transaksi .......................................................... 30 Gambar 24. Perancangan Halaman Data Pembeli .................................................... 31 Gambar 25. Perancangan Halaman Data Daerah .................................................... 31 Gambar 26. Perancangan Halaman Panduan ........................................................... 32 Gambar 27. Perancangan Halaman Admin .............................................................. 32 Gambar 28.Tampilan Halaman Pembeli................................................................... 34 Gambar 29. Tampilan Halaman Panduan................................................................. 35 Gambar 30. Tampilan Halaman Produk ................................................................... 35
xi Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
Gambar 31. Tampilan Penambahan Produk ............................................................ 36 Gambar 32. Tampilan Keranjang Belanja ................................................................. 37 Gambar 33. Tampilan Setelah Pembeli Memilih Selesai ........................................... 37 Gambar 34. Tampilan Registrasi .............................................................................. 38 Gambar 35. Tampilan Login Pembeli ....................................................................... 38 Gambar 36. Tampilan Pertanyaan Alamat Pengiriman ............................................ 39 Gambar 37. Form Jika Alamat Pengiriman Berbeda ................................................. 39 Gambar 38. Tampilan Jumlah Pembayaran.............................................................. 40 Gambar 39. Tampilan Diskon .................................................................................. 40 Gambar 40. Tampilan Konfirmasi Pembayaran ........................................................ 41 Gambar 41. Tampilan Tentang Bumiayu Cell ........................................................... 42 Gambar 42. Tampilan Denah ................................................................................... 42 Gambar 43. Tampilan Login Administrator .............................................................. 43 Gambar 44. Tampilan Beranda Admin ..................................................................... 43 Gambar 45. Tampilan Halaman Tambah Merek Handphone .................................... 44 Gambar 46. Tampilan Tambah Merek Jenis Handphone .......................................... 44 Gambar 47. Tampilan Edit Data Handphone ............................................................ 45 Gambar 48. Tampilan Halaman Transaksi ................................................................ 45 Gambar 49. Tampilan Halaman Konfirmasi.............................................................. 46 Gambar 50. Tampilan Bukti Konfirmasi Pembayaran ............................................... 46 Gambar 51. Tampilan Halaman Data Pembeli.......................................................... 47 Gambar 52. Tampilan Halaman Cetak Data Pembeli ................................................ 47 Gambar 53. Tampilan Daftar Provinsi ...................................................................... 48 Gambar 54. Tampilan Tambah Provinsi .................................................................. 48 Gambar 55. Tampilan Edit Provinsi .......................................................................... 48 Gambar 56. Tampilan Peringatan Ketika Admin Hapus Provinsi ............................... 49 Gambar 57. Tampilan Data Kabupaten .................................................................... 49 Gambar 58. Tampilan Tambah Kabupaten ............................................................... 49 Gambar 59. Tampilan Edit Kabupaten ..................................................................... 50 Gambar 60. Tampilan Peringatan Ketika Admin Hapus Kabupaten .......................... 50 Gambar 61. Tampilan Daftar Kecamatan ................................................................ 50 Gambar 62. Tampilan Tambah Kecamatan .............................................................. 51
xii Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
Gambar 63. Tampilan Edit Kecamatan ..................................................................... 51 Gambar 64. Tampilan Peringatan Ketika Admin Hapus Kecamatan .......................... 51 Gambar 65. Tampilan Halaman Panduan................................................................. 52 Gambar 66. Tampilan Tambah Panduan .................................................................. 52 Gambar 67. Tampilan Edit Panduan ........................................................................ 53 Gambar 68. Tampilan Peringatan Admin Ketika Hapus Panduan.............................. 53 Gambar 69. Tampilan Edit Username Dan Password Admin .................................... 53
xiii Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
DAFTAR LAMPIRAN
a. Kode Program Panduan...................................................................................... 61 b. Kode Program Produk ....................................................................................... 62 c. Kode Program Keranjang Belanja ....................................................................... 63 d. Kode Program Konfirmasi .................................................................................. 64 e. Kode Program Pembeli ...................................................................................... 65 f.
Kode Program Tentang ...................................................................................... 65
g. Kode Program Denah ........................................................................................ 66
xiv Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
INTISARI
Seiring dengan perkembangan teknologi perangkat bergerak, perkembangan teknologi web juga turut meramaikan peluang tersebut. Jumlah pengguna perangkat bergerak pun semakin banyak karena semakin mudahnya akses internet dengan harga yang terjangkau. Jika dahulu web hanya bisa diakses dengan baik melalui sebuah komputer, saat ini bagaimanapun caranya, sebuah web juga harus bisa menyesuaikan berbagai ukuran perangkat portabel, seperti smartphone. Ditambah lagi dengan munculnya ponsel pintar atau yang biasa di sebut degan smartphone yang kini sedang marak digunakan oleh masyarkat di seluruh dunia. Tujuan dalam penelitian ini adalah menerapkan web mobile dalam rancang bangun aplikasi penjualan. Metode pengembangan yang dilakukan dalam pembuatan aplikasi ini menggunakan model pengembangan sistem sekuensial linear. Model ini sering disebut dengan siklus kehidupan klasik atau model air terjun. Tool yang digunakan dalam pembuatan aplikasi ini adalah netbeans dengan bahasa pemrograman PHP dan Jquery Mobile. Hasil dari penelitian ini adalah dapat mempercepat pemasaran handphone, sekaligus dapat meningkatkan kualitas layanan kepada konsumen bumiayu cell. Kata kunci : Smartphone, Aplikasi, PHP, JQuery Mobile
xv Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
ABSTRACT
Along with the mobile technology development, web technology development also assists to enliven these opportunities. The number of mobile device users also increase because of the Internet access easily and affordable price. If at the first time web can only be accessed by a computer, now a web also should be able to adjust the size range of portable devices, such as smartphones. The emergence of smartphones are now commonly adopted by people all over the world. The purpose of this research is to apply the mobile web in sales application design. This application development method uses the linear sequential system development. This model is often called as the classic life cycle or waterfall model. To make this application using netbeans tool with the programming language PHP and Jquery Mobile. The Results of this study is to be able to accelerate mobile phone sales, as well as to improve the quality services to Bumiayu Cell consumers.
Keywords : Smartphone, Application, PHP, Jquery Mobile
xvi Rancangan Bangun Aplikasi..., Wahyu Unggul Setiawan, Fak, Teknik UMP, 2015
