Disusun Untuk Memenuhi Syarat Kelulusan Strata I Pada Sekolah Tinggi Managemen Informatika dan Komputer
(STMIK) Palangkaraya
OLEH
MUHAMMAD JUNIANSYAH NIM C1357201090
PROGRAM STUDI SISTEM INFORMASI
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER (STMIK) PALANGKARAYA
Disusun Untuk Memenuhi Syarat Kelulusan Strata I Pada Sekolah Tinggi Managemen Informatika dan Komputer
(STMIK) Palangkaraya
OLEH
MUHAMMAD JUNIANSYAH NIM C1357201090
PROGRAM STUDI SISTEM INFORMASI
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER (STMIK) PALANGKARAYA
iii
MOTTO DAN PERSEMBAHAN
Hanya orang - orang yang rendahhati yang akan diberikan kemampuan untuk membuat semua yang tidak mungkin menjadi mungkin, dan menerima berkat dari Allah SWT.
Kupersembahkan untuk :
Papah, mamah dan kakak yang selalu mendukung, memberi semangat dan mendoakan saya dan juga membesarkan saya sampai sekarang ini.
Keluarga besar yang telah memberi dukungan, semangat dan doa kepada saya.
Kepada Bapak Win Aditya Aribawa, S.H., M.Kn dan keluarga besarnya.
Teman-teman Sistem Informasi SI B Angkatan 2013.
Dosen Pembimbing Akademik dan Dosen Pembimbing Skripsi.
iv
STMIK Palangka Raya.
INTISARI
MUHAMMAD JUNIANSYAH, C1357201090, 2020. Aplikasi E-COMMERCE Seragam Sekolah Islami Pada Toko Ridalia Berbasis Web.
Pembimbing I Agung Prabowo, S.Kom., M.MSI., Pembimbing II Drs. Sartana, M.Si.
v
Seiring dengan perkembangan teknologi yang begitu pesat kebutuhan akan teknologi informasi pun sangat penting dalam segala aspek bidang kehidupansalah satunya adalah melalui perkembangan teknologi internet yang merupakan salah satu media informasi yang sedang berkembang saat ini dan telah terbukti sangat efektif dan efisien dalam penyebaran informasi yang dapat diakses oleh siapa saja, kapan saja dan dimana saja khususnya telah merambah dalam bidang pemasaran dan penjualan (e-marketing) yang dapat menghubungkan antara penjual dengan calon pembeli secara langsung tanpa dibatasi oleh ruang dan waktu.
Adapun perumusan masalahan yang dibahas dalam penulisan ini adalah “Bagaimana merancang dan membangun Aplikasi E-commerce Seragam Sekolah Islami Pada Toko Ridalia Berbasis Web?”
Aplikasi ini dibangun MySQL Sistem Informasi Penjualan Berbasis Web Pada Ridalia Palangka Raya ini dibangun dengan menggunakan dengan bahasa pemprograman PHP, XML, HTML dan Database MySQL sebagai basis data dari aplikasi ini.
Hasil skala likert adalah 705 atau 85,4% terletak lebih dekat interval Setuju (S), sehingga dapat diasumsikan bahwa program yang penulis buat telah memenuhi nilai yang baik untuk digunakan.
Kata kunci : Aplikasi E-commerce Toko Ridalia Berbasis Web
ABSTRACT
MUHAMMAD JUNIANSYAH, C1357201090, 2020. E-COMMERCE Applications of Islamic School Uniforms in Web-Based Ridalia Stores.
vi
Along with the rapid development of technology the need for information technology is also very important in all aspects of life, one of which is through the development of internet technology which is one of the growing media information at this time and has proven to be very effective and efficient in the dissemination of information that can be accessed by anyone, anytime and anywhere in particular has penetrated the field of marketing and sales (e-marketing) that can connect the seller with prospective buyers directly without being limited by space and time.
The formulation of the problem discussed in this paper is "How to design and build E-commerce Applications Islamic School Uniforms in Web-Based Ridalia Stores?"
This application was built MySQL Web-Based Sales Information System on Ridalia Palangka Raya Tailors was built using the programming languages PHP, XML, HTML and MySQL Database as the database of this application.
The result of the Likert scale is 705 or 85.4% located closer to the Agree (S) interval, so it can be assumed that the program that the author made has fulfilled a good value for use.
vii
KATA PENGANTAR
Puji dan syukur kita panjatkan kepada Tuhan Yang Maha Esa karena atas rahmat dan karunia-Nya maka dapat menyusun tugas akhir yang berjudul “AplikasiE-Commerce seragam sekolah islami pada toko Ridalia berbasis web” tepat pada waktunya.
Pada kesempatan ini penulis mengucapkan terimakasih kepada pihak-pihak yang telah membantu dalam menyelesaikan tugas akhir ini terutama kepada :
1. Suparno M.Kom selaku Ketua STMIK Palangkaraya 2. Agung Prabowo, S.Kom., M.MSI.selaku Pembimbing I 3. Drs. Sartana, M.Si. selaku Pembimbing II
Penulis menyadari sepenuhnya dalam penyusunan tugas akhir ini masih banyak terdapat kekurangan dan kelemahan yang dimiliki penulis, oleh sebab itu mengharapkan saran dan kritik, demi kesempurnaan tugas akhir ini. Akhirnya semoga tugas akhir ini bermanfaat bagi semua pihak yang memerlukan, akhir kata penulis ucapkan terima kasih.
Palangka Raya,24 Juni 2020
viii DAFTAR ISI
HALAMAN PERSETUJUAN ... i
HALAMAN PENGESAHAN ... ii
HALAMAN MOTTO DAN PERSEMBAHAN ... iii
HALAMAN INTISARI ... iv
HALAMAN ABSTRAK ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... vii
DAFTAR TABEL ... viii
DAFTAR GAMBAR ... x
DAFTAR LAMPIRAN ... xiv
BAB I PENDAHULUAN A. Latar Belakang ... 1
B. Perumusan Masalah ... 2
C. Batasan Masalah ... 2
D. Tujuan dan Manfaat ... 3
BAB II LANDASAN TEORI A. Tinjauan Pustaka ... 5
1. Dasar Teori ... 5
2. Pemodelan dan Penelitian yang Relevan ... 14
BAB III METODE PENELITIAN A. Objek Penelitian ... 17
B. Metode Pengumpulan Data ... 18
C. Metode Pengembangan Sistem ... 19
D. Teknik dan Alat Bantu Analisis ... 21
E. Metode Pengujian ... 27
F. Desain Sistem ... 30
BAB IV IMPLEMENTASI DAN PEMBAHASAN A. Implementasi ... 60 B. Pembahasan ... 112 BAB V PENUTUP A. Kesimpulan ... 117 B. Saran ... 118 DAFTAR PUSTAKA LAMPIRAN
ix
DAFTAR TABEL
Tabel 1. Sintak Variable pada PHP ... 10
Tabel 2. Sintak Java Script ... 12
Tabel 3. Contoh penggunaan Tipe Data pada Java Script ... 13
Tabel 4. Operator Java Script ... 13
Tabel 5. Kajian Penelitian Relevan ... 16
Tabel 6. Simbol-simbol use case diagram ... 22
Tabel 7. Simbol-simbol diagram activity ... 23
Tabel 8. Simbol pada Sequence Diagram ... 25
Tabel 9. Bobot Skala Likert ... 29
Tabel 10. Admin ... 46
Tabel 11. Berita ... 47
Tabel 12. Galeri ... 47
Tabel 13. Kategori ... 48
Tabel 14. Keranjang ... 48
Tabel 15. Konfirmasi pembayaran ... 49
Tabel 16. Kota ... 49
Tabel 17. Ongkos kirim ... 50
Tabel 18. Pelanggan ... 50
Tabel 19. Produk ... 51
Tabel 20. Kategori produk ... 52
Tabel 21. Testimoni ... 52
Tabel 22. Detail Transaksi ... 53
Tabel 23. Transaksi ... 53
Tabel 24. Ukuran... 54
Tabel 25. Warna ... 55
Tabel 26. Rencana Pengujian Untuk Halaman Pelanggan ... 61
Tabel 27. Rencana Pengujian Untuk Admin ... 62
Tabel 28. Hasil Pengujian Daftar Pelanggan ... 63
Tabel 29. Hasil Pengujian login Pelanggan ... 64
Tabel 30. Hasil Pengujian Data Transaksi ... 66
Tabel 31. Hasil Pengujian Menu Tentang Kami ... 71
Tabel 32. Hasil Pengujian Kirim Testimoni ... 71
Tabel 33. Hasil Pengujian Menu Tentang Kami ... 73
Tabel 34. Hasil Pengujian Menu Tentang Kami ... 74
Tabel 35. Hasil Pengujian Menu Cart ... 74
Tabel 36. Hasil Pengujian Menu Akun ... 75
x
Tabel 38. Hasil Pengujian Konten Berita ... 78
Tabel 39. Hasil Pengujian Konten Kategori Produk ... 80
Tabel 40. Hasil Pengujian Konten Sub Kategori Produk ... 82
Tabel 41. Hasil Pengujian Konten Data Produk ... 83
Tabel 42. Hasil Pengujian Data Pelanggan ... 85
Tabel 43. Hasil Pengujian Data Testimonial ... 87
Tabel 44. Hasil Pengujian Konten Data Kota ... 88
Tabel 45. Hasil Pengujian Konten Ongkos Kirim ... 90
Tabel 46. Hasil Pengujian Konten Data Transaksi Pembelian ... 91
Tabel 47. Hasil Pengujian Konten Data Transaksi Pembayaran ... 93
Tabel 48. Hasil Pengujian Konten Laporan... 95
Tabel 49. Daftar Point-Point Yang Diujikan ... 113
xi
DAFTAR GAMBAR
Gambar 1. Logo PHP ... 10
Gambar 2. Bootstrap ... 11
Gambar 3. Waterfall model ... 20
Gambar 4. Use Case Diagram ... 30
Gambar 5. Activity Diagram Login Members ... 31
Gambar 6. Activity Diagram Home ... 32
Gambar 7. Activity Diagram Keranjang Belanja ... 32
Gambar 8. Activity Diagram History ... 33
Gambar 9. Activity Diagram konfirmasi pembayaran ... 34
Gambar 10. Activity Diagram Login Admin ... 35
Gambar 11. Activity Diagram Invoices ... 36
Gambar 12. Activity Diagram Details... 36
Gambar 13. Activity Diagram Lihat semua produk ... 37
Gambar 14. Activity Diagram Edit ... 37
Gambar 15. Activity Diagram Delete ... 38
Gambar 16. Activity Diagram Tambah produk baru ... 39
Gambar 17. Sequence Diagram Login Member ... 40
Gambar 18. Sequence Diagram Keranjang Belanja ... 40
Gambar 19. Sequence Diagram History ... 41
Gambar 20. Sequence Diagram Konfirmasi Pembayaran ... 42
Gambar 21. Sequence Diagram Login Admin ... 43
Gambar 22. Sequence Diagram Tambah Produk Baru ... 43
Gambar 23. Sequence Diagram Edit ... 44
Gambar 24. Sequence Diagram Delete Produk... 45
Gambar 25. Sequence Diagram Invoices Details ... 45
Gambar 26. Class Diagram ... 55
Gambar 27. Form Home... 56
Gambar 28. Form Login ... 57
Gambar 29. Form Register ... 58
Gambar 30. Form Pengolahan data produk... 58
Gambar 31. Form Komfirmasi Pembayaran ... 59
Gambar 32. Peringatan data tidak terisi lengkap ... 64
Gambar 33. Pesan Sukses Mendaftar ... 64
Gambar 34. Peringatan Data Tidak Diisi ... 65
Gambar 35. Peringatan Data Diisi Tidak Sesuai ... 65
Gambar 36. Anggota Berhasil Login Dengan Benar ... 65
xii
Gambar 38. Detail Data Produk ... 67
Gambar 39. Proses Konfirmasi Pembelian ... 68
Gambar 40. Keranjang Belanja ... 68
Gambar 41. Proses Pembayaran ... 68
Gambar 42. Checkout ... 69
Gambar 43. Halaman Transfer dan Verifikasi Pembayaran... 69
Gambar 44. Konfirmasi Pembayaran ... 70
Gambar 45. Invoice ... 70
Gambar 46. Halaman Tentang Kami ... 71
Gambar 47. Halaman Testimoni ... 72
Gambar 48. Pengisian Tidak Lengkap ... 72
Gambar 49. Pengisian Data Lengkap dan Benar ... 73
Gambar 50. Halaman Cara Belanja ... 73
Gambar 51. Halaman Kontak Kami... 74
Gambar 52. Halaman Cart (Keranjang Belanja) ... 75
Gambar 53. Halaman Akun ... 76
Gambar 54. Profil Sukses Diubah... 76
Gambar 55. Password Sukses Diubah... 76
Gambar 56. Halaman Login ... 77
Gambar 57. Login Dengan Benar ... 78
Gambar 58. Simpan Data Berita ... 79
Gambar 59. Edit Data Berita ... 79
Gambar 60. Hapus Data Berita ... 79
Gambar 61. Simpan Data Kategori Produk ... 80
Gambar 62. Edit Data Kategori Produk ... 81
Gambar 63. Hapus Data Kategori Produk ... 81
Gambar 64. Simpan Data Sub Kategori Produk ... 82
Gambar 65. Edit Data Sub Kategori Produk ... 83
Gambar 66. Hapus Data Sub Kategori Produk ... 83
Gambar 67. Simpan Data Produk ... 84
Gambar 68. Edit Data Produk ... 84
Gambar 69. Hapus Data Produk ... 85
Gambar 70. Detail Data Pelanggan ... 86
Gambar 71. Hapus Data Pelanggan ... 86
Gambar 72. Aktivasi Data Pelanggan ... 86
Gambar 73. Detail Data Testimonial Pelanggan ... 87
Gambar 74. Hapus Data Testimoni Pelanggan ... 87
Gambar 75. Simpan Data Kota ... 88
Gambar 76. Edit Data Kota ... 89
xiii
Gambar 78. Simpan Data Ongkos Kirim ... 90
Gambar 79. Edit Data Ongkos Kirim ... 90
Gambar 80. Hapus Data Ongkos Kirim ... 91
Gambar 81. Halaman Lihat Data Transaksi Pembelian ... 92
Gambar 82. Halaman Lihat Invoice ... 92
Gambar 83. Hapus Data Transaksi Pembelian ... 92
Gambar 84. Halaman Lihat Data Transaksi Pembayaran ... 93
Gambar 85. Transaksi Pembayaran Disetujui ... 94
Gambar 86. Transaksi Pembayaran Ditolak ... 94
Gambar 87. Halaman Laporan... 95
Gambar 88. Detail Laporan Transaksi Per Periode ... 95
Gambar 89. Tampilan Login Admin ... 96
Gambar 90. Tampilan Menu Admin ... 96
Gambar 91. Tampilan Halaman Kelola Berita ... 97
Gambar 92. Tampilan Halaman Kelola Kategori ... 97
Gambar 93. Tampilan Halaman Kelola Sub Kategori ... 98
Gambar 94. Tampilan Halaman Kelola Data Produk ... 98
Gambar 95. Tampilan Halaman Kelola Data Pelanggan ... 99
Gambar 96. Tampilan Halaman Testimonial ... 99
Gambar 97. Tampilan Halaman Kelola Data Kota ... 100
Gambar 98. Tampilan Halaman Kelola Data Ongkos Kirim ... 100
Gambar 99. Tampilan Halaman Kelola Data Ongkos Kirim ... 101
Gambar 100. Invoice ... 101
Gambar 101. Tampilan Halaman Transaksi Pembayaran ... 102
Gambar 102. Halaman Laporan ... 102
Gambar 103. Halaman Laporan ... 103
Gambar 104. Pendaftaran Pelanggan ... 103
Gambar 105. Halaman Data Produk ... 104
Gambar 106. Detail Data Produk ... 104
Gambar 107. Proses Konfirmasi Pembelian... 105
Gambar 108. Keranjang Belanja... 105
Gambar 109. Proses Pembayaran ... 106
Gambar 110. Checkout ... 106
Gambar 111. Halaman Transfer dan Verifikasi Pembayaran ... 107
Gambar 112. Konfirmasi Pembayaran ... 107
Gambar 113. Invoice ... 108
Gambar 114. Halaman Tentang Kami ... 108
Gambar 115. Halaman Testimoni ... 109
Gambar 116. Halaman Cara Belanja ... 109
xiv
Gambar 118. Halaman Cart (Keranjang Belanja) ... 110 Gambar 119. Halaman Akun ... 111
xv
DAFTAR LAMPIRAN
Lampiran 1. Berita Acara Black Box Testing Lampiran 2. Kuisioner Responden
Lampiran 3. Hasil Perhitungan Kuisiuner Responden Lampiran 4. Surat Tugas Pembimbing
Lampiran 5. Surat Ijin Penelitian
Lampiran 6. Kartu Kegiatan Konsultasi skripsi Lampiran 7. Kartu Kegiatan Seminar
Lampiran 8. Surat Tugas Penguji Seminar Proposal Lampiran 9. Surat Tugas Penguji Tugas Akhir Lampiran 10. Berita Acara Seminar Proposal Skripsi Lampiran 11. Berita Acara Ujian Tugas Akhir
Lampiran 12. Daftar Hadir Peserta Seminar Proposal Skripsi Lampiran 13. Lembar Wawancara
1 BAB I PENDAHULUAN A. Latar Belakang
Seiring dengan perkembangan teknologi yang begitu pesat kebutuhan akan teknologi informasi pun sangat penting dalam segala aspek bidang kehidupansalah satunya adalah melalui perkembangan teknologi internet yang merupakan salah satu media informasi yang sedang berkembang saat ini dan telah terbukti sangat efektif dan efisien dalam penyebaran informasi yang dapat diakses oleh siapa saja, kapan saja dan dimana saja khususnya telah merambah dalam bidang pemasaran dan penjualan (e-marketing) yang dapat menghubungkan antara penjual dengan calon pembeli secara langsung tanpa dibatasi oleh ruang dan waktu.
Pada saat ini, Toko Ridalia yang beralamatkan Jalan Intan NO.96 belum menggunakan fasilitas e- commerce dalam proses promosi dan transaksi sehingga terkendala dalam proses penawaran produk kepada konsumen yang berada di luar kota. Selain itu, juga bisa mengakibatkan dampak yang berpengaruh kepada proses penjualan produk yang tidak produktif. Proses penjualan Toko Ridalia akan hanya dilakukan apabila terdapat konsumen yang datang ke toko tersebut, sedangkan banyak konsumen yang diluar kota tidak bisa datang atau tidak tahu keberadaan Toko Ridalia.
Berdasarkan paparan permasalahan pada paragraf sebelumnya maka penulis mengangkat sebuah ide penelitian dengan judul “Aplikasi
E-commerce Seragam Sekolah Islami Pada Toko Ridalia Berbasis Web”. Dalam aplikasi ini yang diterapkan penulis yaitu Framework Bootsrap. Bootsrap adalah suatu sistem user interface berbasis HTML 5 yang diakses
untuk membuat situs web dan aplikasi yang dapat diakses oleh semua perangkat smartphone, tablet dan desktop.
B. Perumusan Masalah
Adapun perumusan masalahan yang dibahas dalam penulisan ini adalah “Bagaimana merancang dan membangun Aplikasi E-commerce Seragam Sekolah Islami Pada Toko Ridalia Berbasis Web?”
C. Batasan Masalah
Agar permasalahan dalam penelitian ini tidak melebar luas, maka diberikan batasan-batasan untuk pendekatan permasalahan agar lebih terinci dalam pelaksanaannya, yaitu:
1. Sistem pembayaran produk dilakukakan dengan transfer antar rekening bank secara manual kemudian divalidasi oleh admin setelah pelanggan mengkorfirmasi pembayaran dengan nomor pelanggan.
2. Pengiriman di luar kota Palangkaraya menggunakan jasa pengiriman JNE, J&T, dan Kantor Pos.
3. Jika pelanggan tidak melakukan konfirmasi kepada pihak Toko selama 2 x 24 jam maka purchasing order di anggap gagal oleh admin.
4. Pengguna dapat melakukan aktifitas dan fasilitas didalam sistem dengan cara mendaftar terlebih dahulu sebagai member.
5. Sistem informasi ini meliputi data pelanggan,nota pemesanan,history pembelian,data produk seragam.
6. Sistem ini di bangun dengan bahasa pemrograman PHP, HTML, Database MYSQL dan Framework Bootsrap.
7. Aplikasi tidak dapat menerima pembayaran yang dilakukan secara kredit. D. Tujuan dan Manfaat
1. Tujuan
Tujuan yang ingin dicapai penulis adalah merancang dan membangun sistem informasi user friendly untuk Toko Ridalia yang dapat memberikan kemudahan dalam pengolahan data barang, stok barang, data transaksi, dan data pelanggan.
2. Manfaat
Penelitian ini diharapkan dapat memberikan manfaat, antara lain sebagai berikut:
a. Bagi penulis
Penelitian ini diharapkan bermanfaat untuk mengembangkan ilmu pengetahuan sesuai dengan bidang yang dipelajari.
b. Bagi Toko Ridalia
Memberikan kemudahan dalam Pemasaran dan penjualan, pendataan barang, pelanggan, pemasok, serta stok barang dan dapat memberikan informasi yang cepat dan tepat.
Penelitian ini diharapkan dapat menjadi masukan evaluasi atas kemampuan mahasiswa dalam menerapkan ilmu yang didapat selama masa kuliah dan dapat menjadi dokumen akademik yang berguna untuk dijadikan reverensi bagi Civitas akademika di STMIK Palangkaraya yang melakukan penelitian dengan tema yang sama.
d. Bagi Masyarakat
Mempermudah masyarakatmencari kebutuhan seragam sekolah islami dan melakukan proses belanja secara online.
5 BAB II LANDASAN TEORI A. TINJAUAN PUSTAKA 1. Dasar Teori a. Aplikasi
Menurut Jogiyanto (2012:12), Aplikasi adalah penggunaan dalam suatu komputer, instruksi (instruction) atau pernyataan (statement) yang disusun sedemikian rupa sehingga komputer dapat memproses input menjadi output.
Menurut Santoso (2005:9) aplikasi adalah suatu kelompok file (form, class, report) yang bertujuan untuk melakukan aktivitas tertentu yang saling terkait.
Jadi Aplikasi merupakan program siap pakai yang digunakan untuk melaksanakan suatu fungsi bagi pengguna atau aplikasi yang lain dan dapat digunakan untuk tujuan tertentu.
b. E-Commerce
Menurut Loudon (2014:32), E-Commerce ialah suatu proses yang dilakukan konsumen dalam membeli dan menjual berbagai produk secara elektronik dari perusahaan ke perusahaan lain dengan menggunakan komputer sebagai perantara transaksi bisnis yang dilakukan.
Menurut Ridha(2011:26), E-Commerce adalah proses kegiatan berupa transaksi barang atau jasa antara penjual dan pembeli dengan kesepakatan tertentu melalui media dunia maya.
Jadi e-commerce merupakan proses transaksi barang atau jasa antara penjual dan pembeli dengan aturan atau perjanjian tertentu melalui media internet.
E-commerce jenis inilah yang digunakan penulis dalam
pembuatan sistem.
Business-to-Consumer (B2C), B2C adalah jenis e-commerce antara
perusahaan dan konsumen akhir. Hal ini sesuai dengan bagian ritel dari e-commerce yang biasa dioperasikan oleh perdagangan ritel tradisional. Jenis ini bisa lebih mudah dan dinamis, namun juga lebih menyebar secara tak merata atau bahkan bisa terhenti.
c. Sistem
Menurut Lucas (2013:5), sistem adalah suatu himpunan komponen atau variable yang terorganisasi, saling berinteraksi, saling bergantung satu sama lain dan terpadu.
Menurut Sutabri (2014:9), sistem adalah sekelompok unsur yang erat hubungan satu dengan yang lain, yang berfungsi bersama-sama untuk mencapai suatu tujuan tertentu.
Jadi dapat disimpulkan sistem adalah sekumpulan unsur dan prosedur yang berfungsi untukm encapai suatu tujuan tertentu.
d. Informasi
Menurut Wahyono (2014:12), informasi adalah hasil dari pengolahan data menjadi yang lebih berguna bagi yang menerimanya yang menggambarkan suatu kejadian-kejadian nyata dan data digunakan sebagai alat bantu pengambilan suatu keputusan.
Menurut Sutedjo (2012:12), informasi adalah merupakan hasil pengolahan data atau fakta yang dikumpulkan dengan cara tertentu. Informasi disajikan dalam bentuk yang mudah dipahami dan merupakan pengetahuan yang relevan yang dibutuhkan untuk menambah wawasan bagi pemakainya guna mencapai suatu tujuan.
Dari pendapat beberapa ahli dapat disimpulkan informasi adalah hasil data yang sudah diolah yang menggambarkan suatu
kejadian-kejadian nyata dan disajikan dalam bentuk yang mudah dipahami untuk mendukung pengambilan keputusan.
e. Sistem Informasi
Menurut Jogiyanto (2012:11), sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolah transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.
Menurut Kadir (2009:8), sistem informasi mencakup sejumlah komponen (manusia, komputer, teknologi informasi, dan prosedur kerja) ada sesuatu yang diproses (data menjadi informasi), dan dimaksudkan untuk mencapai suatu sasaran dan tujuan.
Jadi sistem informasi adalah komponen yang mencakup manusia, komputer, teknologi informasi, dan prosedur kerja yang saling berhubungan dan berinteraksi, yang dikemas dalam suatu penyajian informsi guna mencapai tujuan tertentu seperti kegiatan strategi organisasi.
f. Website
Menurut Abdulloh (2015:1), Website dan internet adalah hal yang berbeda. Website atau disingkat web, dapat diartikan sekumpulan halaman yang terdiri dari beberapa laman yang berisi informasi dalam bentuk data digital baik berupa text, gambar, video, audio, dan animasi lainnya yang disediakan melalui jalur koneksi internet.
Lebih jelasnya, website merupakan halaman-halaman yang berisi informasi yang ditampilkan oleh browser seperti Mozilla Firefox, Google Chrome atau yang lainnya, sedangkan internet adalah
jaringan yang digunakan untuk mengirim informasi pada website. g. Database (basis data)
Menurut Sutarman (2012:15), Database sekumpulan file yang saling berhubungan dan terorganisasi atau kumpulan record-record yang menyimpan data dan hubungan diantaranya.
Menurut Ladjamudin (2013:129), Database adalah sekumpulan data store (bisa dalam jumlah yang sangat besar) yang tersimpan dalam magnetic disk, oftical disk, magnetic drum, atau media penyimpanan sekunder lainya.
Database adalah sekumpulan file yang saling berhubungan yang menyimpan data dan tersimpan dalam sebuah media penyimpanan.
h. Framework
Menurut Hakim (2010:3) menjelaskan bahwa, Framework adalah koleksi atau kumpulan potongan-potongan program yang disusun atau diorganisasikan sedemikian rupa, sehingga dapat digunakan untuk membantu membuat aplikasi utuh tanpa harus membuat semua kodenya dari awal.
Sedangkan menurut Raharjo (2015:2), Framework adalah suatu kumpulan kode berupa pustaka (library) dan alat (tool) yang dipadukan sedemikian rupa menjadi satu kerangka kerja (framework) guna memudahkan dan mempercepat proses pengembangan aplikasi web.
Framework adalah kumpalan-kumpalan potongan program yang dipadukan menjadi satu kerja kerja yang digunakan untuk membatu dalam pembuatan sebuah aplikasi.
i. PhpMyAdmin
PhpMyAdmin adalah sebuah aplikasi pendukung untuk membuka software aplikasi web PhpMyAdmin. Menurut Sibero (2013:376) menyatakan bahwa “phpMyAdmin adalah aplikasi web yang dibuat oleh phpmyadmin.net. PhpMyAdmin digunakan untuk administrasi database MySQL”.
Menurut Hidayatullah (2015:184) menyatakan bahwa phpMyAdmin adalah “tool open source yang ditulis dalam bahasa PHP untuk menangani administrasi MySQL berbasis World Wide Web”.
PhpMyAdmin adalah sebuah aplikasi web yang digunakan untuk administrasi database MySQL yang berbasis tool open source dan Word Wide Web.
j. CodeIgniter
Menurut Hakim (2010:3) CodeIgniter adalah sebuah framework PHP yang dapat membantu mempercepat developer dalam pengembangan aplikasi web berbasis PHP dibandingkan jika menulis semua kode program dari awal.
Menurut Raharjo (2015:3) CodeIgniter adalah framework web untuk bahasa pemrograman PHP, yang dibuat oleh Rick Ellis pada tahun 2006, penemu dan pendiri EllisLab.
CodeIgniter adalah sebuah framework buatan Rick Ellis yang digunakan untuk mempermudah pada developer dalam mengembangkan suatu aplikasi web.
k. NotePad++
Madcoms (2016:3) menyatakan, “Notepad ++ adalah sebuah text editor yang sangat berguna bagi setiap orang dan khususnya bagi developer dalam membuat program”.
l. PHP (Hypertext Proprocessor)
Menurut Arief (2011:43), PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena PHP merupakan server-side scripting maka sintaks dan perintah-perintah PHP akan diesekusi di server kemudian hasilnya dikirimkan ke browser dalam format HTML.
PHP dirancang untuk membentuk halaman web yang dianamis, yaitu halaman web yang dapat membentuk suatu tampilan berdasarkan permintaan terkini, seperti menampilkan isi basis data ke halaman web.PHP termasuk dalam Open Source Product, sehingga source code
PHP dapat diubah dan didistribusikan secara bebas.PHP juga dapat berjalan pada berbagai web server seperti IIS (Internet Information Server), PWS (Personal Web Server), Apache, Xitami.Gambar PHP
dapat dilihat pada Gambar 1.
Gambar 1. Logo PHP
Untuk mengenal sintak dalam PHP, tentu saja juga harus sudah mengenal algoritma dalam pemrograman, karena pada dasarnya semua bahasa pemrograman menggunakan algoritma yang sama. Mulai dari pengenalan variable, proses pengulangan (looping), dan menghasilkan keluaran/output. Sintak PHP selalu dimulai dengan <? Atau <?php dan diakhiri dengan ?>. dan di dalam Sintak php juga dapat kita sisipkan kode html dengan menambahkan perintah echo “”; dalam PHP, setiap variable diberi tanda dollar ($). Contoh pengenalan variable didalam PHP yang dilihat pada Tabel 1.
Tabel 1. Sintak Variable pada PHP
No Sintak Keterangan
1 <? awal sintak php
2 $nama=”Juni”; variable nama bernilai string Juni
3 $usia=”19”; variable usia benilai integer 19 4 echo “Namaku $nama,
dan usiaku $usia”;
menampilkan nilai dari variable $nama dan $usia 5 ?> akhir sintak php
m. Bootstrap
Gambar 2. Bootstrap
Sumber : https://goo.gl/images/YuD9B7
Menurut Utomo (2016:11), Bootstrap merupakan salah satu framework HTML, CSS dan JS cukup populer, serta banyak digunakan
oleh para pengembang web.
Framework ini banyak digunakan untuk membuat website yang
bersifat responsif. Artinya bisa menyesuaikan tampilan layout nya berdasarkan ukuran viewport dari device pengaksesanya, mulai dari smartphone, tablet atau layar PC.
n. Java Script
Menurut Arief (2011:47), Java Script merupakan bahasa yang terbentuk kumpulan skrip yang berfungsi untuk memberikan tampilan yang tampak lebih interaktif pada dokumen web.
Java Script merupakan bahasa pemrograman untuk memberikan
kemampuan tambahan kedalam bahasa pemrograman HTML (Hyper text Markup Language) dengan mengijinkan pengeksekusian
perintah-perintah pada sisi client, dan bukan sisi server dokumen web. Pada hakikatnya, bahasa pemrograman Java Script berisi Skrip yang pemasangannya terselip disebuah dokumen HTML. Sehingga bahasa Java Script ini tidaklah memerlukan sebuah kompilator atau
penerjemah khusus untuk mengeksekusinya. Hal tersebut juga bergantung pada navigator yang terdapat disetiap browser.
Untuk menerapkan program Java Script dalam web, ada beberapa yang harus diketahui oleh seorang perancang web, yaitu: 1) Seorang perancang harus mengetahui cara menggunakan HTML
dan mengedit dokumen HTML.
2) Seorang perancang harus menggunakan browser yang sudah mendukung pemrograman Java Script, misalnya Internet Explorerversi 4 atau versi diatasnya, Netscape versi 3 atau versi
diatasnya.
Penggunaan Java Script dalam pembuatan web yaitu dengan memasukan program kedalam HTML. Berikut Sintak Script dari Java Script yang dilihat pada Tabel 2.
Tabel 2. Sintak Java Script
No Sintax Keterangan
1 <script type="text/Java Script">
Awal script
2 var x = 100; Deklarasi variable x bernilai 100 3 document.writeln('varia
bel xbernilai =' + x + '<br>');
Menampilkan nilai dari variable x yaitu 100
4 var user = 'Toko Ridalia';
Deklarasi awal nilai variabel user bernilia string Toko Ridalia 5 document.writeln('Sela
mat datang')
Menampilkan nilai dari variable user yaitu Selamat datang 6 '+user+'<br>'); Toko Ridalia
7 </script> Akhir script
Variable dalam Java Script merupakan tempat untuk
anda memberi nilai pada variable maka dalam Java Script menganggap bahwa anda telah mendeklarasikan variable tersebut. Berikut aturan penulisan variable. Contoh penggunaan Variable yang dilihat pada Tabel 3.
Tabel 3. Contoh penggunaan Tipe Data pada Java Script
No Tipe data Contoh
1 String Var namaku=”Juni”;
2 Number Var nilaiku=100;
Tabel 4. Operator Java Script
No Operator Kegunaan Jenis
1 = Untuk mengisi
nilai pada sebiah variabel. Misal namaku=”Juni”
Operator penugasan
2 || Untuk operasi
logika atau
Operator logika. Operator logika digunakan untuk melakukan operasi logika yang menghasilkan nilai true (benar) atau false (salah) 3 && Untuk operasi
perbandingan sama dengan
Operator perbandingan. Operator perbandingan
digunakan untuk
membandingkan suatu nilai dengan nilai yang lain, hasilnya adalah nilai true (benar) atau (salah).
4 != Untuk operasi perbandingan tidak sama dengan Operator perbandingan 5 <, <=, >, >= Untuk operasi perbandingan kurang dari, sama dengan, lebih dari, lebih dari sama dengan.
No Operator Kegunaan Jenis 6 +, - Penjumlahan dan pengurangan. Operator + juga bisa digunakan untuk menyambung dua buah string
Operator aritmetika
7 *, / Perkalian dan pembagian
Operator Aritmetika
2. Pemodelan dan Penelitian yang Relevan
Dalam penelitian ini penulis menggunakan model Waterfall. Menurut Sommerville (2013:43), Waterfall memiliki 5 tahapan, yaitu Definisi persyaratan, Perancangan sistem dan perangkat lunak, Implementasi dan pengujian unit, Integrasi dan pengujian sistem, Operasi dan pemeliharaan. Model ini merupakan sebuah pendekatan terhadap pengembangan perangkat lunak yang sistematik.
Penulis mencoba untuk menguraikan dan menjelaskan dari beberapa contoh kajian penelitian yang relevan yang telah berhasil dihimpun oleh penulis yang dipaparkan dalam bentuk kajian penelitian yang relevan yang dapat dilihat pada Tabel 1.
Tabel 5. Kajian Penelitian Relevan No Penulis/ Tahun Topik Penelitian Metode Pengembang an PL Hasil Perbedaan 1 2 3 4 5 6 1. Ayu Kartika Sari / 2017 Sistem Informasi Penjualan Pada Toko Kue Putri Palangkaray a Berbasis Web
Waterfall Membuat sistem informasi penjualan pada toko kue putri palangkaraya berbasis web,yang berfungsi untuk memenuhi kebutuhan sistem yang ada dibidang penjualan,sistem ini nantinya berguna untuk memepermudah dalam prosesnya. Perbedaan terdapat pada jenis barang yang dijual dan proses pengiriman
barang yang dapat dikelola
berdasarkan nama ekspedisi.
1 2 3 4 5 6 2. Metty Mustika Sari / STMIK Palangka raya / 2015 Rancang Bangun Aplikasi E-Commerce Agen Zoya Berbasis Web Waterfall Dengan adanya aplikasi e-commerce agen zoya berbasis webdapat memberi kemudahan kepada agen untuk mendapatkan informasi serta melakukan proses Perbedaan terdapat pada jenis barang yang dijual dan proses pengiriman
barang yang dapat dikelola
berdasarkan nama ekspedisi.
belanja secara cepat tanpa harus datang kegudang. 3. Aulan Hari / STMIK Palangka raya / 2014 Web E-Commerce Peralatan Olah Raga Tenis Meja Pada Toko Combinasi Palangka Raya Waterfall Dengan adanya Aplikasi webe-commerce peralatan tenis meja pada toko combinasi sport palangkaraya dapat memberikan kemudahan konsumen dalam mendapatkan informasi yang dicarinya serta mempermudah masyarakat untuk melakukan transaksi tanpa harus pergi keberbagai toko olahraga tenis meja.
Dibandingkan dengan penelitian yang dibuat penulis yaitu seragam muslim. Selain itu penelitian penulis, mempermudah pelanggan yang di kota dan diluar kota palangkaraya untuk melakukan transaksi produk tanpa harus pergi
ke toko, sedangkan untuk penelitian Aulan Hari belum mengelola pengiriman barang melalui ekspedisi 4. Karyono / AMIKO M Yogyaka rta / 2013 Rancang Bangun E-Commerce Penjualan Sparepart Mobil. Waterfall Dengan adanya aplikasi e-commercesparepart mobil yogyakarta menggunakan PHP dan MySQL dapat memberikan kemudahan pelanggan dalam mencari informasi terbaru mengenai sparepart Dibandingkan dengan penelitian yang dibuat penulis yaitu seragam muslim. Selain itu penelitian penulis, mempermudah pelanggan yang di kota dan diluar
yang dipasarkan. kota palangkaraya untuk melakukan transaksi produk tanpa harus pergi
ke toko, sedangkan untuk penelitian Karyono belum mengelola pengiriman barang melalui ekspedisi Kesimpulan:
Perbedaan penelitian terdahulu dibandingkan dengan penelitian ini adalahpenelitian yang dikembangkan dari beberapa penelitian sebelumnya dengan penelitian yang dibuat penulis memiliki persamaan yaitu dalam pengembangan e-commerce berbasis web yang dapat diakses melalui smartphone dan PC, namun berbeda dalam bentuk studi kasus informasi
yang disajikan dan pengelolaan yang lebih komplek yaitu mengelola jenis ekspedisi dan biaya.
BAB III
METODE PENELITIAN A. Objek Penelitian
Objek penelitian dilakukan di Toko Ridalia yang terletak di jalan intan no.96 Palangka Raya tentang sistem pemasaran dan penjualan produk konveksi baju sekolah yang sedang berjalan saat ini dan langsung memperhatikan alur kerja objek yang selama ini sedang berjalan untuk menjadi bahan penelitian.
Toko Ridalia merupakan perusahaan yang bergerak dalam bidang penjualan pakaian Untuk sistem penjualan dan pembelian barang masih menggunakan metode konvensional yaitu pencatatan setiap transaksi dengan menggunakan buku besar, sehingga kesulitan dalam pengontrolan persediaan barang, kesulitan dalam pembuatan laporan penjualan dan pembelian dan membutuhkan waktu lama dalam pencarian data barang. Dari permasalahan tersebut dirancang dan dibangunlah sebuah sistem informasi penjualan barang yang berisikan data-data pembelian barang, stok barang, data-data penjualan barang serta laporan-laporan penjualan barang yang terjadi setiap harinya. Dari sistem ini diharapkan dapat menyelesaikan masalah laporan data penjualan barang dengan cepat dan kapan saja jika dibutuhkan dan hasil dari proses pengolahan data ini pun lebih akurat dibanding jika dilakukan proses pengolahan data dengan sistem konvensional. E-Commerce itu sendiri adalah sistem perdagangan dengan menggunakan perangkat mobile yang dapat membantu konsumen dalam proses penjualan. Dengan adanya sistem ini,
diharapkan Toko Ridalia dapat memasarkan barang jualannya secara online sehingga konsumen bisa melihat dan memesan produk tanpa harus mendatangi secara langsung toko tersebut.
B. Metode Pengumpulan Data
Metode yang digunakan penelitian ini adalah proses pengumpulan data terdiri dari:
1. Metode Observasi
Metode Observasi merupakan metode untuk melaksanakan pengamatan dengan pencatatan data secara langsung, pengenalan kondisi dan situasi yang ada pada lingkungan Toko Ridalia Palangka Raya.
2. Metode Wawancara
Selain Observasi, metode lain yang digunakan adalah metode Interview atau wawancara dalam pengumpulan data. Jenis wawancara adalah wawancara pribadi. Wawancara ini dilakukan oleh penulis dengan seorang narasumber dengan memberikan beberapa pertanyaan terkait penelitian yang dilakukan kepada pihak Toko Ridalia Palangka Raya untuk melengkapi data yang digunakan untuk penelitian dan hal-hal yang dianggap perlu yang berkaitan dengan materi yang dibahas dalam hal ini adalah Bapak Amiruddin selaku pimpinan sekaligus pemilik.
3. Metode Dokumentasi
Selain wawancara, penelitian ini juga menggunakan metode dokumentasi dalam pengumpulan data.Dalam pengumpulan data, penulis melakukan dokumentasi berbentuk tulisan dan dokumentasi berbentuk
gambar kepada pihak sekolah untuk melengkapi data yang digunakan untuk penelitian dan hal-hal yang dianggap perlu yang berkaitan dengan materi yang dibahas.
4. Metode Kepustakaan
Metode kepustakaan adalah metode pengumpulan data denganmempelajari beberapa buku yang berhubungan dengan topik, dokumen-dokumen yang berhubungan dengan permasalahan yang sedang dokumentasi.
C. Metode Pengembangan Sistem
Penelitian ini menggunakan model Waterfall. Model ini merupakan sebuah pendekatan terhadap pengembangan perangkat lunak yang sistematik, dengan beberapa tahapan yaitu definisi persyaratan, perancangan sistem dan perangkat lunak, implementasi dan pengujian unit, integrasi dan pengujian sistem dan Operasi dan pemeliharan.
Tahapan-tahapan komponen pemodelan waterfall adalah sebagai berikut
20
Gambar 3. Waterfall model Sumber : Sommerville (2013:43) 1. Definisi persyaratan.
Pelayanan, batasan dan tujuan ditentukan sistem melalui konsultasi dengan user sistem. Persyaratan ini kemudian didefinisikan secara rinci dan berfungsi sebagai spesifikasi sistem.
2. Perancangan sistem dan perangkat lunak.
Proses perancangan sistem membagi persyaratan dalam sistem perangkat keras dan atau perangkat lunak. Kegiatan ini menentukan arsitektur sistem secara keseluruhan. Perancangan perangkat lunak melibatkan identifikasi dan deskripsi abstraksi sistem perangkat lunak yang mendasar dan hubungan-hubungannya.
3. Implementasi dan pengujian unit
Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai serangkaian program atau unit program. Pengujian unit melibatkan verifikasi bahwa setiap unit telah memenuhi spesifikasinya.
Definisi persyaratan
Perancangan sistem dan perangkat lunak
Implementasi dan pengujian unit Integrasi dan pengujian sistem Operasi dan pemeliharaan
4. Integrasi dan pengujian sistem.
Unit program dan program individual diidentifikasikan dan diuji sebagai sistem yang lengkap untuk menjamin bahwa persyaratan sistem telah terpenuhi. Setelah pengujian sistem, perangkat lunak dikirim kepada pelanggan.
5. Operasi dan pemeliharaan.
Biasanya (walaupun tidak seharusnya), ini merupakan fase siklus hidup yang paling lama. Sistem diinstal dan dipakai. Pemeliharaan mencakup koreksi dari berbagai error yang tidak ditemukan pada tahap-tahap terdahulu, perbaikan atas implementasi unit sistem dan pengembangan pelayanan sistem, sementara persyaratan-persyaratan baru ditambahkan. D. Teknik dan Alat Bantu Analisis
1. Teknik Analisis Berorientasi Objek
Tools yang digunakan penulis menggunakan Unifield Modeling Language (UML). Menurut Pressman (2010:987), Unifield Modeling Language (UML) adalah “bahasa standar untuk penulisan cetak biru perangkat lunak. UML dapat digunakan untuk memvisualisasikan, menentukan, mengonstruksi, dan mendokumentasikan artifak-artifak suatu sistem software-intensive”.
UML ada beberapa diagram yaitu sebagai berikut:
a. Use Case Diagram
Diagram Use Case menggambarkan apa saja aktifitas yang
dilakukan oleh suatu sistem dari sudut pandang pengamatan luar yang menjadi persoalan itu apa yang dilakukan bukan bagaimana melakukannya.
Simbol-simbol yang ada pada use case diagram dapat dilihat pada tabel 2.
Tabel 6. Simbol-simbol use case diagram
Simbol Nama Keterangan
1 2 3
Actor
Menspesifikasikan
himpunan peran yang pengguna mainkan ketika berinteraksi dengan Use Case.
Dependency
Hubungan dimana
perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempengaruhi elemen yang bergantung padanya elemen yang tidak mendiri (independent).
Generalization
Hubungan dimana objek anak (descendent) berbagi prilaku dan struktur data dari objek yang ada di atasnya objek induk (ancestor)
Include Menspesifikasikan bahwa Use Case sumber secara Eksplisit
Extend
Menspesifikasikan bahwa use case target memperluas prilaku dari use case sumber pada suatu titik yang diberikan.
Association
Apa yang menghubungkan antara objek satu dengan objek lainnya.
System
Menspesifikasikan paket yang menampilkan sistem secara terbatas
1 2 3
Use Case
Deskripsi dari urutan aksi-aksi yang ditampikan sistem yang menghasilkan suatu hasil yang terukur bagi suatu actor.
Collaboration
Interaksi aturan-aturan dan elemen lain yang bekerja sama untuk menyediakan prilaku yang lebih besar dari jumlah dan elemen-elemennya (sinergi)
Note
Elemen fisik yang eksis saat aplikasi dijalankan dan mencerminkan suatu sumber daya komputasi
b. Diagram Activity
Pada dasarnya diagram Activity sering digunakan oleh flowchart. Diagram ini berhubungan dengan diagram Statechart.
Diagram Statechart berfokus pada obyek yang dalam suatu
proses(atau proses menjadi suatu obyek), diagram Activity berfokus pada aktifitas-aktifitas yang terjadi yang terkait dalam suatu proses tunggal. Simbol-simbol yang ada pada diagram activity dapat dilihat pada Tabel 3.
Tabel 7. Simbol-simbol diagram activity
Simbol Nama Keterangan
Start Point
Merepresentasikan
dimulainya alur kerja suatu sistem dalam activity diagram dinotasikan dengan solid.
Simbol Nama Keterangan
End Point
Merepresentasikan
diakhirnya alur kerja suatu sistem dalam activity diagram. Dinotasikan dengan lingkaran solid dengan lingkaran di luarnya.
Activitiy
Merepresentasikan performa dari beberapa tingkah laku di dalam alur kerja,
dinotasikan dengan segiempat
Fork
(Percabangan)
Fork; Digunakan untuk menunjukkan kegiatan yang dilakukan secara parallel.
Join
(Penggabungan)
Join, digunakan untuk menggabungkan dua kegiatan paralel menjadi satu.
Decision
Menentukan kapan alur dalam aktivitas menjadi bercabang.Dinotasikan dengan belah ketupat.
Swimlame
Sebuah cara untuk mengelompokan activity berdasarkan actor. Actor (Mengelompokan activity dalam sebuah urutan yang sama)
Partition 1
c. Sequence Diagram
Sequence diagram menggambarkan interaksi antar objek di
dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri antar dimensi vertikal (waktu) dan dimensi
horizontal (objek-objek yang terkait). Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu
Simbol-simbol Sequence Diagram seperti pada Tabel 4. Tabel 8. Simbol pada Sequence Diagram
No Nama Komponen
Keterangan Simbol
1 2 3 4
1 Object Object merupakan
instance dari sebuah class dan dituliskan tersusun secara h
orizontal. Digambarkan sebagai sebuah class (kotak) dengan nama object didalamnya yang diawali dengan sebuah titik koma.
2 Actor Actor juga dapat berkomunikasi dengan object, maka actor juga dapat diurutkan sebagai kolom. Simbol Actor sama dengan simbol pada Actor Use Case Diagram.
1 2 3 4 3 Lifeline Lifeline mengindikasikan
keberadaan sebuah object dalam basis waktu. Notasi untuk Lifeline adalah garis putus-putus vertikal yang ditarik dari sebuah object. 4 Activation Activation dinotasikan
sebagai sebuah kotak segi empat yang digambar pada sebuah lifeline.
mengindikasikan sebuah obyek yang akan melakukan sebuah aksi.
5 Message Message, digambarkan dengan anak panah
horizontal antara Activation Message mengindikasikan komunikasi antara object -object
2. Alat Bantu Analisis
Menurut Jogiyanto (2012:38), dalam bukunya yang berjudul Analisis dan Desain definisi dari PIECES adalah :
a. Performances (kinerja), peningkatan terhadap kinerja (hasil kerja) sistem yang baru sehingga menjadi lebih efektif. Kinerja dapat di ukur dari throughput dan response time. Throughput adalah jumlah dari pekerja yang dapat dilakukan suatu saat tertentu. Response time adalah rata-rata waktu yang tertunda diantara dua transaksi atau pekerjaan di tambah dengan waktu response untuk menangani pekerjaan tersebut.
b. Information (informasi), peningkatan terhadap kualitas informasi yang disajikan.
c. Economic (ekonomi), peningkatan terhadap manfaat-manfaat atau keuntungan-keuntungan atau penurunan biaya yang terjadi.
d. Control (pengendalian), peningkatan terhadap pengendalian untuk mendeteksi dan memperbaiki kesalahan-kesalahan serta kecurangan- kecurangan yang akan terjadi.
e. Efficiency (efisiensi), peningkatan terhadap efisiensi operasi. Efisiensi berbeda dengan ekonomis, bila ekonomis berhubungan dengan bagaimana sumberdaya tersebut digunakan dengan pemborosan yang paling minimum. Efisiensi dapat di ukur dari outputnya dibagi dengan inputnya.
f. Service (pelayanan), peningkatan terhadap pelayanan yang diberikan oleh sistem.
E. Metode Pengujian
Metode pengujian yang digunakan dalam penelitian ini adalah: 1. Pengujian Black Box
Menurut Nugroho (2011:301), pengujian Black Box (testing black box) adalah verifikasi perilaku unit pengujian yang tampak dari luar.
Dengan adanya Black Box Testing, perkayasa software dapat menggunakan sekumpulan kondisi masukan yang dapat secara penuh memeriksa keseluruhan kebutuhan fungsional pada suatu program. Black box testing bukan teknik alternatif dari pada white box testing. Lebih dari
itu, ia merupakan pendekatan pelengkap dalam mencakup error dengan kelas yang berbeda dari metode white box testing.
Kategori error yang akan diketahui melalui black box testing ialah: a. Fungsi yang hilang atau tak benar
b. Error dari antar-muka
c. Error dari struktur data atau akses eksternal database d. Error dari kinerja atau tingkah laku
e. Error dari inisialisasi dan terminasi
Black Box testing digunakan pada tahap akhir dan berfokus pada
domain informasi. 2. Skala Likert
Menurut Sudaryono dkk (2011:110), Skala Likert digunakan untuk mengukur sikap, pendapat, dan persepsi seseorang atau kelompok orang tentang kejadian atau gejala sosial. Dalam penelitian gejala sosial, peneliti telah menetapkan secara spesifik skalanya dan selanjutnya disebut variabel penelitian. Berdasarkan pendapat di atas, skala likert adalah suatu alat ukur yang digunakan untuk mengukur tingkat persetujuan responden terhadap pernyataan.
Likert yang merupakan skala untuk mengukur sikap, pendapat, dan persepsi seseorang atau sekelompok orang tentang kejadian atau gejala sosial. Dengan menggunakan skala Likert, variabel yang di ukur dijabarkan menjadi dimensi, lalu dimensi dijabarkan menjadi subvariabel dan sub-variabel dijabarkan lagi menjadi indikator- indikator yang terukur dapat menjadi indikator yang dapat dikukur. Indikator- indikator tersebut dapat menjadi titik tolak untuk membuat item instrumen berupa pernyataan atau pertanyaan yang perlu dijawab oleh responden. Setiap
jawaban dihubungkan dengan bentuk pernyataan atau dukungan sikap yang diungkpkan dengan kata-kata sebagai berikut:
Bobot Skala Likert yang penulis gunakan adalah dimulai dari angka 1 sampai dengan 5, dimana untuk lebih jelasnya dapat dilihat pada Tabel 9.
Tabel 9. Bobot Skala Likert
No. Keterangan Bobot Nilai
1. Sangat Setuju 5
2. Setuju 4
3. Cukup Setuju 3
4. Kurang Setuju 2
5. Sangat Tidak Setuju 1
Pengujian lain yang dilakukan terhadap aplikasi nantinya adalah skala likert dimana aplikasi diujian kepada responden dalam hal ini mahasiswa, guru dan masyarakat nantinya akan diberikan sejumlah pertanyaan untuk menyimpulkan apakah aplikasi nantinya layak diterapkan atau tidak.
Rumus: T x Pn
T = Total jumlah responden yang memilih
Pn = Pilihan angka skor Likert
Interpretasi Skor Perhitungan
Agar mendapatkan hasil interpretasi, terlebih dahulu harus diketahui skor tertinggi (X) dan skor terendah (Y) untuk item penilaian dengan rumus sebagai berikut:
Y = skor tertinggi likert x jumlah responden X = skor terendah likert x jumlah responden Rumus Index% = total skor / Y x 100.
F. Desain Sistem
Berdasarkan tahapan pada pemodelan sistem yang penulis gunakan, maka penulis akan menjelaskan tentang Unifield Modelling Language (UML).
1. Desain Proses
Pada tahapan ini akan menguraikan dalam beberapa diagram yaitu use case diagram, activity diagram, sequence diagram dan class diagram.
a. Use Case Diagram
Gambar 4.Use Case Diagram
Use case diagram pada Gambar 3 menjelaskan proses yang dilakukan oleh user dalam hal ini adalah pelanggan dimana dalam proses transaksi didahului dengan proses login yang username dan passwordnya lalu dapat melakukan proses transaksi yang diawali dengan memilih produk, lalu menentukan ekspedisi, proses transfer dan upload bukti transfer yang kemudian dilakukan proses verifikasi admin lalu barang akan dikirim.
Pada halaman admin, semua proses pengelolaan data dapat dilakukan diantaranya kelola barang dan kategorinya, transaksi pembayaran, berita dan informasi serta laporan transaksi.
b. Activity Diagram
1) Activity Diagram Login Members
Gambar 5.Activity Diagram Login Members Deskripsi:
Activity Diagram Login Members dimana pelanggan
mengisi username dan password kemudian menekan tombol Submit selanjutnya sistem akan mengecek users name dan
password di data base jika benar maka pelanggan akan masuk ke
2) Activity Diagram Home
Gambar 6.Activity Diagram Home Deskripsi:
Pada Activity Diagram Home, pelanggan memasukan link alamat Aplikasi Toko pada server secara otomatis masuk ke form home.
3) Acivity Diagram Keranjang Belanja
Gambar 7.Activity Diagram Keranjang Belanja Deskripsi:
Untuk mengakses form keranjang belanja pelanggan menekan tombol keranjang belanja kemudian sistem menampilkan form keranjang belanja. Selanjutnya pelanggan diberikan 3 tombol
opsi yaitu tombol batal, tambah belanja, beli.
Apabila pelanggan menekan tombol batalmaka system akan menghapus list keranjang belanja pada tabel, kalau pelanggan menekan tombol tambah belanjamaka akan melanjutkan belanja dan system menampilkan form pelanggan, Selain itu apabila pelanggan menekan tombol beli maka system akan memproses produk yang ingin dibeli.
4) Activity Diagram History
Gambar 8.Activity Diagram History Deskripsi:
Pada Activity Diagram history, pelanggan akan menekan tombol history dan system akan menampilkan form history.
5) Activity Diagram konfirmasi pembayaran
Gambar 9.Activity Diagram konfirmasi pembayaran Deskripsi:
Pada activity diagram konfirmasi pembayaran pelanggan menekan tombol konfirmasi pembayaran kemudian system menampilkan konfirmasi pembayaran. Setelah itu pelanggan mengisi invoice id, amount transfer dan menekan tombol konfirmasi pembayaran, system otomatis menampilkan form history mengubah status unpaid menjadi menunggu konfirmasi.
6) Activity Diagram Login Admin
Gambar 10.Activity Diagram Login Admin Deskripsi:
Activity Diagram Login Admin dimana admin mengisi
username dan password kemudian menekan tombol Submit
selanjutnya system akan mengecek username dan password di database jika benar maka admin akan masuk ke form utama admin
7) Activity Diagram Invoice
Gambar 11.Activity Diagram Invoices Deskripsi:
Pada Activity Diagram Invoices, admin menekan tombol invoices kemudian system menampilkan form invoices.
8) Activity Diagram Details
Gambar 12.Activity Diagram Details Deskripsi:
Pada Activity Diagram Details, admin menekan tombol details kemudian system menampilkan form details invoices.
9) Activity Diagram Lihat Semua Produk
Gambar 13.Activity Diagram Lihat semua produk Deskripsi:
Pada Diagram Activity Lihat semua produk optik admin menekan tombol Lihat semua Produk kemudian system akan menampilkan form Lihat semua produk.
10) Activity Diagram Edit
Deskripsi:
Pada Activity Diagram Edit admin menekan tombol edit kemudian system menampilkan form edit. Tahap selanjutnya admin harus mengisi field-field produk, nama, deskripsi, harga, stok, upload gambar dan menekan tombol save lalu secara otomatis system akan mengubah produk yang ada didalam database.
11) Activity Diagram Delete
Gambar 15.Activity Diagram Delete Deskripsi:
Pada Activity Diagram Delete, admin menekan tombol delete dan muncul pemberitahuan pesan “Apakah anda yakin ingin
menghapus produkini?“. Jika menekan tombol yes maka menghapus produkdalam database dan jika menekan tombol cancel maka tidak jadi menghapus data produk.
12) Activity Diagram Tambah Produk Baru
Gambar 16.Activity Diagram Tambah produk baru Deskripsi:
Pada Activity Diagram Tambah produk baru admin menekan tombol Tambah produk baru kemudian system menampilkan form Tambah produk baru. Tahap selanjutnya admin harus mengisi field-field produk nama, deskripsi, harga, stok, upload gambar dan menekan tombol tambah lalu secara otomatis systemakan menyimpan produk kedalam data base.
c. Sequence Diagram
1) Sequence Diagram Login Member
Gambar 17.Sequence Diagram Login Member Deskripsi:
Member masuk ke form login dan login member dengan data
yang ada di tabel member jika invalid kembali ke form login jika valid maka akan diarahkan ke form Members.
2) Keranjang Belanja
Deskripsi:
Member masuk keform keranjang belanja memilih produk
yang ingin dibeli. Selanjutnya jika memilih batal maka menghapus list keranjang belanja, sedangkan bila memilih tambah belanja maka
akan melanjutkan belanja dengan masuk keform member selanjutnya memilih beliuntuk proses order produk.
3) Sequence Diagram History
Gambar 19.Sequence Diagram History Deskripsi:
Member masuk ke form history dengan memilih navbar
4) Sequence Diagram Konfirmasi Pembayaran
Gambar 20.Sequence Diagram Konfirmasi Pembayaran Deskripsi:
Members masuk ke form konfirmasi pembayaran untuk
menginputkan invoice id dan amount transfer lalu selanjutnya memilih tombol konfirmasi pembayaran saya apabila valid maka akan di alihkan ke form history, sebaliknya apabila invalid maka akan dikembalikan ke form konfirmasi pembayaran.
5) Sequence Diagram Login Admin
Gambar 21.Sequence Diagram Login Admin Deskripsi:
Admin masuk ke form login dan login admin dengan data
yang ada di tabel admin jika invalid kembali ke form login jika valid maka akan diarahkan ke form admin
6) Sequence Diagram Tambah Produk Baru
Deskripsi:
Admin masuk ke form tambah produk baru setelah itu masuk
ke formtambah produk baru kemudian input field-field di form tambah produk baru dan menyimpan ke database, jika berhasil akan kembali ke formt tambah produk baru.
7) Sequence Diagram Edit
Gambar 23.Sequence Diagram Edit Deskripsi:
Admin masuk ke form lihat semua produksetelah itu masuk
ke form edit kemudian memilih produk yang ingin di edit dengan mengisi field-field edit produk dan menyimpan ke database, jika berhasil akan kembali ke form produk.
8) Sequence Diagram Delete
Gambar 24.Sequence Diagram Delete Produk Deskripsi:
Admin masuk ke form lihat semua produk dan mencari
produk kemudian menghapus data di tabel products, jika berhasil
akan kembali ke form lihat semua produk. 9) Sequence Invoices Details
Deskripsi:
Admin masuk ke form invoices setelah itu pilih details untuk melihat status order, maka menampilkan form invoice details.
d. Struktur Tabel
Dalam pembuatan sistem ini terdapat beberapa struktur tabel Database dengan nama ridalia.sql , yaitu sebagai berikut:
1) File Admin
- Fungsi File : File Admin - Panjang Record : 151 Char - Primary Key : id_admin
- Foreigh Key : -
- Media : Hard Disk
Tabel 10. Admin
No Field Tipe Panjang Keterangan
1 Id_admin Int 11 ID Admin
2 username_admin Varchar 20 Username Admin 3 password_admin Varchar 100 Password
admin 4 nama_admin Varchar 20 Nama admin
2) File berita
- Fungsi File : File berita - Panjang Record : 366 Char - Primary Key : kd_berita
- Media : Hard Disk Tabel 11. Berita
No Field Tipe Panjang Keterangan
1 Kd_berita Int 11 Kode berira
2 Judul Varchar 100 Judul berita
3 Isi Text - Isi berita
4 foto Varchar 255 Foto berita
3) File Galleri
- Fungsi File : File Galleri - Panjang Record : 366 Char - Primary Key : kd_galleri
- Foreigh Key : -
- Media : Hard Disk
Tabel 12. galeri
No Field Tipe Panjang Keterangan
1 Kd_galleri Int 11 Kode galeri
2 Judul Varchar 100 Judul galeri 3 Gambar varchar 255 Gambar galeri
4) File kategori
- Fungsi File : File kategori - Panjang Record : 21
- Primary Key : kd_kategori
Tabel 13. Kategori
No Field Tipe Panjang Keterangan
1 Kd_kategori Int 11 Kode kategori 2 Nama_kategori Varchar 10 Nama kategori
5) File keranjang
- Fungsi File : File keranjang - Panjang Record : 43 Char
- Primary Key : kd_ produk
- Foreigh Key : -
- Media : Hard Disk
Tabel 14. Keranjang
No Field Tipe Panjang Keterangan
1 Kd_produk Varchar 10 Id user
2 Id_pelanggan Int 11 Usename
3 Kd_ukuran Int 11 Password
4 Jumlah Int 11 Nama user
6) File Konfirmasi pembayaran
- Fungsi File : File Konfirmasi pembayaran - Panjang Record : 182 Char
- Primary Key : Kd_konf
- Foreigh Key : -
Tabel 15. Konfirmasi pembayaran
No Field Tipe Panjang Keterangan
1 Kd_konf Int 11 Kode konfirmasi
2 Kd_jual Varchar 10 Kode penjualan
3 Nama_pengirim Varchar 50 Nama pengirim 4 Gambar_trf Varchar 50 Gambar transfer
5 Status_konf Varchar 50 Status
konfirmasi 6 Total_transfer Int 11 Total transfer
7) File Kota
- Fungsi File : File Kota pengiriman - Panjang Record : 61 Char
- Primary Key : kd_kota
- Foreigh Key : -
- Media : Hard Disk
Tabel 16. Kota
No Field Tipe Panjang Keterangan
1 kd_kota Int 11 Kode kota
2 nama_kota varchar 50 Nama kota
8) File ongkos_kirim
- Fungsi File : File Ongkos kirim - Panjang Record : 83 Char
- Primary Key : kd_kirim
- Media : Hard Disk
Tabel 17. Ongkos kirim
No Field Tipe Panjang Keterangan
1 kd_kirim Int 11 Kode pengiriman
2 kd_kota Int 11 Kode kota
3 nama_eksp edisi
Varchar 50 Nama ekspedisi
4 Biaya Int 11 Biaya
9) File Pelanggan
- Fungsi File : File Pelanggan - Panjang Record : 352 Char - Primary Key : id_pelanggan
- Foreigh Key : -
- Media : Hard Disk
Tabel 18. pelanggan
No Field Tipe Panjang Keterangan
1 id_pelanggan Int 11 Id pelanggan
2 username_pela nggan Varchar 20 Username pelanggan 3 password_pela nggan Varchar 50 Password pelanggan 4 nama_pelangg an Varchar 20 Nama pelanggan 5 alamat_pelang gan Varchar 100 Alamat pelanggan
6 email Varchar 25 Email
7 nomor_telepon Varchar 15 Nomor telepon
