RANCANG BANGUN SISTEM INFORMASI PENJUALAN JAM TANGAN BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III MARYADI ASMANUDIN NIM : 12140383 Program Studi Manajemen Informatika Akademi Manajemen Informasi dan Komputer Bina Sarana Informatika Jakarta 2017 i
SURAT PERNYATAAN KEASLIAN TUGAS AKHIR Yang bertanda tangan di bawah ini: Nama : Maryadi Asmanudin NIM : 12140383 Program Studi : Manajemen Informatika Perguruan Tinggi : AMIK BSI Jakarta Dengan ini menyatakan bahwa tugas akhir yang telah saya buat dengan judul: Rancang Bangun Sistem Penjualan Jam Tangan Berbasis Web, adalah asli (orsinil) atau tidak plagiat (menjiplak) dan belum pernah diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun. Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada paksaan dari pihak manapun juga. Apabila dikemudian hari ternyata saya memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa tugas akhir yang telah saya buat adalah hasil karya milik seseorang atau badan tertentu, saya bersedia diproses baik secara pidana maupun perdata dan kelulusan saya dari AMIK BSI Jakarta dicabut/dibatalkan. Dibuat di : Jakarta Pada tanggal : 10 Juli 2017 Yang menyatakan, Maryadi Asmanudin ii
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS Yang bertanda tangan di bawah ini, saya: Nama : Maryadi Asmanudin NIM : 12140383 Program Studi : Manajemen Informatika Perguruan Tinggi : AMIK BSI Jakarta Dengan ini menyetujui untuk memberikan ijin kepada pihak AMIK BSI Jakarta, Hak Bebas Royalti Non- Eksklusif (Non-exclusive Royalti-Free Right) atas karya ilmiah kami yang berjudul: Rancang Bangun Sistem Penjualan Jam Tangan Berbasis Web, beserta perangkat yang diperlukan (apabila ada). Dengan Hak Bebas Royalti Non-Eksklusif ini pihak AMIK BSI Jakarta berhak menyimpan, mengalih-media atau format-kan, mengelolaannya dalam pangkalan data (database), mendistribusikannya dan menampilkan atau mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari kami selama tetap mencantumkan nama kami sebagai penulis/pencipta karya ilmiah tersebut. Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak AMIK BSI Jakarta, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini. Demikian pernyataan ini saya buat dengan sebenarnya. Dibuat di : Jakarta Pada tanggal : 10 Juli 2017 Yang menyatakan, Maryadi Asmanudin iii
PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR Tugas Akhir ini diajukan oleh: Nama NIM Program Studi Jenjang Judul Tugas Akhir : Maryadi Asmanudin : 12140383 : Manajemen Informatika : Diploma III : Rancang Bangun Sistem Penjualan Jam Tangan Berbasis Web Untuk dipertahankan pada periode I-2017 dihadapan penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli Madya (A.Md) pada Program Diploma III Program Studi Manajemen Informatika di AMIK BSI Jakarta. D E W A N P E N G U J I Penguji I :...... Penguji II :...... iv
v
vi
KATA PENGANTAR Puji syukur Alhamdulillah, penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan rahmat dan karunia-nya, sehingga pada akhirnya, penulis dapat menyelesaikan tugas akhir ini dengan baik. Dimana Tugas Akhir ini penulis sajikan dalam bentuk buku yang sederhana. Adapun judul tuga akhir, yang penulis ambil sebagai berikut Rancang Bangun Sistem Penjualan Jam Tangan Berbasis Web Tujuan penulisan tugas akhir ini adalah sebagai salah satu syaratt kelulusan Program Diploma Tiga (D.III) Akademi BSI. Sebagai bahan penulisan diambil berdasarkan hasil observasi dan beberapa sumber literature yang mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari semua pihak, maka penulisan tugas akhir ini tidak akan lancar. Oleh karena itu pada kesempatan ini, izinkanlah penulis menyampaikan ucapan terima kasih kepada: 1. Direktur Akademi Jurusan Manajemen Informatika & Komputer Bina Sarana Informatika 2. Bapak Ketua Jurusan Manajemen Informatika AMIK BSI. 3. Bapak Budi Sudrajat, M.Kom selaku Dosen Pembimbing Tugas Akhir. 4. Bapak Hasta Herlan Asymar,ST,MM selaku Assisten Dosen Pembimbing Tugas Akhir. 5. Seluruh Dosen dan Staff pengajar yang telah memberikan ilmu pengetahuan kepada penulis, yang sangat berguna dalam penyusunan Tugas Akhir ini. 6. Kedua orangtua dan kakakku yang telah memberikan dukungan moral, material maupun spiritual. 7. Teman-teman seperjuangan angkatan 2017 jurusan Manajemen Informatika khususnya MI.6C.25. vii
Serta semua pihak yang terlalu banyak untuk disebutkan satu persatu sehingga terwujudnya penulisan ini. Penulis menyadari bahwa penulisan tugas akhir ini masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang. Akhir kata semoga tugas akhir ini dapat bermanfaat untuk penulis khususnya dan bagi para pembaca yang berminat pada umumnya. Jakarta,10 Juli 2017 Penulis Maryadi Asmanudin viii
ABSTRAKSI Maryadi Asmanudin (12140383), Rancang Bangun Sistem Penjualan Jam Tangan Berbasis Web. e-commerce merupakan suatu sistem transaksi perdagangan antara penjual dan pembeli dengan menggunakan media internet. Keuntungan yang diperoleh dengan menggunakan transaksi melalui e-commerce adalah untuk meningkatkan pendapatan dengan menggunakan penjualan online yang biayanya relatif lebih murah dan juga sekaligus biaya-biaya oprasional seperti kertas, percetakan katalog. Toko jam Tangan adalah sebuah toko yang bergerak didalam bidang penjualan berbagai macam jenis jam tangan yang sedang berupaya mengembangkan dan meningkatkan penjualan secara online dan tetap memberikan kenyamanan pada customer, maka dibutuhkan website yang mendukung seperti e-commerce. Adapun sistem software adobe Dreamweaver CC, dan Apache. Dengan adanya e-commerce ini diharapkan dapat meningkatkan penjualan dan mempermudah bagi para pihak Toko Jam Tangan dalam mengelola transaksi penjualan dan mempermudah bagi pelanggan dalam melakukan pemesanan produk dengan memanfaatkan media internet sehingga dapat bekerja lebih efektif dan efisien. Kata Kunci: e-commerce, Sistem Informasi, website, internet ix
ABSTRACT Maryadi Asmanudin (12140383), Design Of Web-Based Watch Sales System e-commerce is a trade contacts between sellers and buyers using the Internet media. gains derived by using e-commerce transactions is to increase revenue by using online sales that cost less and also at the same operational costs such as paper, printing catalogs. The Watch Store is a store that specializes in selling various types of watches that are trying to develop and improve sales and service to the customers satisfaction. To help increase online sales and still provide comfort to the customer, then the required supporting websites such as e- commerce. The system design in manufacturing e-commerce website was developed using Adobe Dreamweaver CC software, and Apache. With e- commerce is expected to increase sales and make it easier for the Watch Stores in managing the sale of products also make it easier for customers to order the products by making use of the internet so it can work more effectively and efficiently. Keywords: e-commerce, Information Systems, websites, internet x
DAFTAR ISI Halaman Lembar Judul Tugas Akhir... Lembar Pernyataan Keaslian Tugas Akhir... Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah... Lembar Persetujuan dan Pengesahan Tugas Akhir... Lembar Konsultasi Tugas Akhir... Kata Pengantar... Abstrak... Daftar Isi... Daftar Simbol... Daftar Gambar... Daftar Tabel... i ii iii iv v vii ix xi xiii xiv xvi BAB I PENDAHULUAN 1.1. Latar Belakang... 1 1.2. Maksud dan Tujuan... 2 1.3. Metode Penelitian... 3 1.4. Ruang Lingkup... 5 1.5. Sistematika Penulisan... 5 BAB II LANDASAN TEORI 2.1. Konsep Dasar Web... 7 A. Website... 7 B. Bahasa Pemrograman (Pemrograman Web)... 12 C. Basis Data... 15 D. Model Pengembangan Perangkat Lunak... 20 2.2. Teori Pendukung... 22 A. Struktur Navigasi... 22 B. Pengertian Entity Relationship Diagram (ERD)... 26 xi
C. Pengertian Logical Record Structure (LRS)... 27 D. Pengujian Web... 27 BAB III PEMBAHASAN 3.1. Analisa Kebutuhan... 29 A. Analisa Kebutuhan Pelanggan... 29 B. Analisa Kebutuhan Sistem... 30 3.2. Perancangan Perangkat lunak... 31 3.2.1. Rancangan Antar Muka... 31 A. Rancangan Antar Muka Login Admin... 31 B. Rancangan Antar Muka Halaman Admin... 31 C. Rancangan Antar Muka Halaman Beranda (user)... 41 3.2.2. Perancangan Basis Data A. Erd (Entity Relationship Diagram)... 47 B. Lrs (Logical Record Structure)... 48 C. Spesifikasi File... 49 3.2.3. Rancangan Struktur Navigasi... 59 3.3. Implementasi dan Pengujian Unit... 62 3.3.1. Implementasi... 62 A. Implementasi Rancangan Antarmuka... 62 B. Spesifikasi Sistem Komputer... 75 3.3.2. Pengujian Unit... 77 A. Pengujian Terhadap Form Login Admin... 78 B. Pengujian Terhadap Form Login User... 79 BAB IV PENUTUP 4.1. Kesimpulan... 80 4.2. Saran... 81 DAFTAR PUSTAKA... 82 DAFTAR RIWAYAT HIDUP... 83 xii
DAFTAR SIMBOL A. Simbol Entity Relationship Diagram ENTITAS /ENTITY Digunakan untuk menggambarkan entitas atau tabel pada basis data (database) nama_field ATRIBUT Digunakan untuk menggambarkan field dalam suatu entitas atau tabel. nama_field ATRIBUT KUNCI PRIMER Digunakan untuk menggambarkan field kunci atau primary key dalam entitas atau tabel. RELASI Digunakan untuk menggambarkan relasi atau hubungan antar entitas. 1 0...* ASOSIASI/ASSOCIATION Dibunakan untuk penghubung antara relasi dan entitas. xiii
DAFTAR GAMBAR Halaman 1. Gambar II.1. Konsep Web Tradisional... 15 2. Gambar II.2. Field dan Record... 17 3. Gambar II.3. Model Waterfall... 23 4. Gambar II.4. Struktur Navigasi linear... 24 5. Gambar II.5. Struktur Navigasi Hirarki... 25 6. Gambar II.6. Struktur Navigasi Non Linear... 26 7. Gambar II.7. Struktur Navigasi Campuran (composite)... 26 8. Gambar III.1. Rancangan Antarmuka Login Admin... 32 9. Gambar III.2. Rancangan Antarmuka Halaman Admin... 32 10. Gambar III.3. Rancangan Antarmuka Tabel Kategori Produk... 33 11. Gambar III.4. Rancangan Antarmuka Halaman Tambah Kategori... 34 12. Gambar III.5. Rancangan Antarmuka Tabel Produk... 34 13. Gambar III.6. Rancangan Antarmuka Halaman Tambah Produk... 35 14. Gambar III.7. Rancangan Antarmuka Tabel Order... 35 15. Gambar III.8. Rancangan Antarmuka Halaman Detail Order... 36 16. Gambar III.9. Rancangan Antarmuka Tabel Kurir Pengiriman... 36 17. Gambar III.10. Rancangan Antarmuka Halaman Tambah Kurir... 37 18. Gambar III.11. Rancangan Antarmuka Tabel Ongkos Kirim... 37 19. Gambar III.12. Rancangan Antarmuka Tambah Ongkos Kirim... 38 20. Gambar III.13. Rancangan Antarmuka Tabel Profil... 38 21. Gambar III.14. Rancangan Antarmuka Tabel Panduan... 39 22. Gambar III.15. Rancangan Antarmuka Tabel Rekening... 39 23. Gambar III.16. Rancangan Antarmuka Tabel Laporan... 40 24. Gambar III.17. Rancangan Antarmuka Halaman Laporan Harian... 40 25. Gambar III.18. Rancangan Antarmuka Halaman Laporan Per-periode... 41 26. Gambar III.19 Rancangan Antarmuka Halaman Beranda User... 42 27. Gambar III.20. Rancangan Antarmuka Halaman Profil Perusahaan... 42 28. Gambar III.21. Rancangan Antarmuka Halaman Panduan Bertransaksi... 43 29. Gambar III.22. Rancangan Antarmuka Halaman Login Pelanggan... 43 30. Gambar III.23. Rancangan Antarmuka Tabel Daftar Pelanggan... 44 xiv
31. Gambar III.24. Rancangan Antarmuka Halaman Profil Pelanggan... 44 32. Gambar III.25. Rancangan Antarmuka Halaman Riwayat Transaksi... 45 33. Gambar III.26. Rancangan Antarmuka Tabel Kategori Jam Tangan Anak... 45 34. Gambar III.27. Rancangan Antarmuka Tabel Kategori Jam Tangan Couple... 46 35. Gambar III.28. Rancangan Antarmuka Tabel Kategori Jam Tangan Pria... 46 36. Gambar III.29. Rancangan Antarmuka Tabel Kategori Jam Tangan Wanita... 47 37. Gambar III.30. Rancangan Antarmuka Halaman Detail Order... 47 38. Gambar III.31. ERD (Entity Relationship Diagram)... 48 39. Gambar III.32. LRS (Logical Record Structure)... 49 40. Gambar III.33. Struktur Navigasi Halaman Web Pengunjung... 60 41. Gambar III.34. Struktur Navigasi Halaman Web Home Member... 61 42. Gambar III.35. Struktur Navigasi Halaman Web Admin... 62 43. Gambar III.36. Implementasi Rancangan Antarmuka Login Admin... 63 44. Gambar III.37. Implementasi Rancangan Antarmuka Halaman Admin... 64 45. Gambar III.38. Implementasi Rancangan Antarmuka Halaman Kategori Produk... 65 46. Gambar III.39. Implementasi Rancangan Antarmuka Halaman Produk... 66 47. Gambar III.40. Implementasi Rancangan Antarmuka Halaman Order... 67 48. Gambar III.41. Implementasi Rancangan Antarmuka Kurir Pengirim... 67 49. Gambar III.42. Implementasi Rancangan Antarmuka Ongkos Kirim... 68 50. Gambar III.43. Implementasi Rancangan Antarmuka Halaman Profil... 69 51. Gambar III.44. Implementasi Rancangan Antarmuka Halaman Panduan... 69 52. Gambar III.45. Implementasi Rancangan Antarmuka Halaman Rekening... 70 53. Gambar III.46. Implementasi Rancangan Antarmuka Halaman Laporan... 71 54. Gambar III.47. Implementasi Rancangan Antarmuka Halaman User Pelanggan... 71 55. Gambar III.48. Implementasi Rancangan Antarmuka Halaman Profil... 72 56. Gambar III.49. Implementasi Rancangan Antarmuka Halaman Panduan Bertransaksi... 73 57. Gambar III.50. Implementasi Rancangan Antarmuka Halaman Masuk (login)... 73 58. Gambar III.51. Implementasi Rancangan Antarmuka Halaman Daftar... 74 59. Gambar III.52. Implementasi Rancangan Antarmuka Halaman Keranjang... 75 60. Gambar III.53. Implementasi Rancangan Antarmuka Halaman Profil Kustomer... 75 61. Gambar III.54. Implementasi Rancangan Antarmuka Halaman Riwayat Transaksi... 76 xv
DAFTAR TABEL Halaman 1. Tabel III.1. Spesifikasi File Admin... 50 2. Tabel.III.2. Spesifikasi File Hubungi... 51 3. Tabel III.3. Spesifikasi File Kategori... 52 4. Tabel III.4. Spesifikasi File Kota... 53 5. Tabel III.5. Spesifikasi File Kurir... 53 6. Tabel III.6. Spesifikasi File Pesan isi... 54 7. Tabel III.7. Spesifikasi File Modul... 55 9. Tabel III.9. Spesifikasi File Orders... 56 8. Tabel III.8. Spesifikasi File Orders Detail... 57 10. Tabel.III.10. Spesifikasi File Orders Temp... 57 11. Tabel III.11. Spesifikasi File Produk... 58 12. Tabel III.12. Spesifikasi File Ulasan... 59 13. Tabel III.13. Hasil Blackbox Testing Terrhadap Form Login Admin... 79 14. Tabel III.14. Hasil Blackbox Testing Terrhadap Form Login User... 80 xvi