Post on 07-Jan-2023
transcript
RANCANG BANGUN APLIKASI STOK BARANG DAN KASIR
PADA TOKO HIKMAT KOTA PALOPO
BERBASIS WEBSITE
ANDI RENAL
1604411104
FAKULTAS TEKNIK KOMPUTER
UNIVERSITAS COKROAMINOTO PALOPO
2020
ii
RANCANG BANGUN APLIKASI STOK BARANG DAN KASIR
PADA TOKO HIKMAT KOTA PALOPO
BERBASIS WEBSITE
SKRIPSI
Diajukan sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer
pada Program Studi Informatika Fakultas Teknik
Komputer Universitas Cokroaminoto Palopo
ANDI RENAL
1604411104
PROGRAM STUDI INFORMATIKA
FAKULTAS TEKNIK KOMPUTER
UNIVERSITAS COKROAMINOTO PALOPO
2020
vi
ABSTRAK
Andi Renal. 2020. Rancang Bangun Aplikasi Stok Barang dan Kasir Pada Toko
Hikmat Kota Palopo Berbasis Website. (dibimbing oleh Rusmala dan Budyanita
Asrun).
Penelitian ini bertujuan untuk membuat rancang bangun aplikasi stok
barang dan kasir pada Toko Hikmat Kota Palopo berbasis website, dimana proses
penyimpanan data stok barang dan kasir dapat dilakukan dengan mudah.
Penelitian ini dilaksanakan di Toko Hikmat Kota Palopo. Jenis penelitian yang
dilakukan adalah Research and Development (R&D) yang mengembangkan
sistem penyimpanan data stok barang dan kasir. Adapun metode yang digunakan
adalah metode waterfall yang melakukan pendekatan secara sistematis dan
berurutan dalam membangun suatu sistem. Aplikasi stok barang dan kasir pada
toko hikmat Kota Palopo berbasis website dibuat dengan menggunakan aplikasi
XAMPP, sublime, browser mozilla firefox bahasa pemprograman PHP, HTML,
Mysql sebagai database nya. Hasil dari penelitian ini memudahkan pemilik toko
dalam mengontrol stok barang dan semua proses transaksi penjualan dan
pembelian pada toko Hikmat Kota Palopo dengan sistem terkomputerisasi. Selain
itu, aplikasi ini juga memudahkan kasir atau user dalam melakukan proses
transaksi penjualan dan mengelola data transaksi penjualan yang biasanya
dilakukan dengan mencatat pada buku secara manual.
Kata Kunci: Website, Rancang Bangun, Stok barang,
vii
KATA PENGANTAR
Dengan menyebut nama Allah Yang Maha Pengasih lagi Maha
Penyayang. Puji dan syukur senantiasa kita haturkan kepada pemilik semesta
Alam, Allah SWT yang telah mengkaruniakan nikmat, rahmat serta iman kepada
kita semua. Berkat rahmat dan karunianya kepada penulis sehingga dapat
menyelesaikan skripsi ini. Dalam penyusunan skripsi ini banyak hal yang menjadi
kendala dan hambatan namun berkat pertolongan dari Allah SWT dan berbagai
pihak sehingga skripsi ini dapat terselesaikan.
Proses pembuatan dan penyelesaian skripsi ini tidak lepas dari dukungan,
bantuan tenaga, serta pemikiran baik langsung maupun tidak langsung dari banyak
pihak. Oleh karena itu, dalam kesempatan ini penulis ingin menyampaikan ucapan
terima kasih yang sedalam-dalamnya kepada:
1. Bapak Prof. Drs. H. Hanafie Mahtika, M.S., selaku Rektor Universitas
Cokroaminoto Palopo.
2. Ibu Rusmala, S.Kom., M.Kom., selaku Dekan Fakultas Teknik Komputer
Universitas Cokroaminoto Palopo dan sekaligus Pembimbing I.
3. Bapak Nirsal, S.Kom., M.Pd., selaku Wakil Dekan Fakultas Teknik
Komputer Universitas Cokroaminoto Palopo.
4. Bapak Muhammad Idham Rusdi, S.T., M.Kom., selaku Ketua Program Studi
Informatika, Fakuktas Teknik Komputer Universitas Cokroaminoto Palopo.
5. Ibu Budyanita Asrun. S.Si., M.Si., selaku Pembimbing II.
6. Seluruh Bapak/Ibu Dosen Universitas Cokroaminoto Palopo khusus Dosen
Program Studi Informatika yang telah memberikan arahan serta ilmu
pengetahuan kepada penulis selama penulis menimbah ilmu di kampus ini.
7. Kedua orang tua, keluarga dan saudara yang tidak henti-hentinya mendoakan
serta memberikan dorongan moril dan materil sampai saat ini.
8. Rekan-rekan Mahasiswa/i, teman-teman dan sahabat yang telah banyak
memberikan masukan dan dorongan hingga selesainya skripsi ini.
Dengan segala kerendahan hati penulis menyadari bahwa skripsi ini masih
jauh dari kata sempurna dengan segala kekurangan yang ada baik dari segi isi
maupun penyusunan. Oleh karena itu, penulis sangat mengharapkan kritik dan
saran yang membangun sehingga menjadi pembelajaran dan untuk meningkatkan
viii
kualitas skripsi ini. Semoga skripsi ini dapat bermanfaat tidak hanya bagi penulis
juga bagi para membaca pada umumnya.
Palopo, September 2020
Andi Renal
ix
RIWAYAT HIDUP
Andi Renal. dilahirkan pada 22 Juni 1996 di Tolada. Penulis
merupakan anak ketiga dari Empat bersaudara dari pasangan
Ayahanda Ambo Asse dan Ibunda Andi Musliana. Penulis
memulai Pendidikan Sekolah Dasar pada tahun 2003 di SD
Negeri 139 Tolada dan selesai pada tahun 2009. Pada tahun
yang sama penulis kemudian melanjutkan pendidikan ke
jenjang Sekolah Menengah Pertama di SMP Negeri 2 Malangke dan selesai pada
tahun 2012. Pada tahun yang sama penulis melanjutkan pendidikan ke jenjang
Sekolah Menengah Atas di SMA Negeri 1 Malangke dan selesai pada tahun 2015.
Pada tahun 2016 penulis kemudian melanjutkan Pendidikan S1 di Universitas
Cokroaminoto Palopo pada Program Studi Informatika Fakultas Teknik
Komputer.
x
DAFTAR ISI
Halaman
SAMPUL ...................................................................................................... i
HALAMAN JUDUL ...................................................................................... ii
HALAMAN PENGESAHAN ....................................................................... iii
KETERANGAN HASIL SIMILARITY CHECK SKRIPSI ........................ iv
SURAT PERNYATAAN KEASLIAN NASKAH SKRIPSI ....................... v
ABSTRAK .................................................................................................... vi
KATA PENGANTAR .................................................................................. vii
RIWAYAT HIDUP ....................................................................................... ix
DAFTAR ISI ................................................................................................. x
DAFTAR TABEL ......................................................................................... xii
DAFTAR GAMBAR .................................................................................... xiii
DAFTAR LAMPIRAN .................................................................................. xv
BAB I PENDAHULUAN ............................................................................. 1
1.1 Latar Belakang ............................................................................... 1
1.2 Rumusan Masalah .......................................................................... 2
1.3 Tujuan Penelitian ........................................................................... 2
1.4 Manfaat Penelitian ......................................................................... 2
BAB II TINJAUAN PUSTAKA ................................................................... 4
2.1 Kajian Teori ................................................................................... 4
2.2 Hasil Penelitian yang Relevan ....................................................... 18
2.3 Kerangka Pikir ............................................................................... 19
BAB III METODE PENELITIAN................................................................. 21
3.1 Jenis Penelitian .............................................................................. 21
3.2 Tempat dan Waktu Penelitian ........................................................ 21
3.3 Batasan Penelitian .......................................................................... 22
3.4 Tahapan Penelitian ......................................................................... 22
BAB IV HASIL DAN PEMBAHASAN PENELITIAN .............................. 48
4.1. Hasil Penelitian ........................................................................... 48
4.2 Pembahasan Penelitian ................................................................. 61
BAB V KESIMPULAN DAN SARAN ......................................................... 64
xi
5.1 Kesimpulan ................................................................................... 64
5.2 Saran ............................................................................................. 64
DAFTAR PUSTAKA ................................................................................... 65
xii
DAFTAR TABEL
Halaman
1. Simbol diagram use case ......................................................................... 14
2. Simbol digram sequence ........................................................................... 15
3. Simbol digram class ................................................................................. 16
4. Simbol diagram activity ........................................................................... 17
5. User ........................................................................................................... 42
6. Kategori barang ........................................................................................ 42
7. Data supplier ............................................................................................. 43
8. Data barang .............................................................................................. 43
9. Data transaksi penjualan .......................................................................... 43
10. Transaksi penjualan .................................................................................. 44
11. Data transaksi pembelian .......................................................................... 44
12. Retur penjualan ......................................................................................... 44
13. Retur pembelian ........................................................................................ 44
14. Laporan stok barang .................................................................................. 45
15. Pengujian halaman login ........................................................................... 54
16. Pengujian halaman menu utama admin .................................................... 55
17. Pengujian halaman menu utama user/kasir ............................................... 56
18. Pengujian halaman menu data supplier .................................................... 56
19. Pengujian halaman kategori barang ......................................................... 57
20. Pengujian halaman data barang................................................................. 57
21. Pengujian halaman transaksi penjualan .................................................... 58
22. Pengujian halaman data transaksi penjualan ............................................. 58
23. Pengujian halaman data transaksi pembelian............................................ 59
24. Pengujian halaman retur penjualan ........................................................... 59
25. Pengujian halaman retur pembelian .......................................................... 60
26. Pengujian halaman stok barang................................................................. 60
27. Pengujian halaman pengaturan user ......................................................... 61
xiii
DAFTAR GAMBAR
Halaman
1. Kerangka pikir ......................................................................................... 20
2. Sistem yang berjalan ................................................................................ 23
3. Sistem yang diusulkan .............................................................................. 24
4. Digram alur penggunaan aplikasi ............................................................. 25
5. Use case diagram ...................................................................................... 27
6. Activity diagram login pemilik toko ........................................................ 28
7. Activity diagram login menu utama .......................................................... 29
8. Activity diagram kategori barang .............................................................. 29
9. Activity diagram input data barang ........................................................... 30
10. Activity diagram input data supplier ........................................................ 30
11. Activity diagram data transaksi penjualan dan pembelian ......................... 31
12. SActivity diagram laporan stok barang ...................................................... 31
13. Activity diagram laporan transaksi penjualan dan pembelian .................... 32
14. Activity diagram logout pemilik toko ....................................................... 32
15. Activity diagram login kasir ..................................................................... 33
16. Activity diagram data transaksi penjualan dan pembelian ........................ 33
17. Activity diagram logout kasir .................................................................... 34
18. Sequence diagram pemilik toko ............................................................... 35
19. Sequence diagram kasir ............................................................................ 36
20. Class diagram ........................................................................................... 37
21. Rancangan menu login pemilik toko ........................................................ 38
22. Rancangan menu login kasir ..................................................................... 38
23. Rancangan menu utama ............................................................................ 39
24. Rancangan menu kategori barang ............................................................. 39
25. Rancangan menu input data barang .......................................................... 40
26. Rancangan menu input data supplier ........................................................ 40
27. Rancangan menu transaksi penjualan ....................................................... 41
28. Rancangan menu transaksi pembelian ...................................................... 41
29. Rancangan menu laporan .......................................................................... 42
30. Halaman login ........................................................................................... 48
xiv
31. Halaman Dashboard ................................................................................. 49
32. Halaman data supplier .............................................................................. 49
33. Halaman kategori barang .......................................................................... 50
34. Halaman data barang ................................................................................. 50
35. Halaman transaksi penjualan .................................................................... 50
36. Halaman data transaksi penjualan ............................................................. 51
37. Halaman data transaksi pembelian ............................................................ 51
38. Halaman retur penjualan ........................................................................... 52
39. Halaman retur pembelian .......................................................................... 52
40. Halaman laporan stok barang .................................................................... 53
41. Halaman pengaturan user ......................................................................... 54
xv
DAFTAR LAMPIRAN
1. Pedoman observasi ................................................................................... 68
2. Pedoman wawancara ................................................................................ 69
3. Instrumen Evaluasi Rancangan UML ...................................................... 70
4. Instrumen Pengujian Black Box Rancangan Sistem/Model ..................... 73
5. Instrumen Evaluasi Rancangan Interface ................................................ 79
BAB I
PENDAHULUAN
1.1 Latar Belakang
Perkembangan ilmu pengetahuan dan teknologi dewasa ini semakin pesat
dan diikuti berbagai aspek terkait didalamnya. Komputer dengan aspek software
dan hardware merupakan elemen yang memiliki peranan penting dalam
menunjang proses pembangunan terutama di era komunikasi saat ini. Komputer
merupakan suatu perlengkapan elektronik pengolahan dan menerima masukan
melalui proses untuk menghasilkan keluaran yang berguna. Proses pengolahan ini
mempunyai sifat kecepatan tinggi, ketelitian dan kemampuan menyimpan perintah
atau intruksi untuk menyelesaikan masalah. Dengan adanya komputer,
pengolahan data menjadi lebih cepat dan akurat, komputer menjadi alat yang
canggih dalam penyajian informasi, dahulu untuk mendapatkan informasi
dibutuhkan waktu berhari-hari atau bahkan berbulan-bulan untuk menunggu dan
selesai diolah secara manual. Teknologi informasi saat ini berkembang sangat
pesat, mampu mempermudah manusia dalam menyelesaikan berbagai pekerjaan
dengan cepat dan tepat waktu. Oleh sebab itu, banyak instansi atau toko yang
berusaha beralih ke sistem komputerisasi dari pada sistem transaksi manual.
Toko Hikmat adalah suatu toko yang bergerak di bidang Fotocopy dan
penjualan ATK, dimana toko ini menjual alat tulis kantor, tinta print, bingkai foto,
buku nota, dan lain-lain. Toko ini berlokasi di jalan Ambe Nona No.12 Kota
Palopo. Sistem komputerisasi sangat dibutuhkan dalam sebuah toko untuk
mengetahui rincian stok barang, misalnya dalam sebuah toko penjualan ATK dan
fotocopy diperlukan suatu sistem aplikasi stok barang dan kasir. Karena,
karyawan harus melakukan atau membuka catatan untuk mengetahui jumlah
barang yang tersedia didalam gudang. Karyawan juga harus melakukan perekapan
data barang yang masuk dan keluar. Adapun dalam proses penjualan barang
kadang terjadi masalah yaitu adanya perbedaan harga yang dijual oleh karyawan
yang berbeda pada barang dengan jenis yang sama.
Proses pengelolaan stok barang pada Toko Hikmat masih kurang efektif
karena masih menggunakan pembukuan untuk data stok barang masuk dan barang
keluar. Proses seperti ini dapat menyebabkan terjadinya kesalahan terhadap
2
penulisan harga barang, dan perekapan laporan barang masuk dan barang keluar
dilakukan dalam proses yang cukup lama karena harus menulis dibuku laporan.
Berdasarkan fakta-fakta yang terjadi maka diperlukan suatu sistem yang
dapat menangani masalah tersebut, salah satunya yaitu dengan membangun suatu
aplikasi stok barang dan kasir sehingga dapat membantu Toko Hikmat
meningkatkan kualitas pelayanan dan perndapatan. Dengan adanya sistem yang
baru ini maka dapat membantu Toko Hikmat untuk membantu atau memudahkan
karyawan untuk mengetahui daftar harga pada setiap barang dan pengelolaan stok
barang masuk dan barang keluar.
Dari masalah yang telah dipaparkan, dapat disimpulkan bahwa Toko Hikmat
penjualan ATK dan fotocopy memerlukan suatu solusi untuk mengatasi masalah-
masalah yang ada. Solusi yang ditawarkan yaitu membuatkan aplikasi stok barang
dan kasir berbasis website agar karyawan mudah mengetahui setiap harga barang
dan pengelolaan stok barang masuk dan barang keluar.
1.2 Rumusan Masalah
Berdasarkan latar belakang di atas, maka rumusan masalah dalam
penelitian ini adalah bagaimana membuat aplikasi stok barang dan kasir pada
Toko Hikmat Kota Palopo berbasis website?
1.3 Tujuan Penelitian
Adapun tujuan dari penelitian ini adalah untuk membuat aplikasi stok
barang dan kasir pada Toko Hikmat Kota Palopo berbasis website.
1.4 Manfaat Penelitian
Adapun manfaat dari penelitian ini adalah:
1. Manfaat Bagi Dunia Akademik
Diharapkan dari hasil penelitian ini akan memberikan suatu referensi yang
berguna dalam perkembangan dunia akademik khusunya dalam penelitian-
penelitian yang akan datang.
3
2. Manfaat Bagi Penulis
Merupakan sarana dalam mengaplikasikan ilmu yang telah diperoleh
selama mengikuti perkuliahan serta untuk menambah wawasan penulis dalam
membuat sebuah aplikasi stok barang dan kasir berbasis website.
3. Manfaat Bagi Tempat Penelitian
Dengan adanya aplikasi ini, diharapkan dapat digunakan sebaik mungkin
dan lebih praktis dalam mengelola data barang dan kasir.
4
BAB II
TINJAUAN PUSTAKA
2.1 Kajian teori
Kajian teori adalah penjelasan materi-materi yang dikaji dan digunakan
untuk merancang aplikasi yang akan dibangun atau kajian materi-materi yang
diambil dari buku, internet dan media cetak lainnya.
1. Rancang Bangun
Desain adalah istilah umum untuk membuat atau mendesain suatu benda
dari awal pembuatan hingga akhir pembuatan. Desain dimulai dari kata desain
yang artinya perancangan, rancang, desain, bangun. Sedangkan mendesain berarti
menyusun, mengerjakan atau mengerjakan sesuatu dan mendesain berarti proses,
cara perbuatan mendesain (Ariansyah dkk. 2017).
Menurut Jogiyanto, 2005 (dalam Mustamin, 2017), mengemukakan bahwa
perancangan adalah tahapan dari setelah analisis siklus pengembangan sistem
yang merupakan definisi dari kebutuhan fungsional dan persiapan implementasi
perancangan menjelaskan bagaimana suatu sistem dibentuk. Menurut kusrini dan Andri, 2017 (dalam Muh.Aria, 2019), perancangan
menggambarkan bagaimana suatu sistem dibentuk, berupa penggambaran
perencanaan, pembuatan sketsa, penyusunan beberapa elemen yang terpisah
menjadi satu kesatuan yang lengkap dan berfungsi.
Berdasarkan beberapa pendapat di atas maka dapat disimpulkan bahwa
rancang bangun merupakan tahap dari setelah analisis untuk menggambarkan,
merencanakan dan pembuatan sketsa atau kegiatan rancang sistem dari beberapa
elemen yang terpisah yang akan menghasilkan kesatuan utuh dan berfungsi.
2. Aplikasi
Mustakini (2012) dalam Ramdana (2016) menyatakan bahwa
aplikasi dapat dikatakan sebagai perangkat lunak yang siap digunakan dengan
cara menjalankan instruksi dari pengguna atau user, banyak aplikasi yang dibuat
untuk membantu berbagai keperluan seperti untuk pembuatan laporan, percetakan
dan lain-lain, sedangkan istilah aplikasi berasal dari bahasa inggris “application”
yang berarti aplikasi, aplikasi atau digunakan, sehingga pengertian aplikasi dapat
5
disimpulkan sebagai program siap pakai yang membantu mencapai tujuan
pengguna dari program aplikasi siap pakai yang dapat digunakan untuk
menjalankan perintah dari pengguna aplikasi dengan tujuan mendapatkan hasil
yang lebih akurat sesuai dengan tujuan pembuatan aplikasi, aplikasi mempunyai
arti yaitu menyelesaikan masalah yang menggunakan salah satu teknik
pengolahan data aplikasi yang biasanya berpacu pada komputasi yang diinginkan
atau diharapkan serta pengolahan data yang diharapkan.
Aplikasi adalah unit perangkat lunak yang dibuat untuk melayani
kebutuhan beberapa aktivitas seperti sistem komersial, permainan, layanan
masyarakat, periklanan, atau semua proses manusia (Permana, 2005).
Sedangkan menurut Reski (2016) aplikasi adalah penggunaan atau
penerapan konsep yang menjadi subjek diskusi, aplikasi juga dapat diartikan
sebagai program komputer yang dirancang untuk membantu manusia dalam
menjalankan tugas tertentu. Aplikasi software yang dirancang untuk penggunaan
praktisi khusus, klasifikasi luas ini dapat dibagi menjadi 2 (dua) yaitu:
a. Aplikasi software spesialis, program dengan dokumentasi tergabung yang
dirancang untuk menjalankan tugas tertentu.
b. Aplikasi paket, suatu program dengan dokumentasi tergabung yang
dirancang unutk jenis masalah tertentu. Aplikasi ada lagi yang dikatakan aplikasi
komputer dimana Aplikasi Komputer atau Aplikasi Software adalah program
komputer yang ditulis dalam suatu bahasa pemrograman dan dipergunakan untuk
menyelesaikan masalah tertentu.
Berdasarkan beberapa pernyataan tersebut maka dapat disimpulkan bahwa
aplikasi adalah perangkat lunak atau program yang telah dibuat bertujuan untuk
membantu maupun mempermudah berbagai keperluan khusus dari pengguna,
aplikasi dapat membantu dalam pemecahan masalah dengan tehnik pemrosesan
data yang berpacu pada sebuah komputasi tertentu.
3. Stok Barang
Persediaan adalah bahan atau barang yang disimpan yang akan digunakan
untuk memenuhi tujuan tertentu. (Herjanto, 2015). Persediaan atau stok berupa
barang-barang yang disimpan untuk dijual kembali atau diolah lebih lanjut
6
menjadi barang jadi yang (pada akhirnya) akan dijual untuk mendapatkan
penghasilan (Soemarso, 2007). Persediaan atau stok barang merupakan salah satu elemen yang paling
aktif dalam operasional suatu lembaga atau organisasi yang diperoleh secara terus
menerus, diubah dan kemudian dijual kembali. Persediaan diartikan sebagai
tempat penyimpanan bahan berupa bahan mentah, barang dalam proses dan
barang jadi (Muningsih & Kiswati, 2015).
Secara umum, persediaan dapat dibedakan dalam beberapa jenis, antara
lalin sebagai berikut:
a. Persediaan bahan baku (raw material) atau yang disebut persediaan bahan
mentah, yaitu bahan atau barang yang akan diproses lebih lanjut menjadi barang
jadi.
b. Persediaan barang dalam proses (work in process inventory) merupakan
persediaan yang telah mengalami perubahan, tetapi belum selesai.
c. Supplies inventory adalah persediaan yangt berfungsi sebagai penunjang
dalam proses operasi atau produksi agar berjalan lancar.
d. Persediaan barang dagangan (mrchendise inventory), merupakan persediaan
yang akan dijual kembali sebagai barang dagangan.
e. Persediaan barang jadi (finished goods inventory), merupakan persediaan yang
diperoleh dari hasil operasi atau produksi yang sudah selesai dan masih disimpan
di gudang perusahaan (Siagan, 2005).
Berdasarkan beberapa pendapat di atas maka dapat disimpulkan bahwa
stok barang adalah bahan atau barang yang disediakan untuk diubah dan dijual
kembali.
4. Kasir
Menurut Muthohari, dkk (2016) Kasir adalah bentuk pemberian jasa yang
diberikan oleh produsen baik kepada pengguna barang yang diproduksi maupun
jasa yang ditawarkan. Hal terpenting dalam sebuah bisnis adalah kualitas
pelayanan yang diberikan oleh konsumen yang akan merasa puas apabila
pelayanan yang diberikan sangat baik.
Menurut Kamus Bahasa Indonesia (2008) Kasir atau pemegang kas (uang)
merupakan pegawai yang bertugas menerima dan membayarkan uang.
7
Menurut Aryanto (2018) Kasir adalah seorang staf di bagian keuangan
yang tugasnya tidak kalah beratnya dengan bagian akuntansi. Kasir bertugas
mengolah data keuangan (dalam bentuk laporan dan fisik uang), baik berupa kas
di perusahaan maupun di bank. Kasir secara rutin akan menyajikan laporan kas
basis setiap hari dan merekap laporan kas harian secara tertulis maupun secara
fisik.
Berdasarkan beberapa pendapat di atas maka dapat disimpulkan bahwa
kasir merupakan seseorang yang berperan penting dalam sebuah toko (yang
bergerak dalam hal jual beli barang atau jasa) untuk proses transaksi dalam
mencapai kesepakatan.
5. Konsep Dasar Web
Dalam membuat dan mengakses website, ada beberapa hal yang
diperlukan antara lain sebagai berikut:
a. Internet
Internet merupakan rangkaian jaringan terbesar di dunia dimana semua
jaringan yang berada pada semua organisasi dihubungkan dengan suatu jaringan
terbesar melalui telepon, satelit dan sistem-sistem komunikasi yang lain sehingga
dapat saling berkomunikasi (Harbiati, 2016).
Pada mulanya, jaringan internet dikembangkan sebagai saluran khusus
untuk aktifitas riset dan keperluan para akademisi. Dalam perkembangannya,
internet dieksploitasi untuk berbagai keperluan lainnya, termasuk untuk keperluan
bisnis. Internet itu sendiri sebenarnya adalah singkatan dari Interconnection
Networking (Yanti, 2015).
Berdasarkan pendapat diatas, maka dapat disimpulkan bahwa internet
adalah suatu jaringan komunikasi antar komputer yang saling terhubung yang
mencakup seluruh dunia. Selain itu, internet dapat disebut sebagai sumber daya
informasi yang dapat digunakan seluruh dunia dalam mencari suatu informasi
yang dibutuhkan.
b. Pengertian Web
Pada awalnya aplikasi Web dibangun hanya dengan menggunakan bahasa
yang disebut HTML (HyperText Markup Languange) dan protokol yang
digunakan dinamakan HTTP (HyperText Transfer Protocol). Pada perkembangan
8
berikutnya sejumlah script dan objek dikembangkan untuk memperluas
kemampuan HTML, yakni dengan menggunakan perangkat lunak tambahan,
perubahan informasi dalam halaman-halaman web dapat ditangani melalui
perubahan data, bukan melalui perubahan program.
Sebagai implementasinya, aplikasi web dapat dikoneksikan ke database.
Dengan demikian perubahan informasi dapat dilakukan oleh operator atau yang
bertangung jawab terhadap kemutahiran data, dan tidak menjadi tanggung jawab
programer atau web master.
Web ini menyediakan informasi bagi pemakai computer yang terhubung ke
internet dari sekedar informasi “sampah” atau informasi yang tidak berguna sama
sekali sampai informasi yang serius dari informasi yang gratisan sampai informasi
yang komersial.
Adapun cara kerja web adalah sebagai berikut:
1) Informasi web disimpan dalam dokumen dalam bentuk halaman-halaman web
atau web page.
2) Halaman web tersebut disimpan dalam komputer server web.
3) Sementara dipihak pemakai ada komputer yang bertindak sebagai komputer
client dimana ditempatkan program untuk membaca halaman web yang ada di
server web (browser).
4) Browser membaca halaman web yang ada di server web.
c. WWW (Word Wide Web)
Menurut Jogiyanto (1999) dalam Yanti (2015) World Wide Web yang
dikenal juga dengan nama the web atau www dikembangkan pada tahun 1990 di
CERN (Laboratorium Fisika Partikel) di Swiss. Duahal khusus yang membedakan
www dengan lainnya, yaitu sebagai berikut:
1) Informasi di www dapat ditampilkan dalam bentuk multimedia yang berupa
grafik, suara, video disamping tulisan text (bandingkan dengan Gopher yang
menyediakan menu dalam bentuk text).
2) Informasi yang ditampilkan di www dapat menghubungkan (link) ke
informasi atau dokumen (home page) atau alamat internet lainnya lewat hypertext.
Hypertext merupakan text yang ditampilkan dengan font yang berbeda (misalnya
9
dengan huruf miring, lebih terang dan digaris bawahi). Dokumen yang berisi
hypertext dibuat dengan menggunakan Hyper Text Markup Language (HTML).
Seseorang yang ingin menggunakan www memerlukan suatu program
yang disebut dengan browser. Browser ini akan melakukan komunikasi dengan
server penyedia informasi menggunakan protocol yang standar, yaitu Hyper Text
Transfer Protokol (HTTP).
d. HTML (HypertTex Markup Languange)
HTML dengan ini dikenal sebagai bahasa standar untuk membuat
dokumen web. Sesungguhnya HTML justru tidak dibuat untuk mempublikasikan
informasi web, namun oleh karena itu kesederhanaan serta kemudahan
penggunaannya, HTML kemudian dipilih orang untuk mendistribusikan informasi
web. Perintah-perintah HTML diletakkan pada file berekstensi *.html dan di
tandai dengan mempergunakan tag (tanda).
Menurut Fernando Sitindoan (2003) dalam Yanti (2015) HTML
merupakan bahasa pemrograman untuk membangun sebuah dokumen dalam
bentuk halaman di web.
e. PHP (Personal Home Page)
PHP (Personal Home Page) adalah sebuah bahasa serverside scripting
yang menyatu dengan HTML untuk membuat halaman web yang dinamis atau
interaktif yang dijalankan disisi server. Serverside scripting adalah sintaks dan
perintah-perintah yang diberikan akan sepenuhnya dijalankan di server tetapi
disertakan pada dokumen HTML sebagai pembangun halaman web.
PHP bisa berinteraksi dengan hampir semua teknologi web yang sudah
ada. Developer bisa menulis sebuah progam PHP yang mengeksekusi suatu
program GGI di server web lain. Fleksibilitas ini amat bermanfaat bagi pemilik
situs-situs web yang besar dan sibuk, karena pemilik masih bisa mempergunakan
aplikasi-aplikasi yang sudah terlanjur dibuat di masa lalu dengan CGI, ISAP, atau
Script seperti Perl, Phyton selama proses migrasi ke aplikasi baru yang dibuat
dengan PHP, ini mempermudah dan memperluas peralihan antara teknologi lama
dan teknologi baru.
PHP menawarkan solusi yang lebih luwes. Dengan PHP, developer tidak
lagi berusaha dengan dua buah file terpisah seperti itu, browser web mengacu
10
secara langsung ke file yang dituju, yang lalu dibaca oleh server sebagaimana file
HTML, statis biasa.
f. Browser dan Server Web
Menurut Betha (2002) dalam Yanti (2015) Server web adalah komputer
yang digunakan untuk menyimpan dokumen-dokumen web, computer ini akan
melayani perrmintaan dokumen web dari kliennya. Browser web seperti Explorer
atau Navigator berkomunikasi melalui jaringan (termasuk jaringan internet)
dengan server web. Menggunakan HTTP. Browser akan mengirimkan request
kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan
oleh server. Server memberikan dokumen atau layanannya jika tersedia juga
dengan menggunakan protokol HTTP.
Umumnya browser web menerima data dalam bentuk HTML, file HTML
sebenarnya adalah file teks biasa yang selain berisi informasi yang hendak
ditampilkan kepada pengguna, juga mempunyai perintah-perintah untuk mengatur
tampilan data tersebut. Browser lah yang memiliki kuasa penuh dalam
menerjemahkan data-data tadi. Setiap jenis browser bisa menerjemahkan file
HTML yang sama secara berbeda, sementara itu server web pada dasarnya adalah
perangkat lunak khusus yang bertugas melayani perintah-perintah dari browser
web akan dokumen-dokumen yang tersimpan di dalamnya.
g. MySQL
MySQL dikembangkan oleh sebuah perusahaan Swedia bernama
MySQLAB, yang kala itu bernama TcX Data Konsult AB, sejak sekitar 1994
sampai 1995, meski cikal bakal kodenya bisa disebut sudah ada sejak 1979.
Tujuan mula-mula TcX membuat MySQL pada waktu itu juga memang untuk
mengembangkan aplikasi web untuk klien-TcX adalah perusahaan pengembang
software dan konsultan database. Kala itu Michael Widenius, atau-Monty (1994),
pengembang satu-satunya di TcX, memiliki aplikasi UNIREG dan rutin ISAM
yang dibuat sendiri dan sedang mencari antarmuka SQLuntuk ditempelkan di
atasnya. Mula-mula TcX memakai mSQL, atau mini SQL. Barangkali mSQL
adalah satu-satunya kode database open source yang tersedia dan cukup sederhana
saat itu, meskipun sudah ada Postgre. Namun ternyata, menurut Monty, mSQL
tidaklah cukup cepat maupun fleksibel. Versi pertama SQL bahkan tidak memiliki
11
indeks. Setelah mencoba menghubungi David Hughes, pembuat mSQL dan
ternyata mengetahui bahwa David tengah sibuk mengembangkan versi dua, maka
keputusan yang diambil Monty yaitu membuat sendiri mesin SQL yang antar
mukanya mirip dengan mSQL tapi memiliki kemampuan yang lebih sesuai
kebutuhan. Maka lahirlah MySQL (Qomaruddin, 2016).
MySQL dalam operasi client-server melibatkan server daemond MySQL
disisi server dan berbagai aplikasi serta library yang berjalan disisi client. MySQL
mampu menangani data yang cukup besar. MySQL mampu menyimpan data lebih
dari 40 database, 10.000 tabel dan sekitar 7 juta baris, totalnya kurang lebih 100
Gigabyte data.
SQL (structured Query Languange) adalah bahasa yang digunakan untuk
mengakses database server guna memanipulasi dan memperoleh data dari sebuah
database relasional sehingga proses akses database menjadi lebih user friently,
bahasa SQL pada awalnya dikembangkan oleh IBM namun telah diadobsi dan
digunakan sebagai standar industri. Dengan menggunakan SQL seorang
administrator database dapat melakukan hal-hal berikut :
1) Mengubah struktur sebuah database.
2) Mengubah pengaturan keamanan sistem.
3) Memberikan hak akses kepada pengguna untuk memanipulasi datebase atau
tabel.
4) Memperoleh informasi dari database.
h. Apache
Apache adalah sebuah nama web server yang bertanggung jawab pada
request-response HTTP. Selain itu, apache juga diartikan sebagai suatu web
server yang kompak, modular, mengikuti standar protokol HTTP. Apache
memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat dikonfigurasi,
autentikasi berbasis basis data dan lain-lain. Apache juga didukung oleh sejumlah
antarmuka pengguna berbasis grafik (GUI) yang memungkinkan penanganan
server menjadi mudah. Apache merupakan perangkat lunak sumber terbuka
dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-
pengembang dibawah naungan apache software foundation (Qomaruddin, 2016).
12
1) Cepat dan Efisien.
Apache web server sebenarnya terdiri dari ribuan kode yang ditulis dengan
bahasa C, sangat mudah untuk membuang bagian-bagian yang tidak digunakan
untuk web server. Hasilnya apache web server berjalan lebih cepat dan hanya
sedikit menghabiskan sumber daya sistem. Dengan apache kita dapat membangun
web server yang hanya berisi fungsi-fungsi yang dibutuhkan.
2) Portable
Portable yang dimaksud disini bahwa apache telah didukung oleh banyak
sistem operasi. Apache dapat dijalankan pada semua sistem operasi seperti Linux,
Windows, OS/2, AmigaOS.
3) Memiliki banyak dukungan
Apache banyak didukung oleh banyak komunitas web master yang
memiliki ratusan hingga ribuan pengalaman dalam hal ini. Mereka bergabung
dalam apache group. Para web master ini sangat sangat berperan dalam menjawab
pertanyaan-pertanyaan seperti teknis apache, dan juga menyelidiki berbagai
laporan bug dan kesalahan-kesalahan program.
4) Stabil
Semua server memiliki bug, termasuk apache, namun karena kode-kode
apache sendiri sangat terbuka bagi pengguna setiap pihak bisa menelitinya.
5) Dapat dikembangkan
Maksudnya disini adalah seandainya apache yang ada sekarang ini tidak
sesuai dengan harapan atau keinginan pengguna, apache dapat membuat modul
sendiri, salah satunya adalah API (Application Programming Interface).
6) Administrasi mudah
File-file konfigurasi apache berupa file teks biasa, sehingga mudah
dimengerti dan mudah dikonfigurasi ulang dengan program sederhana.
Keuntungannya, kita dapat menyimpan konfigurasi lama, jika konfigurasi baru
ternyata terjadi kesalahan, kita dapat merestore atau mengembalikan konfigurasi
yang lama tadi.
i. XAMPP
Menurut Wicaksono (2008), XAMPP adalah sebuah software yang
berfungsi untuk menjalankan website berbasis PHP dan menggunakan pengolah
13
data MySQL di komputer lokal. XAMPP berperan sebagai server web pada
komputer. XAMPP juga dapat disebut sebuah Cpanel server virtual yang dapat
membantu melakukan preview sehingga dapat memodifikasi Website tanpa harus
online atau terakses dengan internet.
Menurut Nugroho (2011) dalam Jannah (2018) XAMPP merupakan
merupakan paket php berbasis open source yang dikembangkan olehsebuah
komunitas open source dan dengan menggunakan XAMPP tidak perlu
lagimelakukan penginstalan program yang lainkarena semua kebutuhan telah
disediakan oleh XAMPP. Beberapa paket yang telah disediakan adalah Apache,
MySQL, PHP, Filezila, dan PhpMyAdmin.
6. Unified Modeling Language (UML)
Unified Modelling Language (UML) adalah sebuah "bahasa" yang telah
menjadi standar dalam industri untuk visualisasi, merancang dan
mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar
untuk merancang model sebuah sistem (Nirsal, 2015).
Unified Modelling Language atau yang sering disebut dengan UML
merupakan desain sistem untuk membuat suatu program. UML adalah
sekumpulan pemodelan konvensi yang digunakan untuk menentukan atau
menggambarkan sebuah sistem perangkat lunak dalam kaitannya dengan objek
(Setiawan dkk, 2020).
Menurut Supriyanto (2005) dalam Jannah (2018) mengemukakan bahwa
Unified Modeling Language (UML) merupakan notasi dan sintaks/semantik,
notasi UML tersebut merupakan sekumpulan bentuk khusus untuk
menggambarkan berbagai diagram software. Setiap bentuk memiliki makna
tertentu dan sintaks UML mendefinisikan bagaimana bentuk-bentuk tersebut
dapat dikombinasikan.
UML menawarkan sebuah standar untuk merancang model sebuah sistem
dan diharapkan dari pengembangan suatu software dapat memenuhi semua
kebutuhan pengguna dengan lengkap dan tepat. Alat bantu yang digunakan dalam
perancangan berorientasi objek berbasiskan UML adalah Diagram Use Case,
Diagram Sequence, Diagram Class dan Diagram Activity.
14
a. Diagram Use case
Use case merupakan gambaran fungsionalitas yang diharapkan dari
sebuah sistem. Use case mempresentasikan antara Actor atau pelaku dengan
sistem. Use case diagram digunakan untuk memodelkan bisnis proses berdasarkan
perspektif pengguna sistem. Use case diagram terdiri atas diagram untuk use case
dan Actor. Actor merepresentasikan orang yang akan mengoperasikan atau orang
yang berinteraksi dengan sistem aplikasi. Use case merepresentasikan operasi-
operasi yang dilakukan oleh Actor. Use case digambarkan berbentuk elips dengan
nama operasi dituliskan di dalamnya. Actor yang melakukan operasi dihubungkan
dengan garis lurus ke use case (Nirsal, 2015).
Alur sistem yang dibuat dengan diagram Use Case menggunakan beberapa
simbol yang terdapat pada tabel 1.
Tabel 1. Simbol Diagram Use Case
No Gambar Nama Keterangan
1
Actor
Menspesifikasikan himpuan peran yang
pengguna mainkan ketika berinteraksi dengan
use case.
2
Dependency
Hubungan dimana perubahan yang terjadi pada
suatu elemen mandiri (independent) akan
mempengaruhi elemen yang bergantung
padanya elemen yang tidak mandiri
(independent).
3
Generalizatio
n
Hubungan dimana objek anak (descendent)
berbagi perilaku dan struktur data dari objek
yang ada di atasnya objek induk (ancestor).
4
Include Menspesifikasikan bahwa use case sumber
secara eksplisit.
5
Extend
Menspesifikasikan bahwa use case target
memperluas perilaku dari use case sumber
pada suatu titik yang diberikan.
6
Association Apa yang menghubungkan antara objek satu
dengan objek lainnya.
7
System Menspesifikasikan paket yang menampilkan
sistem secara terbatas.
8
Use Case
Deskripsi dari urutan aksi-aksi yang
ditampilkan sistem yang menghasilkan suatu
hasil yang terukur bagi suatu aktor
Sumber: Riswanto (2016)
15
b. Diagram Sequence
Menurut Tohari (2014) dalam Jannah (2018) Diagram sequence
menggambarkan interaksi antara sejumlah objek dalam urutan waktu. Kegunaanya
untuk menunjukkan rangkaian pesan yang dikirm antara objek juga interaksi antar
objek yang terjadi pada titik tertentu dalam eksekusi sistem. Diagram sequence
terdiri atar dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang
terkait). Diagram sequence digunakan untuk menggambarkan skenario atau
rangkaian langkah-langkah yang dilakukan sebagai respon dari sebuah event untuk
menghasilkan output tertentu.
Tabel 2. Simbol Diagram Sequence
No Gambar Nama Keterangan
1
Life Line Objek entity, antarmuka yang saling
berinteraksi.
2
Message
Spesifikasi dari komunikasi antar objek
yang memuat informasi-informasi
tentang aktifitas yang terjadi.
3
Message
Spesifikasi dari komunikasi antar objek
yang memuat informasi-informasi
tentang aktifitas yang terjadi.
Sumber: Rosa & Shalahuddin dalam Qomaruddin (2016)
c. Diagram Class
Menurut Tohari (2014) dalam Jannah (2018) DiagraClass adalah sebuah
spesifikasi yang jika di instansi dan menghasilkan sebuah objek dan merupakan
inti dari pengembangan dan desain berorientasi objek. Diagramclass
menggambarkan struktur dan deskripsi class package dan objek beserta hubungan
satu sama lain. Class itu sendiri memiliki tiga area pokok yaitu, nama, atribut dan
metoda.
Menurut Nirsal (2015) diagram class menunjukkan hubungan antar class
dalam sistem yang sedang dibangun dan bagaimana mereka saling berkolaborasi
untuk mencapai suatu tujuan.
16
Tabel 3. Simbol Diagram Class
No Nama Simbol Penjelasan
1 Generalication
Hubungan dimana objek anak berbagi
perilaku dan strukur data dari objek yang
ada di atasnya objek induk.
2 Class
Himpunan dari objek yang berbagi
atribut serta operasi yang sama.
3 Nary Association
Upaya untuk menghindari asosiasi
dengan lebih dari 2 objek.
4 Collaboration
Deskripsi dari urutan aksi-aksi yang
ditampilkan sistem yang menghasilkan
suatu hasil yang terukur bagi suatu aktor.
5 Realization Operasi yang benar-benaar dilakuan
oleh suatu objek.
6 Dependency
Hubungan dimana perubahan yang
terjadi pada suatu elemen mandiri akan
mempengaruhi elemen yang bergantung
padanya elemen yang tidak mandiri.
7 Association Apa yang menghubungkan antara objek
yang satu dengan objek lainnya.
Sumber: Rosa & Shalahuddin dalam Qomaruddin (2016)
Hubungan antar class yaitu:
1) Association
Association merupakan hubungan statis antar class, pada umumnya
menggambarkan class yang memiliki atribut berupa class lain, atau class yang
harus mengetahui eksistensi class lain.
2) Aggregation
Aggregation merupakan hubungan secara keseluruhan antara aggregate
class dengan component class.
3) Inheritance generalization
Inheritance adalah hubungan hirarkis antar class. Class dapat diturunkan
dari class lain dan mewarisi semua atribut dan metode class asalnya dan
menambahkan fungsionalitas baru.
17
d. Diagram Activity
Menurut Nirsal (2015) activity diagram menggambarkan berbagai alir
aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir
berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity
diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada
beberapa eksekusi.
Tabel 4. Simbol Diagram Activity
No Simbol Penjelasan
1
Initial State
Merepresentasikan dimulainya alur kerja suatu sistem
dalam activity diagram. dinotasikan lingkaran solid.
2
Activities
Merepresentasikan performa dari beberapa tingkah
laku di dalam alur kerja. Dinotasikan dengan segi
empat dengan ujung siku.
3
Transition between
activities
Menggambarkan pertukaran dari control alur antar
aktivitas. Dinotasikan dengan panah berarah.
4
Decision points Menentukkan kapan alur dalam aktivitas menjadi
bercabang. Dinotasikan dengan belah ketupat.
5
Synchronization
bars
Menspesifikasikan dua atau lebih aktivitas yang dapat
dilakukan secara pararel. Garis ini menggambarkan
tiap aktivitas pada aksi pararel tersebut akan berhenti
untuk menunggu aktivitas lainnya hingga mencapai
titik yang sama. Dinotasikan dengan garis tebal
horizontal atau vertical.
6
Final State
Memprersentasikan di akhirnya alur kerja suatu
system dalam activity diagram. Dinotasikan dengan
linkaran solid dengan lingkaran diluarya.
Sumber: Rosa & Shalahuddin dalam Qomaruddin (2016)
7. Pengujian Black Box
Pengujian Black Box yaitu menguji perangkat lunak dari segi spesifikasi
fungsional tanpa menguji desain dan kode program. Pengujian dimaksudkan
untuk mengetahui apakah fungsi-fungsi, masukan, dan keluaran dari perangkat
lunak sesuai dengan spesifikasi yang dibutuhkan. Pengujian kotak hitam
dilakukan dengan membuat kasus uji yang bersifat mencoba semua fungsi dengan
18
memakai perangkat lunak apakah sesuai dengan spesifikasi yang dibutuhkan.
Kasus uji yang dibuat untuk melakukan pengujian kotak hitam harus dibuat
dengan kasus benar dan kasus salah (Rosa & Shalahuddin, 2018).
Pengujian black box berfokus pada persyaratan fungsional perangkat
lunak. Dengan demikian, pengujian black box memungkinkan perekayasa
perangkat lunak mendapatkan serangkaian kondisi input yang sepenuhnya
menggunakan semua persyaratan fungsional untuk suatu program. Pengujian
bukan merupakan alternatif dari teknik white box, tetapi merupakan pendekatan
komplementer yang kemungkinan besar mampu mengungkap kelas kesalahan dari
pada metode white box (Ladjamuddin, 2006).
Pada black box testing, cara pengujian hanya dilakukan dengan
menjalankan atau mengeksekusi unit atau modul, kemudian diamati apakah hasil
dari unit itu sesuai dengan proses bisnis yang diinginkan. Jika ada unit yang tidak
sesuai outputnya maka untuk menyelesaikannya, diteruskan pada pengujian white
box (Al Fatta, 2007).
2.2 Hasil Penelitian Yang Relevan
Penelitian melakukan penelusuran terhadap penelitian-penelitian terdahulu
dari hasil penelitian terdahulu.
1. Pada penelitian yang dilakukan Triana Elizabeth dan Tinalia (2018) pada
jurnalnya berjudul “Rancang Bangun Aplikasi penjualan dan Stok Barang
Material (stusi kasus: Toko Bangunan XYZ)”. Tujuan penelitian ini yaitu untuk
membuat aplikasi penjualan dan persediaan barang yang dapat memberikan
informasi mengenai jumlah stok barang yang tersedia, dan barang yang laris.
Aplikasi ini dapat meningkatkan kinerja dan efisiensi waktu dalam transaksi
penjualan serta mengetahui stok barang terkini sehingga membantu pemilik toko
bangunan XYZ mengambil keputusan dalam menyetok barang.
2. Nirsal (2015) dalam jurnalnya yang berjudul “Rancang Bangun Situs Ukm
Center Sebagai Media Bisnis Online (Studi Kasus Pada Ukm Kecamatan Wara
Selatan Kota Palopo)” Permasalahan bagi para pelaku UKM adalah keterbatasan
pengetahuan dan sumber daya untuk membuat sendiri situs web untuk media
promosi produk dan jasanya. Saat ini memang sudah banyak media online
19
termasuk jejaring sosial yang bisa dimanfaatkan secara gratis untuk melakukan
promosi, tapi meski begitu hal ini kemudian masih belum efektif dikarenakan
media seperti jejaring sosial ini tidak atau belum menyediakan layanan ekslusif
bagi pelaku UKM.
3. Mujiati, (2015) dalam jurnalnya yang berjudul “Analisis Dan Perancangan
Sistem Informasi Stok Obat Pada Apotek Arjowinangun” Dalam penyusunan data
stok obat di Apotek Arjowinangun masih dilakukan secara konvensional,
bagaimana menganalisis dan merancang sistem informasi stok obat di Apotek
Arjowinangun tepat waktu dan akurat. Masalah dibatasi kegiatan stok obat,
pembelian dan penjualan obat pada Apotek Arjowinangun. Adapun tujuan dari
penelitian ini adalah menghasilkan perancangan sistem informasi stok obat pada
Apotek Arjowinangun. Dengan adanya perancangan sistem stok obat ini
diharapkan para pegawai Apotek dapat meminimalisir kerja dalam mengolah data-
data obat.
2.3 Kerangka Pikir
Setiap penelitian pasti memerlukan kerangka berpikir sebagai pijakan atau
sebagai pedoman dalam menentukan arah dari penelitian, hal ini diperlukan agar
peneliti tetap terfokus pada kajian yang diteliti. Alur kerangka berpikir akan di
jelaskan sebagai berikut: Masalah yang terjadi saat ini adalah system yang
berjalan ditoko tersebut masih secara manual sehingga dibutuhkan suatu sistem
yang terkomputerisasi untuk mengelola stok barang dan kasir.
Masalah diatas membuat peneliti berfikir untuk membuat suatu aplikasi
stok barang dan kasir berbasis Website yang dapat mempermudah karyawan
maupun pemilik Toko Hikmat. Dengan adanya aplikasi ini, karyawan tidak perlu
lagi mencatat di buku secara manual, cukup dengan membuka komputer yang
tersedia.
20
Kerangka pikir dalam penelitian ini dapat dilihat digambarkan dalam
bentuk bagan sebagai berikut:
Rancang Bangun Aplikasi Stok Barang Dan Kasir Pada Toko Hikmat Kota
Palopo Berbasis Website
Masalah yang terjadi saat ini adalah sistem yang berjalan di Toko tersebut
masih secara manual sehingga dibutuhkan suatu sistem yang terkomputerisasi
untuk mengelola stok barang dan kasir.
Solusi yang ditawarkan berdasarkan permasalahan di atas adalah membuat
aplikasi stok barang dan kasir pada Toko Hikmat Kota Palopo berbasis
website.
Dengan adanya aplikasi ini diharapkan dapat membantu karyawan maupun
pemilik toko dalam mengelola stok barang dan kasir pada Toko Hikmat Kota
Palopo
Toko Hikmat Fotocopy Dan Penjualan ATK,
Jl. Ambe Nona No.12 Kota Palopo
Gambar 1. Kerangka Pikir
21
BAB III
METODE PENELITIAN
3.1 Jenis Penelitian
Jenis penelitian yang digunakan dalam penelitian ini adalah Research and
Development (R&D) yang merupakan sebuah proses untuk mengahasilkan produk
tertentu ataupun mengembangkan produk yang telah ada sebelumnya. Sesuai
dengan karakteristik R&D yaitu adanya produk yang dihasilkan dalam penelitian
maka tujuan penelitian dengan menggunakan R&D ini berisi dua informasi yaitu
masalah yang akan dipecahkan dan menghasilkan sebuah perangkat atau sistem
yang akan memecahkan masalah tersebut. Penelitian R&D dilakukan secara
bertahap dan sistematis yang mengacu pada metode waterfall yang dimulai dari
tahap penelitian (observasi), pengumpulan data, analisis, perancangan system,
desain, pembuatan (coding), pengujian (testing), dan penerapan (implementasi).
Jenis penelitian Research and Development (R&D) dipilih karena jenis ini
sesuai dengan tujuan penelitian yang ingin dicapai yakni, karena dapat
menghasilkan produk yang dapat diuji kevalidasian dan keefektifan produk dalam
penerapannya. Adapun produk yang ingin dibangun dalam penelitian ini adalah
sebuah aplikasi.
3.2 Tempat dan Waktu Penelitian
Penelitian ini akan dilakukan pada Toko Hikmat Fotocopy dan penjualan
ATK yang beralamat di Jalan Ambe Nona Kecamatan Wara Kota Palopo. Adapun
waktu penelitian direncanakan selama kurang lebih 3 bulan dimulai dari bulan Juli
2020 sampai dengan September 2020.
3.3 Batasan Penelitian
Penulis membatasi masalah dalam penelitian ini agar masalah yang
dibahas tidak meluas. Batasan masalah dalam penelitian ini adalah:
1. Aplikasi yang dibuat dapat melakukan proses input dan output tentang data
barang.
2. Dalam aplikasi ini dapat juga dijadikan aplikasi kasir.
22
3. Aplikasi akan dikelola oleh dua pengguna, dimana dalam pengelolaan stok
barang diakses oleh pemilik toko atau seseorang yang dipercayakan untuk
mengelolah data barang tersebut. Sedangkan untuk kasir akan digunakan oleh
karyawan.
4. Aplikasi ini dibuat pada sistem operasi windows dengan menggunakan
perangkat lunak seperti XAMPP, sublime, browser mozilla firefox dan bahasa
pemrograman PHP serta Mysql sebagai database nya.
3.4 Tahapan Penelitian
1. Pengumpulan Data
Pengumpulan data merupakan prosedur untuk dapat memperoleh data-data
yang diperlukan dalam melakukan penelitian. Teknik pengumpulan data yang
dilakukan antara lain sebagai berikut:
a. Observasi
Dalam penelitian ini, peneliti melakukan pengamatan atau peninjauan
langsung untuk memperoleh informasi yang tepat dan akurat. Metode
pengumpulan data observasi dilakukan peneliti dengan cara melakukan
pengamatan secara langsung ke tempat penelitian yang sedang diteliti. Teknik
pengumpulan data menggunakan teknik observasi ini yaitu dengan melakukan
pengamatan terhadap aktivitas pelayanan ketersediaan barang dan jual beli pada
Toko Hikmat Fotocopy dan Penjualan ATK di jalan Ambe Nona N0.12 Kota
Palopo. Hal ini dilakukan peneliti agar mendapatkan data-data yang dibutuhkan
dalam penyusunan skripsi ini, data yang didapatkan seperti tinta print, bingkai
foto, alat tulis kantor, buku nota, dan lain-lain.
b. Wawancara
Wawancara memungkinkan analisis sistem sebagai pewawancara
(interviewer), komunikasi berlangsung dalam bentuk tanya jawab dalam hubungan
tatap muka dalam hal ini penulis langsung melakukan wawancara kepada
karyawan yaitu saudari Darmi. Dalam proses wawancara peneliti mendapatkan
informasi mengenai proses penjualan pada toko Hikmat dan proses pembukuan
stok barang.
23
c. Studi Kepustakaan
Cara yang dilakukan untuk mengumpulkan data dengan mempelajari
literatur, paket modul dan panduan, buku-buku pedoman, buku-buku perpustakaan
dan segala kepustakaan lainnya yang dianggap perlu dan mendukung. Penulis
menggunakan beberapa literatur seperti jurnal dan penelitian yang telah dilakukan
sebelumnya dalam bentuk skripsi.
2. Analisis Sistem
Analisis penelitian adalah teknik pemecahan masalah yang menguraikan
bagian-bagian komponen dengan mempelajari seberapa bagus bagian-bagian
komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan mereka.
Analisis penelitian merupakan tahapan paling awal dari pengembangan sistem
yang menjadi pondasi dalam menentukan keberhasilan sistem informasi yang
dihasilkan nantinya.
a. Sistem yang berjalan
Analisis sistem yang berjalan tentang stok barang dan kasir pada toko
hikmat masih menggunakan cara manual dengan mencatat dibuku sehingga belum
efisien dilakukan. Gambaran sistem yang berjalan pada toko hikmat dapat dilihat
pada gambar di bawah ini:
Kasir
Menulis stok barang
Transaksi penjualan
Pemilik Toko
Melihat stok barang
Gambar 2. Sistem yang berjalan
24
b. Sistem yang diusulkan
Berdasarkan analisis sistem yang yang berjalan pada Toko Hikmat, penulis
memberikan solusi dan membuat sistem baru dengan bantuan perangkat
komputer. Sistem yang diusulkan dapat dilihat pada gambar dibawah ini:
Kasir
Login
Input data barang
Data transaksi
penjualan dan pembelian
Pemilik Toko
Laporan stok barang
Kategori barang
Input data suplier
Sistem
Logout
Laporan transaksi
penjualan dan pembelian
Gambar 3. Sistem yang diusulkan
25
Adapun diagram alur penggunaan aplikasi adalah sebagai berikut:
start
Halaman Login
Input username
&
Password
LoginTidak
Halaman Home
Ya
Dashboard
Transaksi Penjualan
Transaksi Pembelian
Pengaturan User
Logout
Finish
Gambar 4. Diagram alur penggunaan aplikasi
26
c. Kebutuhan Fungsional
Kebutuhan fungsional dari aplikasi stok barang dan kasir yang akan
digunakan oleh toko hikmat kota Palopo adalah:
1) Sistem yang pemilik toko dapat lakukan pada stok barang dan kasir
a) Pemilik toko dapat login untuk masuk ke aplikasi.
b) Pemilik toko dapat mengelola kategori barang.
c) Pemilik toko dapat menginput data barang.
d) Pemilik toko dapat menginput data supplier.
e) Pemilik toko dapat melihat data transaksi penjualan dan pembelian.
f) Pemilik toko dapat melihat laporan stok barang.
g) Pemilik toko dapat melihat laporan transaksi penjualan dan pembelian
h) Pemilik toko dapat logout untuk keluar dari aplikasi.
2) Sistem yang kasir dapat lakukan pada stok barang dan kasir.
a) Kasir dapat login untuk masuk ke aplikasi.
b) Kasir dapat mengelola transaksi penjualan dan melihat data transaksi
penjualan.
c) Kasir dapat logout untuk keluar dari aplikasi.
d. Kebutuhan Non-Fungsional
Kebutuhan non fungsional dari aplikasi stok barang dan kasir yang akan
digunakan oleh toko hikmat adalah:
1) Perangkat Keras
a) Laptop Acer dengan spesifikasi: Processor intel celeron(R), RAM 4 GB,
dan hardisk 500 GB.
b) Perangkat standar input dan output.
2) Perangkat Lunak
a) Sistem operasi menggunakan Windows 10 64-bit.
b) Aplikasi yang digunakan dalam pembuatan program adalah HTML dan
PHP.
c) Basis data menggunakan mysql.
d) Menggunakan Microsoft Visio 2007.
e) Menggunakan Microsoft Office 2013.
27
3. Desain
a. Perancangan Model/Sistem
1) Use Case Diagram
Use Case Diagram merupakan gambaran fungsionalitas dari beberapa atau
seluruh actor dan use case dengan tujuan mengetahui dalam satu sistem, sehingga
pengguna paham dan mengerti mengenai kegunaan sistem yang akan dibangun.
Kasir
Login
Input data barang
Data transaksi
penjualan dan pembelian
Pemilik Toko
Laporan stok barang
Kategori barang
Input data suplier
Sistem
Logout
Laporan transaksi
penjualan dan pembelian
Gambar 5. Use case diagram
Gambar 5 menggambarkan sistem dimana pemilik toko dapat melakukan
proses login, setelah login pemilik toko dapat mengelola kategori barang, dapat
28
menginput data barang, menginput data suplier, melihat data transaksi penjualan
dan pembelian, melihat laporan stok barang, melihat laporan transaksi penjualan
dan pembelian, dan dapat mengases logout untuk keluar dari aplikasi. Kemudian
kasir dapat melakukan proses login, setelah login kasir dapat mengelola data
transaksi penjualan dan pembelian, kemudian untuk keluar dari aplikasi kasir
dapat mengakses logout.
2) Activity Diagram
Activity Diagram menggambarkan berbagai alur kerja aktivitas dalam
sistem yang sedang dirancang, bagaimana alur diagram activity berawal, decision
yang mungkin terjadi, dan bagaimana alur berakhir.
a) Activity Diagram login Pemilik Toko
Pemilik Toko Sistem
Login Menampilkan form login
input username dan password Memvalidasi username dan password
Menampilkan halaman utama
Y
T
Gambar 6. Activity diagram login pemilik toko
Gambar 6 menjelaskan tentang pemilik toko dapat melakukan login,
dimana pemilik toko mengakses menu login kenudian memasukkan username dan
password kemudian sistem memvalidasi username dan password yang telah
dimasukkan. Jika username dan password salah, maka pemilik toko kembali
memasukkan username dan password dan jika benar maka halaman utama akan
terbuka.
29
b) Activity Diagram Menu Utama
Pemilik Toko Sistem
Lihat menu Menampilkan halaman utama
Pilih menu Menampilkan halaman yang dipilih
Gambar 7. Activity diagram menu utama
Gambar 7 menjelaskan tentang pemilik toko dapat mengakses menu
utama, kemudian sistem menampilkan menu-menu yang ada pada halaman utama
untuk diakses oleh pemilik toko.
c) Activity Diagram Kategori Barang
Pemilik Toko Sistem
Mengakses kategori barang Menampilkan form kategori barang
Melihat mengelola barang Data diproses
Gambar 8. Activity diagram kategori barang
30
Gambar 8 menjelaskan tentang pemilik toko dapat mengakses kategori
barang, kemudian sistem menampilkan form kategori barang. Pemilik toko
mengelola kategori barang kemudian sistem akan diproses oleh sistem.
d) Activity Diagram Input Data Barang
Pemilik Toko Sistem
Mengakses input data barang Menampilkan form data barang
Input data barang Data diproses
Gambar 9. Activity diagram input data barang
Gambar 9 menjelaskan tentang pemilik toko dapat mengakses menu input
data barang, kemudian sistem menampilkan form data barang. Pemilik toko
menginput data barang kemudian data akan diproses oleh sistem.
e) Activity Diagram Input Data Supplier
Pemilik Toko Sistem
Mengakses input data suplier Menampilkan form data suplier
Input data suplier Data diproses
Gambar 10. Activity diagram input data supplier
31
Gambar 10 menjelaskan tentang pemilik toko dapat mengakses menu
input data suplier, kemudian sistem menampilkan form data suplier. Pemilik toko
menginput data suplier kemudian data akan diproses oleh sistem
f) Activity Diagram Data Transaksi Penjualan dan Pembelian
Pemilik Toko Sistem
Mengakses data transaksi penjualan dan pembelian Menampilkan form data transaksi penjualan dan pembelian
Melihat data transaksi Data diproses
Gambar 11. Activity diagram data transaksi penjualan dan pembelian
Gambar 11 menjelaskan tentang pemilik toko dapat mengakses menu data
transaksi penjualan dan pembelian, kemudian sistem menampilkan form data
transaksi penjualan dan pembelian. Pemilik toko melihat data transaksi kemudian
data akan diproses oleh sistem.
g) Activity Diagram Laporan Stok Barang
Pemilik Toko Sistem
Mengakses laporan stok barang Menampilkan laporan stok barang
Melihat laporan stok barang Data diproses
Gambar 12. Activity diagram laporan stok barang
32
Gambar 12 menjelaskan tentang pemilik toko dapat mengakses menu
laporan stok barang, kemudian sistem menampilkan form laporan stok barang.
Kemudian pemilik toko melihat laporan stok barang setelah itu data akan diproses
oleh sistem.
h) Activity Diagram Laporan Transaksi Penjualan dan Pembelian
Pemilik Toko Sistem
Mengakses laporan transaksi penjualan dan pembelian Menampilkan laporan transaksi penjualan dan pembelian
Melihat laporan transaksi penjualan dan pembelian Data diproses
Gambar 13. Activity diagram laporan transaksi penjualan dan pembelian
Gambar 13 menjelaskan tentang pemilik toko dapat mengakses menu
laporan transaksi penjualan dan pembelian, kemudian sistem menampilkan form
laporan transaksi penjualan dan pembelian. Kemudian pemilik toko melihat
laporan transaksi penjualan dan pembelian setelah itu data akan diproses oleh
sistem.
i) Activity Diagram Logout pemilik toko
Pemilik Toko Sistem
Logout Menampilkan form logout
Keluar dari sistem
Gambar 14. Activity diagram logout pemilik toko
33
Gambar 14 menjelaskan tentang pemilik toko dapat mengakses menu
logout kemudian sistem menampilkan form logout. Kemudian pemilik toko keluar
dari sistem.
j) Activity diagram login kasir Kasir Sistem
Login Menampilkan form login
input username dan password Memvalidasi username dan password
Menampilkan halaman utama
Y
T
Gambar 15. Activity diagram login kasir
Gambar 15 menjelaskan tentang kasir dapat melakukan login, dimana
kasir mengakses menu login kemudian memasukkan username dan password
kemudian sistem memvalidasi username dan password yang telah dimasukkan.
Jika username dan password salah, maka kasir kembali memasukkan username
dan password dan jika benar maka halaman utama akan terbuka.
k) Activity diagram Data Transaksi Penjualan dan Pembelian
Kasir Sistem
Mengakses data transaksi penjualan dan pembelian Menampilkan form data transaksi penjualan dan pembelian
Melngelola data transaksi Data diproses
Gambar 16. Activity diagram data transaksi penjualan dan pembelian
Gambar 16 menjelaskan tentang kasir dapat mengakses menu data
transaksi penjualan dan pembelian, kemudian sistem menampilkan form data
34
transaksi penjualan dan pembelian. Kasir melihat dan mengelola data transaksi
kemudian data akan diproses oleh sistem.
l) Activity Diagram Logout Kasir
Kasir Sistem
Logout Menampilkan form logout
Keluar dari sistem
Gambar 17. Activity diagram logout
Gambar 17 menjelaskan tentang kasir dapat mengakses menu logout
kemudian sistem menampilkan form logout. Kemudian kasir keluar dari sistem.
3) Sequence Diagram
Sequence Diagram merupakan diagram yang menggambarkan interaksi
yang terjadi antara sistem dengan pengguna. Sequence diagram digunakan untuk
menggambarkan perilaku pada sebuah skenario dan mendeskripsikan bagaimana
entitas dan sistem berinteraksi, termasuk pesan yang digunakan saat interaksi.
Interaksi tersebut digambarkan secara berurutan dengan lebih detail.
35
a) Sequence Diagram Pemilik Toko
Pemilik Toko
Input username dan
passwordJika salah kembali
ke
halaman loginJika benar menampilkan
halaman admin
login
MeNgakses input data barang
Validasi
username
dan password
Menampilkan halaman Data barang
Input Data Barang
Mengakses input data suplier
Menampilkan halaman Data suplier
Input Data Suplier Data transaksi
Mengakses data transaksi
Menampilkan halaman data transaksi
Mengakses retur penjualan dan pembelian
Menampilkan retur penjualan dan pembelian
Retur Penjualan dan pembelian
Menampilkan halaman Laporan stok barang
Mengakses Laporan stok barang
Laporan Stok Barang
Mengakses Laporan transaksi
Menampilkan halaman Laporan transaksi
Laporan Transaksi Logout
Mengakses menu logout
Menampilkan halaman logout
Gambar 18. Sequence diagram pemilik toko
Gambar 18 menjelaskan tentang langkah pemilik toko dalam mengelola
setiap menu. Pemilik toko melakukan login, input data barang, input data suplier,
input data pelanggan, data transaksi penjualan dan pembelian, retur penjualan dan
pembelian, laporan stok barang, laporan transaksi penjualan dan pembelian, dan
logout.
36
b) Sequence Diagram Kasir
Kasir
Input username dan
password
Jika salah kembali ke
halaman login
Jika benar menampilkan
halaman admin
login
Mengakses Data Transaksi
Validasi
username
dan password
Menampilkan halaman Data Transaksi
Data Transaksi
Mengakses Logout
Menampilkan halaman Logout
Logout
Gambar 19. Sequence diagram kasir
Gambar 19 menjelaskan tentang langkah kasir dalam mengelola menu.
Kasir melakukan login, data transaksi penjualan dan pembelian, dan logout.
4) Class Diagram
Class diagram digunakan untuk menampilkan kelas-kelas dan paket-paket
di dalam sistem. Class diagram memberikan gambaran sistem secara statis dan
relasi antar mereka. Biasanya dibuat beberapa class diagram untuk sistem tunggal.
Beberapa diagram akan menampilkan subset dari kelas-kelas dan relasinya. Kelas-
kelas yang ada harus dapat melakukan fungsi-fungsi sesuai dengan kebutuhan
sistem.
37
+masukkan_username()
+masukkan_password()
+login()
+exit()
-id user
-nama
-username
-pssword
User
+cari()
+hapus()
-id
-no_transaksi
-nama_pelanggan
-tgl_transaksi
-petugas
-total_harga
-potongan
-status
Data Transaksi Penjualan
+cari()
+tambah()
+hapus()
+edit()
-id
-kategori_barang
-nama_kategori
Kategori Barang
+tambah()
+hapus()
+cari()
-id
-no_facture
-nama_toko
-tgl_beli
-nama_kasir
-petugas
-total
Data Transaksi Pembelian
+cari()
+tambah()
+hapus()
+edit()
-id
-kode_suplier
-nama_toko
-alamat
-telephone
Data Suplier
+simpan()
+cetak()
+transaksi baru()
-id
-kode_penjualan
-nama_barang
-harga_barang
-nama_pelanggan
-pembayaran
-status_pembayaran
Transaksi Penjualan
+cari()
+hapus()
-id
-nomor_transaksi
-nama_barang
-total
Retur Penjualan
+cari()
+hapus()
-id
-nomor_facture
-kode_barang
-nama_barang
-harga_barang
-total
Retur Pembelian
+cari()
+cetak()
-id
-kode_barang
-satuan_barang
-kategori_barang
-jumlah_dtok
-retur
Laporan Stok Barang
Gambar 20. Class Diagram
b. Rancangan Interface Sistem
1) Rancangan Menu Login Pemilik toko
Rancangan tampilan login menampilkan menu login pemilik toko, data
yang dimasukkan username dan password.
38
Gambar 21. Rancangan menu login pemilik toko
2) Rancangan Menu Login Kasir
Rancangan tampilan login menampilkan menu login kasir, data yang
dimasukkan username dan password
Gambar 22. Rancangan menu login kasir
3) Rancangan Menu Utama
Rancangan menu utama menampilkan menu yang dapat diakses oleh
pemilik toko dan kasir.
TOKO HIKMAT
KOTA PALOPO
Silahkan Login!
Username
Password
Login Reset
TOKO HIKMAT
KOTA PALOPO
Silahkan Login!
Username
Password
Login Reset
39
Gambar 23. Rancangan menu utama
4) Rancangan Menu Kategori Barang
Rancangan menu kategori barang, menampilkan menu kategori barang
seperti kode kategori, dan nama kategori.
Gambar 24. Rancangan menu kategori barang
5) Rancangan Menu Input Data Barang
Rancangan menu input data barang, menampilkan menu untuk
memasukkan data-data barang seperti kode barang, nama barang, tanggal input,
harga beli, harga jual, jumlah stok, dan satuan.
Exit Toko Hikmat Kota Palopo
Master
Barang
Transaksi
Retur Barang
Laporan
Data Barang Data Supplier
Data User Transaksi Penjualan
Toko Hikmat Kota Palopo Exit
Dashboard
Master
Barang
Transaksi
Retur Barang
Laporan
Kategori Barang
Cari
No 1
2
3
4
Kode Kategori
C001
C002
C003
C004
Nama Kategori
Latban
Map
Buku
Kertas
Refresh
Cari
Tambah
40
Gambar 25. Rancangan menu input data barang
6) Rancangan Menu Input Data Suplier
Rancangan menu input data supplier, menampilkan menu untuk memasukkan
data supplier seperti kode supplier, nama toko, alamat, telepon, dan email.
Gambar 26. Rancangan menu input data supplier
7) Rancangan Menu Transaksi Penjualan
Rancangan menu transaksi penjualan, menampilkan menu data-data
transaksi penjualan seperti nomor transaksi, nama pelanggan, petugas, dan total.
Exit Toko Hikmat Kota Palopo
Master
Barang
Transaksi
Retur Barang
Laporan
Input Data Barang
Kode Barang :
Nama Barang :
Deskripsi :
Tgl Input :
Harga Beli :
Harga Jual :
Kategori :
Jmlh Stok :
Satuan :
Simpan Data Kembali
Master
Exit Toko Hikmat Kota Palopo
Barang
Transaksi
Retur Barang
Laporan
Input Data Supplier
Kode Supplier :
Nama Toko :
Alamat :
Telepon :
Email :
Simpan Data Kembali
Kode Suplier :
41
Gambar 27. Rancangan menu transaksi penjualan
8) Rancangan Menu Transaksi Pembelian
Rancangan menu transaksi pembelian, menampilkan menu data-data
transaksi pembelian seperti nomor faktur, nama toko, petugas, dan total
Gambar 28. Rancangan menu transaksi pembelian
9) Rancangan Menu Laporan
Rancangan menu laporan, menampilkan data-data stok barang, seperti
kode barang, nama barang, satuan, barang, kategori barang, jumlah awal barang,
jumlah masuk barang, jumlah keluar barang, dan sisa barang.
Exit Toko Hikmat Kota Palopo
Master
Barang
Transaksi
Retur
Barang Laporan
Data Transaksi Penjualan
No Transaksi Nama Pelanggan Petugas Total
Refresh
Exit Toko Hikmat Kota Palopo
Master
Barang
Transaksi
Retur
Barang Laporan
Data Pembelian
No Faktur Nama Toko Nama Kasir Petugas Total
Refresh Tambah
42
Gambar 29. Rancangan menu laporan
c. Rancangan Database
Rancangan database yang dibuat merupakan hasil analisis menggunakan
class diagram yang berisi rancangan tabel-tabel database. Berikut ini tabel-tabel
yang akan digunakan beserta field-field yang terdapat pada masing-masing tabel:
Tabel 5. User
Field Type Size Key
Id user Int 11 Primary-key
Nama Varchar 20
Username Varchar 20
Password Varchar 20
Sumber: (Data peneliti: 2020)
Tabel 6. Kategori Barang
Field Type Size Key
Id Int 11 Primary-key
Kategori_barang Varchar 20
Nama_barang Varchar 20
Sumber: Data peneliti (2020)
Exit Toko Hikmat Kota Palopo
Laporan Stok Barang
Kode Barang Nama Barang Satuan Kategori Awal Masuk Keluar Sisa
AD001 Buku Tulis Buah Buku 80 0 4 76
Refresh
43
Tabel 7. Data Supplier
Field Type Size Key
Id Int 11 Primary-key
Kode_suplier Varchar 20
Nama_toko Varchar 20
Alamat Varchar 20
Telephone Varchar 15
Email Varchar 20
Sumber: Data peneliti (2020)
Tabel 8. Data Barang
Field Type Size Key
Id Int 11 Primary-key
Kode_barang Varchar 20
Kode_supplier Varchar 20
Tgl_input Varchar 20
Harga_beli Varchar 20
Harga_jual Varchar 15
Kategori_barang Varchar 20
Stok Varchar 20
Sumber: Data peneliti (2020)
Tabel 9. Data Transaksi Penjualan
Field Type Size Key
Id Int 11 Primary-key
No_transaksi Varchar 20
Nama_pelanggan Varchar 20
Tgl_transaksi Varchar 20
Petugas Varchar 15
Total_harga Varchar 20
Potongan Varchar 20
Status Varchar 20
Sumber: Data peneliti (2020)
44
Tabel 10. Transaksi Penjualan
Field Type Size Key
Id Int 11 Primary-key
Kode_penjualan Varchar 20
Nama_barang Varchar 20
Harga_barang Varchar 20
Pembayaran Varchar 20
Status_pembayaran Varchar 20
Sumber: Data peneliti (2020)
Tabel 11. Data Transaksi Pembelian
Field Type Size Key
Id Int 11 Primary-key
No_facture Varchar 20
Nama_toko Varchar 20
Tgl_beli Varchar 20
Nama_kasir Varchar 20
Petugas Varchar 20
Total Varchar 20
Sumber: Data peneliti (2020)
Tabel 12. Retur Penjualan
Field Type Size Key
Id Int 11 Primary-key
No_transaksi Varchar 20
Nama_barang Varchar 20
Total Varchar 20
Sumber: Data peneliti (2020)
Tabel 13. Retur Pembelian
Field Type Size Key
Id Int 11 Primary-key
No_facture Varchar 20
Kode_barang Varchar 20
Nama_barang Varchar 20
Harga_barang Varchar
Total Varchar
Sumber: Data peneliti (2020)
45
Tabel 14. Laporan Stok Barang
Field Type Size Key
Id Int 11 Primary-key
Kode_barang Varchar 20
Satuan_barang Varchar 20
Kategori_barang Varchar 20
Jumlah_stok Varchar 20
Retur Varchar 20
Sumber: Data peneliti (2020)
4. Pembuatan
Tahapan-tahapan dalam pembuatan aplikasi stok barang dan kasir pada
toko Hikmat dilakukan terlebih dahulu melakukan observasi dilokasi penelitian
serta melakukan wawancara ke pihak yang bersangkutan seperti pemilik toko dan
karyawan untuk memperoleh infomasi. Lokasi penelitian di Toko Hikmat yang
beralamat di Jalan Ambe Nona Kecamatan Wara Kota Palopo. Berdasarkan
observasi yang dilakukan peneliti pada Toko Hikmat mengenai stok barang dan
kasir masih menggunakan cara manual yaitu dengan mencatat dibuku, yang
dianggap masih membuat proses kerja cukup lama dan masih ada kemungkinan
masih terjadi kesalahn penulisan nama barang dan jenis barang yang terjual tidak
sesuai dengan barang yang ada ditoko. Maka untuk mengatasi masalah ini
diperlukan suatu aplikasi stok barang dak kasir yang bisa dengan cepat digunakan
untuk menginput stok barang, data suplier, data pelanggan, data transaksi, retur
penjualan, laporan stok barang, laporan transaksi dan menyimpan database secara
aman sehingga dapat memudahkan proses mengelola stok barang dan kasir.
Langkah selanjutnya peneliti melakukan tahapan pengumpulan data yang
digunakan dalam membuat Aplikasi Stok barang dan kasir pada toko Hikmat.
Pengumpulan datanya dilakukan dengan cara melihat data-data stok barang serta
penjualan dan pembelian yang akan dimasukkan dan mengkaji perangkat
pendukung yang akan digunakan dalam pembuatan aplikasi stok barang dan kasir
tersebut. Setelah itu dilakukan proses tahapan perancangan desain produk, seperti:
kebutuhan fungsional, non-fungsional, perancangan model/sistem, perancangan
input dan output serta perancangan databasenya. Perancangan model sistem
dibuat menggunakan UML dan di desain menggunakan Aplikasi Visio 2007,
46
dimulai dari pembuatan Diagram Use Case , Diagram Activity, Diagram
Sequence, Serta Diagram Class, sedangkan input dan outpunya dibuat dengan
PHP dan HTML.
Aplikasi stok barang dan kasir tersebut dirancang untuk Toko Hikmat
dalam mengelola stok barang dan mempermudah dalam proses transaksi jual beli
barang. Pada aplikasi yang dirancang hak akses untuk pemilik toko menginput
stok barang, data suplier, data pelanggan, data transaksi, retur penjualan, laporan
stok barang, dan laporan transaksi. Hak akses untuk kasir adalah untuk melihat
dan mengelola data transaksi penjualan dan pembelian. Selanjutnya setelah selesai
dilakukan perancangan dilanjutkan pembuatan aplikasi dengan menggunakan
bahasa Pemrograman PHP dan HTML dan database menggunakan msql. Setelah
selesai tahap pembuatan maka langkah selanjutnya yaitu melakukan pengujian
yang dilakukan dengan metode black box. Ketika hasil pengujian yang dilakukan
menunjukkan hasil bahwa aplikasi yang dibuat telah bebas dari kesalahan sistem,
maka penulis melangkah pada tahap selanjutnya yaitu melakukan penilaian dan
pengimplementasian aplikasi yang telah dibuat.
5. Pengujian
Tahapan pengujian yang dilakukan dengan metode black box. Ketika hasil
dari pengujian yang dilakukan menunjukkan hasil bahwa aplikasi yang dibuat
telah bebas dari kesalahan sistem, maka penulis melangkah pada tahap selanjutnya
yaitu melakukan penilaian dan pengimplementasian aplikasi yang telah dibuat.
Pengujian pada aplikasi nantinya akan menggunakan dua proses pengujian yaitu
pengujian sistem dan pengujian ahli.
a. Pengujian Sistem
Pengujian sistem haruslah dilakukan dalam proses rekayasa perangkat
lunak yang bertujuan untuk menentukan kesalahan atau kekurangan perangkat
lunak yang diuji. Pengujian sistem ini dilakukan setelah coding sistem dilakukan,
proses ini dilakukan untuk mengetahui apakah sistem dapat berjalan sesuai
dengan rencana yang diterapkan. Pada pengujian ini menggunakan black box
testing untuk menguji program aplikasi yang dibuat. Oleh karena itu, program
harus diuji untuk menemukan kesalahan-kesalahan yang mungkin terjadi.
47
b. Pengujian Ahli
Pengujian ahli akan dilakukan oleh pihak Toko Hikmat, serta pihak yang
akan ditunjuk oleh pembimbing untuk menguji keakuratan sistem aplikasi
berbasis website yang telah dibuat. Pada proses pengujian ini dilakukan guna
memeriksa apakah aplikasi stok barang dan kasir tersebut telah dapat digunakan
atau dioperasikan secara optimal agar dapat nantinya digunakan tanpa adanya
kendala yang terjadi pada proses pendataan.
6. Hasil Akhir
Hasil akhir dari penelitian ini menghasilkan sebuah Aplikasi Stok Barang
dan Kasir Pada Toko Hikmat Kota Palopo Berbasis Website. Aplikasi ini
diharapkan dapat berguna dengan semestinya dan memudahkan proses
pengolahan stok barang yang awalnya masih menggunakan cara konvensional.
Dimana cara yang digunakan pada Toko Hikmat dapat memakan waktu yang
cukup lama, proses penulisan stok barang dan transaksi jual beli barang masih
menggunakan cara manual. Maka dari itu dengan adanya aplikasi ini diharapkan
dapat memudahkan semua proses pengolahan stok barang menjadi lebih cepat dan
aman pada proses penyimpanan datanya.
48
BAB IV
HASIL DAN PEMBAHASAN PENELITIAN
4.1 Hasil Penelitian
Berdasarkan dari hasil perancangan yang telah dibuat maka selanjutnya
adalah menerapkan setiap hasil rancangan ke dalam bentuk program dengan
memasukkan source code program menggunakan bahasa pemrograman PHP.
Hasil dari penerapan dari setiap rancangan dapat dilihat pada gambar-gambar
berikut:
1. Halaman Login
Halaman login merupakan halaman yang menjadi pintu gerbang admin
dan user untuk mengakses aplikasi. Adapun tampilan halaman login adalah
sebagai berikut:
Gambar 30. Halaman Login
2. Halaman Dashboard
Halaman dashboard adalah tampilan awal yang menampilkan semua menu
yang ada pada aplikasi ini yang dapat diakses oleh admin dan user. Beberapa
menu yang dapat diakses oleh admin pada menu utama, diantaranya adalah menu
data supplier, kategori barang, data barang, transaksi penjualan, data transaksi
penjualan, data transaksi pembelian, retur penjualan, retur pembelian dan laporan
stok barang. Sedangkan menu yang dapat diakses oleh user adalah transaksi
penjualan dan data transaksi penjualan. Tampilan halaman dashboard adalah
seperti gambar berikut:
49
Gambar 31. Halaman Dashboard
3. Halaman Data Supplier
Halaman ini menyajikan informasi data supplier barang pada toko hikmat.
Halaman hanya dapat diakses oleh admin. Tampilan halamannya sebagai berikut:
Gambar 32. Halaman Data Supplier
4. Halaman Kategori Barang
Halaman kategori barang adalah halaman yang menyajikan informasi
mengenai berbagai kategori barang yang ada di toko hikmat kota palopo. Halaman
ini hanya dapat diakses oleh admin. Halaman ini hanya dapat diakses oleh admin.
Tampilan halaman kategori barang sebagai berikut:
50
Gambar 33. Halaman Kategori Barang
5. Halaman Data Barang
Halaman data barang adalah halaman yang menyajikan semua informasi
mengenai data barang dan juga stok barang pada toko hikmat. Halaman ini hanya
dapat diakses oleh admin. Tampilan halaman data barang sebagai berikut:
Gambar 34. Halaman Data Barang
6. Halaman Transaksi Penjualan
Halaman transaksi merupakan halaman yang menampilkan menu untuk
melakukan proses transaksi penjualan dan menu ini dapat diakses oleh admin dan
user/kasir. Tampilan menu transaksi penjualan adalah sebagai berikut:
51
Gambar 35. Halaman transaksi penjualan
7. Halaman Data Transaksi Penjualan
Halaman ini bertujuan untuk menyajikan data dari hasil proses transaksi
penjualan. Halaman ini dapat diakses oleh admin dan user/kasir. Tampilan
halaman data transaksi penjualan adalah sebagai berikut:
Gambar 36. Halaman Data Transaksi Penjualan
8. Halaman Data Transaksi Pembelian
Halaman data transaksi penjualan berfungsi untuk menyajikan data
pembelian barang. Halaman ini hanya dapat diakses oleh admin. Tampilan menu
data transaksi pembelian adalah sebagai berikut:
52
Gambar 37. Halaman Data Transaksi Pembelian
9. Halaman Retur Penjualan
Halaman ini bertujuan untuk menyajikan data retur penjualan serta
melakukan proses input retur penjualan. Halaman ini hanya dapat diakses oleh
admin. Tampilan halaman retur penjualan adalah sebagai berikut:
Gambar 38. Halaman Retur Penjualan
10. Halaman Retur Pembelian
Halaman ini bertujuan untuk menyajikan data retur pembelian serta
melakukan proses input retur pembelian. Halaman ini hanya dapat diakses oleh
admin. Tampilan halaman retur pembelian adalah sebagai berikut:
53
Gambar 39. Halaman Retur Pembelian
11. Halaman Laporan Stok Barang
Halaman laporan stok barang berfungsi untuk menyajikan data laporan
stok barang yang ada di toko hikmat. Halaman ini hanya dapat diakses oleh
admin. Tampilan halaman ini adalah sebagai berikut:
Gambar 40. Halaman Laporan Stok Barang
12. Halaman Pengaturan User
Halaman ini bertujuan untuk meyajikan semua data pengguna dari sistem,
selain itu pada menu ini juga dapat dilakukan penambahan pengguna dengan
mengisi data pada form user. Halaman ini hanya dapat diakses oleh admin.
Tampilan halamannya sebagai berikut:
54
Gambar 41. Halaman Pengaturan User
Berdasarkan dari hasil penelitian yang telah didapatkan dengan
menerapkan setiap desain dan alur dari proses yang telah dirancang ke dalam
bentuk program maka selanjutnya adalah menguji setiap komponen-komponen
dari program yang telah dibuat menggunakan teknik pengujian Black Box.
1. Pengujian Halaman Login
Halaman login menampilkan form login dan tombol login. Hasil pengujian
yang telah diuji coba dapat dilihat pada tabel 15 di bawah ini:
Tabel 15. Pengujian Halaman Login
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “login” Sistem akan
menampilkan halaman
menu utama ketika admin
dan user menginputkan
username dan password
dengan benar lalu
mengklik tombol “login”
Sistem akan
menampilkan informasi
username atau password
salah ketika admin dan
user menginputkan
username dan password
yang salah lalu mengklik
tombol “login”
Sistem dapat
menampilkan halaman
menu utama
Sistem menampilkan
informasi username
dan password salah,
serta menampilkan
ulang form login
Sukses
Sukses
Sumber: Pengujian penelitian
55
2. Pengujian Halaman Menu Utama Admin
Halaman menu utama admin menampilkan menu data supplier, kategori
barang, data barang, data transaksi pembelian, retur penjualan, retur pembelian,
laporan stok barang dan menu pengaturan user. Hasil pengujian halaman dapat
dilihat pada tabel 16 dibawah ini:
Tabel 16. Pengujian Halaman Menu Utama Admin
Komponen Uji Hasil yang Diharapkan Hasil yang
Didapatkan
Keterangan
Menu data
supplier
Sistem akan menampilkan
halaman menu data supplier
yang digunakan untuk melihat
data supplier
Sistem dapat
menampilkan
halaman menu data
supplier
Sukses
Menu kategori
barang
Sistem akan menampilkan
halaman menu kategori barang
yang digunakan untuk melihat
kategori barang
Sistem dapat
menampilkan
halaman menu
kategori barang
Sukses
Menu data
barang
Sistem akan menampilkan
halaman menu data barang
yang digunakan untuk melihat
semua data barang
Sistem dapat
menampilkan
halaman menu data
barang
Sukses
Menu data
transaksi
pembelian
Sistem akan menampilkan
halaman menu data transaksi
pembelian yang digunakan
untuk melihat informasi data
transaksi pembelian barang
Sistem dapat
menampilkan
halaman menu data
transaksi pembelian
Sukses
Menu retur
penjualan
Sistem akan menampilkan
halaman menu retur penjualan
yang digunakan untuk melihat
informasi data retur serta
menginput retur penjualan
Sistem dapat
menampilkan
halaman menu retur
penjualan
Sukses
Menu retur
pembelian
Sistem akan menampilkan
halaman menu retur pembelian
yang digunakan untuk melihat
informasi data retur serta
menginput retur pembelian
Sistem dapat
menampilkan
halaman menu retur
pembelian
Sukses
Menu laporan
stok barang
Sistem akan menampilkan
halaman menu laporan stok
barang yang digunakan untuk
melihat informasi dan laporan
sisa stok barang
Sistem dapat
menampilkan
halaman menu
laporan stok barang
Sukses
Menu
pengaturan user
Sistem akan menampilkan
halaman menu pengaturan user
yang digunakan untuk melihat
data pengguna serta menginput
data pengguna baru
Sistem dapat
menampilkan
halaman menu
pengaturan user
Sukses
Sumber: pengujian penelitian
56
3. Pengujian Halaman Menu Utama User/Kasir
Halaman menu utama admin menampilkan menu transaksi penjualan dan
data transaksi penjualan. Hasil pengujian halaman dapat dilihat pada tabel 17 di
bawah ini:
Tabel 17. Pengujian Halaman Menu Utama User/Kasir
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Menu transaksi
penjualan
Sistem akan menampilkan
menu transaksi penjualan
yang digunakan oleh
user/kasir untuk
melakukan proses transaksi
penjualan
Sistem dapat
menampilkan menu
transaksi penjualan
Sukses
Menu data
transaksi
penjualan
Sistem akan menampilkan
menu data transaksi
penjualan yang digunakan
untuk melihat informasi
data hasil proses transaksi
penjualan
Sistem dapat
menampilkan menu
data transaksi
penjualan
Sukses
Sumber: pengujian penelitian
4. Pengujian Halaman Data Supplier
Halaman menu data supplier terdapat tombol go, refresh dan tambah.
Hasil pengujian halaman dapat dilihat pada tabel 18 di bawah ini:
Tabel 18. Pengujian Halaman Data Supplier
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “Go” Sistem akan manampilkan
data supplier yang dicari
ketika admin telah
memasukkan kata kunci
pencarian
Sistem dapat
menampilkan data
supplier yang dicari
Sukses
Tombol
“tambah”
Sistem akan menampilkan
form input data supplier
dan menambah data
supplier pada sistem
Sistem dapat
menampilkan form
input data supplier
Sukses
Tombol
“refresh”
Sistem akan menampilkan
kembali data supplier
Sistem dapat
menampilkan kembali
data supplier
Sukses
Sumber: pengujian penelitian
5. Pengujian Halaman Kategori Barang
Halaman menu kategori barang terdapat tombol go, refresh dan tambah.
Hasil pengujian halaman dapat dilihat pada tabel 19 di bawah ini:
57
Tabel 19. Pengujian Halaman Kategori Barang
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “Go” Sistem akan manampilkan
kategori barang yang dicari
ketika admin telah
memasukkan kata kunci
pencarian
Sistem dapat
menampilkan kategori
barang yang dicari
Sukses
Tombol
“tambah”
Sistem akan menampilkan
form input kategori barang
dan menambah data
kategori barang pada
sistem
Sistem dapat
menampilkan form
input data kategori
barang dan menambah
data
Sukses
Tombol
“refresh”
Sistem akan menampilkan
kembali data kategori
barang
Sistem dapat
menampilkan kembali
data kategori barang
Sukses
Sumber: pengujian penelitian
6. Pengujian Haaman Data Barang
Halaman menu data barang terdapat tombol go, refresh dan tambah. Hasil
pengujian halaman dapat dilihat pada tabel 20 di bawah ini:
Tabel 20. Pengujian Halaman Data Barang
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “Go” Sistem akan manampilkan
data barang yang dicari
ketika admin telah
memasukkan kata kunci
pencarian
Sistem dapat
menampilkan data
barang yang dicari
Sukses
Tombol
“tambah”
Sistem akan menampilkan
form input barang dan
menambah data barang
pada sistem
Sistem dapat
menampilkan form
input data barang dan
menambah data
Sukses
Tombol
“refresh”
Sistem akan menampilkan
kembali semua data barang
Sistem dapat
menampilkan kembali
data barang
Sukses
Sumber: pengujian penelitian
7. Pengujian Halaman Transaksi Penjualan
Halaman menu transaksi penjualan adalah halaman yang digunakan oleh
user atau kasir dalam melakukan proses transaksi penjualan. Pada menu transaksi
penjualan terdapat tombol Add, Go dan simpan transaksi. Hasil pengujian
halaman dapat dilihat pada tabel 21 di bawah ini:
58
Tabel 21. Pengujian Halaman Transaksi Penjualan
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “Go” Sistem akan menampilkan
data barang yang dicari
ketika pengguna telah
memasukkan kata kunci
pencarian
Sistem dapat
menampilkan data
barang yang dicari
Sukses
Tombol “Add” Sistem akan menambah
barang ke keranjang
belanja sesuai dengan
barang yang dipilih
Sistem dapat
menambah barang ke
keranjang belanja
Sukses
Tombol “tambah
transaksi”
Sistem akan menambah
data hasil transaksi ke data
transaksi penjualan
Sistem dapat
menyimpan data hasil
transaksi ke data
transaksi penjualan
Sukses
Tombol
“refresh”
Sistem akan menampilkan
kembali semua data barang
Sistem dapat
menampilkan kembali
data barang
Sukses
Sumber: pengujian penelitian
8. Pengujian Halaman Data Transaksi Penjualan
Halaman menu data transaksi penjualan adalah halaman yang digunakan
untuk melihat data hasil proses transaksi penjualan. Pada menu data transaksi
penjualan terdapat tombol Go dan refresh. Hasil pengujian dapat dilihat pada tabel
22 di bawah ini:
Tabel 22. Pengujian Halaman Data Transaksi Penjualan
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “Go” Sistem akan manampilkan
data barang yang dicari
ketika pengguna telah
memasukkan kata kunci
pencarian
Sistem dapat
menampilkan data
barang yang dicari
Sukses
Tombol
“refresh”
Sistem akan menampilkan
kembali semua data hasil
transaksi penjualan
Sistem dapat
menampilkan kembali
data hasil transaksi
penjualan
Sukses
Sumber: pengujian penelitian
9. Pengujian Halaman Data Transaksi Pembelian
Halaman menu data transaksi pembelian adalah halaman yang digunakan
oleh admin untuk melihat data transaksi pembelian barang serta menginput data
pembelian barang. Pada menu data transaksi pembelian terdapat tombol Go,
refresh, tambah. Hasil uji coba halaman dapat dilihat pada tabel 23 di bawah ini:
59
Tabel 23. Pengujian Halaman Data Transaksi Pembelian
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “Go” Sistem akan manampilkan
data transaksi pembelian
barang yang dicari ketika
admin telah memasukkan
kata kunci pencarian
Sistem dapat
menampilkan data
transaksi pembelian
barang yang dicari
Sukses
Tombol
“refresh”
Sistem akan menampilkan
kembali semua data
transaksi pembelian barang
Sistem dapat
menampilkan kembali
semua data transaksi
pembelian barang
Sukses
Tombol
“tambah”
Sistem akan menampilkan
form input pembelian
barang dan menambah data
transaksi pembelian barang
Sistem dapat
menampilkan form
input pembelian barang
dan menambah data ke
data pembelian barang
Sukses
Sumber: pengujian penelitian
10. Pengujian Retur Penjualan
Halaman menu retur penjualan adalah menu yang digunakan oleh admin
untuk menginput dan melihat data retur penjualan. Pada halaman ini terdapat
tombol Go, refresh, dan tambah. Hasil uji coba halaman dapat dilihat pada tabel
24 di bawah ini.
Tabel 24. Pengujian Halaman Retur Penjualan
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “Go” Sistem akan manampilkan
data retur penjualan yang
dicari ketika admin
memasukkan kata kunci
pencarian
Sistem dapat
menampilkan data retur
penjualan yang dicari
Sukses
Tombol
“refresh”
Sistem akan menampilkan
kembali semua data retur
penjualan
Sistem dapat
menampilkan kembali
semua data retur
penjualan
Sukses
Tombol
“tambah”
Sistem akan menampilkan
form input retur penjualan
dan menambah data retur
penjualan
Sistem dapat
menampilkan form
input retur penjualan
dan menambah data
retur penjualan
Sukses
Sumber: pengujian penelitian
11. Pengujian Retur Pembelian
Halaman menu retur pembelian adalah menu yang digunakan oleh admin
untuk menginput dan melihat data retur pembelian. Pada halaman ini terdapat
60
tombol Go, refresh, dan tambah. Hasil uji coba halaman dapat dilihat pada tabel
25 di bawah ini.
Tabel 25. Pengujian Halaman Retur Pembelian
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “Go” Sistem akan manampilkan
data retur pembelian yang
dicari ketika admin
memasukkan kata kunci
pencarian
Sistem dapat
menampilkan data retur
pembelian yang dicari
Sukses
Tombol
“refresh”
Sistem akan menampilkan
kembali semua data retur
pembelian
Sistem dapat
menampilkan kembali
semua data retur
pembelian
Sukses
Tombol
“tambah”
Sistem akan menampilkan
form input retur pembelian
dan menambah data retur
pembelian
Sistem dapat
menampilkan form
input retur pembelian
dan menambah data
retur pembelian
Sukses
Sumber: pengujian penelitian
12. Pengujian Halaman Laporan Stok Barang
Halaman ini digunakan untuk melihat laporan stok barang pada toko
hikmat secara detail. Pada halaman ini terdapat tombol Go dan refresh. Hasil
pengujian halaman dapat dilihat pada tabel 26 dibawah ini.
Tabel 26. Pengujian Halaman Laporan Stok Barang
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “Go” Sistem akan manampilkan
laporan stok barang yang
dicari sesuai dengan kata
kunci yang dimasukkan
oleh admin
Sistem dapat
menampilkan laporan
stok barang yang dicari
Sukses
Tombol
“refresh”
Sistem akan menampilkan
kembali semua laporan
stok barang
Sistem dapat
menampilkan kembali
semua laporan stok
barang
Sukses
Sumber: pengujian penelitian
13. Pengujian Halaman Pengaturan User
Halaman ini digunakan oleh admin untuk melihat dan mengatur data
pengguna yang dapat mengakses aplikasi ini. Pada halaman ini terdapat tombol
Go, refresh dan tambah. Adapun hasil pengujian halaman ini dapat dilihat pada
tabel 27 di bawah ini.
61
Tabel 27. Pengujian Halaman Pengaturan User
Komponen Uji Hasil yang Diharapkan Hasil yang Didapatkan Keterangan
Tombol “Go” Sistem akan manampilkan
data pengguna yang dicari
sesuai dengan kata kunci
pencarian
Sistem dapat
menampilkan data
pengguna yang dicari
sesuai kata kunci
pencarian
Sukses
Tombol
“refresh”
Sistem akan menampilkan
kembali semua data
pengguna sistem
Sistem dapat
menampilkan kembali
semua data pengguna
sistem
Sukses
Tombol
“tambah”
Sistem akan menampilkan
form input data pengguna
sistem dan menambah data
pengguna yang dapat
mengakses aplikasi
Sistem dapat
menampilkan form
input data pengguna
sistem dan menambah
data pengguna yang
dapat mengakses
aplikasi
Sukses
Sumber: pengujian penelitian
4.2 Pembahasan Penelitian
Aplikasi stok barang dan kasir pada toko Hikmat Kota Palopo berbasis
website dibuat dengan menggunakan aplikasi XAMPP, sublime, browser mozilla
firefox bahasa pemprograman PHP, HTML, Mysql sebagai database nya.
Penelitian ini didapatkan dengan menerapkan setiap desain dan alur dari proses
yang telah dirancang menggunakan aplikasi Microsoft Visio 2007 ke dalam
bentuk program yang menghasilkan sebuah aplikasi. Dalam aplikasi ini terdapat
beberapa menu yang dapat diakses oleh user dan admin. Adapun menu yang dapat
diakses oleh admin adalah menu data supplier, kategori barang, data barang,
transaksi penjualan, data transaksi penjualan, data transaksi pembelian, retur
penjualan, retur pembelian, laporan stok barang, dan pengaturan user. Sedangkan
user/kasir hanya dapat mengakses menu transaksi penjualan dan menu data
transaksi penjualan.
Manfaat dari penelitian ini adalah untuk memudahkan pemilik toko dalam
mengontrol stok barang dan semua proses transaksi penjualan dan pembelian pada
toko Hikmat Kota Palopo dengan sistem terkomputerisasi. Selain itu, aplikasi ini
juga memudahkan kasir atau user dalam melakukan proses transaksi penjualan
dan mengelola data transaksi penjualan yang biasanya dilakukan dengan mencatat
62
pada buku secara manual. Kelebihan lain dari aplikasi ini yaitu pengguna yang
mengakses aplikasi ini dapat menggunakan username dan password masing-
masing yang telah tercatat pada sistem pengaturan user. Pada penelitian ini masih
terdapat kelemahan yaitu tidak adanya fitur untuk mencetak laporan stok barang
serta aplikasi belum bersifat web mobile.
Penelitian yang relevan dengan aplikasi stok barang juga pernah dilakukan
oleh para peneliti terdahulu diantaranya:
Pada penelitian yang dilakukan oleh Mujiati, H (2015) dengan judul
“Analisis dan Perancangan Sistem Informasi Stok Obat pada Apotek
Arjowinangun”. Penelitian ini bertujuan untuk menghasilkan perancangan sistem
informasi stok obat pada Apotek Arjowinangun. Metode yang digunakan dalam
pembuatan sistem informasi stok obat ini adalah metode observasi, metode
interview dan studi pustaka. Sedangkan pengembangan sistem informasi secara
konseptual adalah analisis sistem dan perancangan sistem. Dengan adanya
perancangan sistem stok obat ini diharapkan para pegawai Apotek dapat
meminimalisir kerja dalam mengelolah data-data obat. Pengelolahan aplikasi ini
dibuat dengan menggunakan bahasa pemprograman visual basic.
Penelitian yang dilakukan oleh Elizabeth, T & Tinaliah (2018) dengan
judul “Rancang Bangun Aplikasi Penjualan dan Stok Barang Material (Studi
Kasus: Toko Bangunan XYZ)”. Metode yang digunakan dalam rancang bangun
aplikasi ini menggunakan metode iterative. Pembuatan database menggunakan
DBMS SQL Server serta visual basic sebagai bahasa pemrograman. Pengujian
aplikasi menggunakan black box testing untuk mengetahui fungsi dan kinerja
untuk setiap menu dari aplikasi. aplikasi ini juga dapat meningkatkan kinerja dan
efisiensi waktu dalam transaksi penjualan dikarenakan aplikasi ini dapat
memberikan informasi mengenai keuntungan penjualan, stok barang terkini,
barang-barang yang terlaris atau yang paling banyak terjual dari rentang tanggal,
sehingga dapat membantu pemilik toko bangunan XYZ mengambil keputusan
dalam barang apa yang perlu distok.
Keunggulan dari aplikasi ini dibandingkan dengan penelitian sebelumnya
adalah pada penelitian sebelumnya menggunakan pemprograman visual basic
dengan hasil akhir berbasis desktop. Sedangkan pada penelitian ini aplikasi dibuat
63
dengan hasil akhir berbasis website. Metode yang digunakan dalam penelitian ini
adalah metode waterfall yang melakukan pendekatan secara sistematis dan
berurutan dalam membangun suatu sistem. Metode waterfall menyediakan
pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari
analisis, desain, pengkodean, pengujian, dan tahap pendukung.
64
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Berdasarkan hasil penelitian dan pembahasan yang telah diuraikan pada
bab-bab sebelumnya, maka dapat ditarik kesimpulan:
1. Perancangan pada penelitian ini menggunakan UML dan didesain
menggunakan aplikasi Microsoft visio yang terdiri dari Use Case, Activity
Diagram, Sequence Diagram, dan Class Diagram.
2. Aplikasi stok barang dan kasir pada toko Hikmat Kota Palopo berbasis
website dibuat dengan menggunakan aplikasi XAMPP, sublime, browser
mozilla firefox bahasa pemprograman PHP, HTML, Mysql sebagai database
nya.
3. Aplikasi ini memudahkan pemilik toko dalam mengontrol stok barang,
transaksi pembelian dan penjualan yang ada pada Toko Hikmat Kota Palopo.
5.2 Saran
Berdasarkan kesimpulan dari penelitian yang telah dilakukan terdapat
beberapa saran untuk pengembangan penelitian selanjutnya yaitu:
1. Pada penelitian selanjutnya agar menambahkan fitur untuk mencetak laporan
stok barang pada Toko Hikmat Kota Palopo.
2. Pengembangan sistem selanjutnya agar membuat aplikasi stok barang dengan
berbasis web mobile atau berbasis Android agar pengontrolan stok barang dan
kasir dapat mengikuti perkembangan teknologi saat ini.
65
DATAR PUSTAKA
Aria, M. 2019. Rancang Bangun Sistem Informasi Geografis (SIG) Pencarian
Lokasi dan Fasilitas Café di Kota Palopo Berbasis Website. Skripsi Tidak
Diterbitkan. Palopo: Ftkom – Universitas Cokroaminoto Palopo.
Ariansyah dkk. 2017. Rancang Bangun Sistem Informasi Pendataan Alumni Pada
Stie Prabumulih Berbasis Website Dengan Menggunakan Bootstrap.
Jurnal Mantik Penusa.
Aryanto. 2018. Modul Pengantar Aplikasi Komputer Pengolahan Database
Aplikasi Kasir. Universitas Sriwijaya.
Harbiati. 2016. Sistem Informasi Geografis Puskesmas Kota Palopo Berbasis
Website. Skripsi tidak diterbitkan. Palopo. Program Studi Informatika-
UNCP.
Jannah, Miftahul. 2018. Perancangan dan Implementasi Sistem Informasi Praktek
Dokter Terpadu di Kota Palop. Skripsi tidak diterbitkan. Palopo. Program
Studi Informatika-UNCP.
Kamus Bahasa Indonesia. 2008. Kamus Bahasa Indonesia. PUSAT BAHASA
DEPARTEMEN PENDIDIKAN NASIONAL. Jakarta. https://jurnal-
oldi.or.id/public/kbbi.pdf. Diakses Pada 27 November 2019.
Muningsih, E., & Kiswati, S. (2015). Penerapan Metode K-Means untuk
Clustering Produk Online Shop dalam Penentuan Stok Barang. Jurnal
Bianglala Informatika, 3(1), 11.
http://ejournal.bsi.ac.id/jurnal/index.php/Bianglala/article/view/570.
Diakses 4 Desember 2019.
Mustami, M. M. 2017. Rancang Bangun Website Penjualan Perangkat Jaringan
Komputer Pada PT. Shangtel Palopo. Skripsi Tidak Diterbitkan. Palopo
:Ftkom – Universitas Cokroaminoto Palopo.
Muthohari, A, dkk. 2016. Pengembangan Aplikasi Kasir Pada Sistem Informasi
Rumah Makan Padang Ariung. Jurnal Algoritma.
Nirsal. 2015. Rancang Bangun Situs Ukm Center Sebagai Media Bisnis Online
(Studi Kasus Pada Ukm Kecamatan Wara Selatan Kota Palopo). Jurnal
Ilmiah d’Computare. Volume 5.
Permana, H.W. 2005. Aplikasi Penjualan Berbasis Access 2003. Pt Elex Media
Komputindo. Jakarta.
66
Qomaruddin, W. 2016. Aplikasi Monitoring Rekam Medik dengan Metode
Waterfall Pada Rsud I Lagaligo Wotu. Skripsi tidak diterbitkan. Palopo.
Program Studi Informatika-UNCP.
Ramdana. 2016. Aplikasi Satuan Kinerja Pegawai Fakultas Teknik Komputer
Universitas Cokroaminoto Palopo. Skripsi tidak diterbitkan. Palopo.
Program Studi Informatika-UNCP.
Reski, Inti. 2016. E – Learning Mata Kuliah Grafika Komputer Pada Program
Studi Teknik Informatika Fakultas Teknik Komputer Universitas
Cokroaminoto Palopo. Skripsi tidak diterbitkan. Palopo. Program Studi
Informatika-UNCP.
Setiawan, R, dkk. 2020. Rancang Bangun Aplikasi Pengenalan Universitas
Cokroaminoto Palopo Menggunakan Teknologi Augmented Reality
Berbasis Android. Jurnal Ilmiah d’Computare. Volume 10.
Siagan, Yolanda M. 2005. Aplikasi Supply Chan Management dalam Dunia
Bisnis. Jakarta: Grasindo.
Soemarso, S. 2007. Perpajakan Pendekatan Komprehensif. Salemba Empat.
Wicaksono, Yogi. 2008. Membangun Bisnis Online dengan Mambo. Elex Media
Komputindo. Jakarta.
Yanti, Hasridah. 2015. Aplikasi Administrasi pada Kantor UPTD Dinas
Pendidikan Kecamatan Mappedeceng Kabupaten Luwu Utara. Skripsi
tidak diterbitkan. Palopo. Program Studi Informatika-UNCP.
68
Lampiran 1. Pedoman Observasi
PEDOMAN OBSERVASI
Judul Penelitian : Rancang Bangun Aplilasi Stok Barang dan Kasir pada
Toko Hikmat Kota Palopo Berbasis Website
Tempat : Toko Hikmat Kota Palopo
Nama peneliti : Andi Renal
Pekerjaan peneliti : Mahasiswa
Bidang keahlian : Informatika
Petunjuk pengisisan:
Amatilah hal-hal yang menyangkut tentang proses penjualan serta penginputan
data-data barang yang ada di Toko Hikmat Kota Palopo. Kemudian isilah
lembaran pernyataan observasi yang telah dibuat dalam tabel dengan prosedur
sebagai berikut:
1. Observasi dilakukan sejak bulan Juli sampai September 2020.
2. Observasi dilakukan di Toko Hikmat Kota Palopo.
3. Berikut disajikan beberapa pertanyaan yang harus diamati dan dijawab
sesuai dengan hasil pengamatan.
4. Berikanlah tanda ceklis (√) alternatif jawaban yang benar –benar cocok
dan sesuai berdasarkan keadaan sebenarnya.
Tabel Instrument Observasi
No Aspek Pengamatan Ya Tidak Kondisi
1. Terdapat berbagai jenis barang ATK.
2. Penginputan data masih menggunakan
sistem manual (pembukuan).
3. Toko Hikmat belum menggunakan
software atau aplikasi dan sejenisnya.
4. Belum ada aplikasi khusus penginputan
yang digunakan.
5. Proses transaksi penjualan masih
menggunakan perhitungan manual
(kalkulator)
69
Lampiran 2. Pedoman Wawancara
PEDOMAN WAWANCARA
Pewawancara : Andi Renal
Judul Penelitian : Rancang Bangun Aplilasi Stok Barang dan Kasir pada
Toko Hikmat Kota Palopo Berbasis Website
Narasumber : Darmi
Waktu : Senin, 03 Juli 2020
Tempat : Toko Hikmat Kota Palopo
No Pertanyaan Hasil Wawancara
1 Apakah sebelumnya Toko Hikmat sudah
ada yang pernah melakukan penelitian
yang berkaitan aplikasi stok barang dan
transaksi penjualan?
2 Jika ingin mengolah data barang, apakah
masih menggunakan cara konvensional
dan bagaiman cara pengolahannya?
3 Data-data apa saja yang dikelolah
dibagian stok barang dan penjualan?
4 Apakah Toko Hikmat saat ini
membutuhkan sebuah aplikasi
penginputan data barang dan penjualan?
5 Apakah karyawan memiliki kemampuan
menggunakan komputer dengan baik?
6 Apa tanggapan ibu/bapak apabila peneliti
berkeinginan untuk membuat sebuah
aplikasi stok barang dan kasir pada Toko
Hikmat Kota Palopo?