BUILDING A INFORMATION SYSTEM SALE STOCK AT BOUTIQUE DE ORIN WITH BARCODE SCAN Yonky Pernando Universitas Putra Indonesia YPTK Padang e-mail: yongkyfernando194@yahoo.com Abstrak Abstrak - Teknologi Komputer menjadi sebuah keputusan bagi masyarakat untuk organisasi maupun Usaha Mikro Kecil dan Menengah (UMKM). Komputer menjadi bagian penting untuk pengelohaan data dan informasi secara personal maupun multi yang diolah mampu memberikan hasil yang sangat bermanfaat. teknologi informasi sangat dibutuhkan untuk membangun suatu sistem yang dapat mempermudah melakukan pengolahan data kedalam sistem penjualan di butik De orin. Kata kunci : Information System, Sale,Promotion, Website PHP, Barcode Scan 1. Pendahuluan Dunia teknologi informasi selalu mengalami perubahan dalam bentuk yang lebih modern agar user lebih mudah dalam menjalankan aktifitas kerja (alat pendukung). Dengan adanya teknologi yang canggih user sangat cepat dalam melakukan pekerjaan seperti halnya dalam membangun sistem infomasi penjualan. Saat ini transaksi online sangat banyak minat nya karena mudah digunakan dan simple,serta pengolahan data pun sangat cepat dan akurat. 2. Landasan Teori 2.1 Pengertian Sistem Sistem adalah sekumpulan elemen yang saling terkait atau terpadu yang dimaksudkan untuk mencapai suatu tujuan. Sebagai gambaran, jika dalam sebuah sistemterdapat elemen yang tidak memberikan manfaat dalam mencapai tujuan yang sama,maka elemen tersebut dapat dipastikan bukanlah dari sistem.(abdul Kadiri, 2014) 2.2 Pengertian Informasi Informasi adalah sebuah istilah yang tidak tepat dalam pemakaiannya secara umum. Informasi dapat mengenai data mentah, data tersusun, kapasitas sebuah saluran komunikasi, dan lain sebagainya.(tata Sutabri,2011) 2.3 Pengertian UML Menurut Fowler Martin dalam bukunya yang berjudul UML Distilled 3th Ed (2004), UML(Unifed Modeling Language) adalah keluarga notasi grafis yang didukung oleh meta model tunggal, yang membantu pendeskripsian dan desain sistem perangkat lunak, khususnya sistem yang dibangun menggunakan pemrograman beroriantesi objek (OO). 2.3.1 Konsep Dasar UML Untuk menguasai UML, sebenarnya cukup dua hal yang harus kita perhatikan, yaitu : 1. Menguasai pembuatan diagram UML. 2. Menguasai langkah langkah dalam analisa dan pengembangan UML. Berikut adalah beberapa jenis diagram yang digunakan dalam pembuatan sebagai berikut : 1. Use Case Diagram 2. Class Diagram 3. Activity Diagram 4. Squence Diagram 68
5. State Chart Diagram 6. Collaboration Diagram 7. Component Diagram 8. Deployment Diagram 2.4 Definisi Penjualan Penjualan adalah kegiatan yang terpadu untuk mengembangkan rencana-rencana strategis yang diarahkan kepada usaha pemuasan kebutuhan serta keinginan pembeli/konsumen, guna untuk mendapatkan penjualan yang menghasilkan laba atau keuntungan. Atau definisi penjualan adalah merupakan suatu kegiatan transaksi yang dilakukan oleh 2 (dua) belah pihak/lebih dengan menggunakan alat pembayaran yang sah. Penjualan juga merupakan salah satu sumber pendapatan seseorang atau suatu perusahaan yang melakukan transaksi jual & beli, dalam suatu perusahaan apabila semakin besar penjualan maka akan semakin besar pula pendapatan yang diperoleh seseorang atau perusahaan tersebut. Tujuan penjualan adalah tujuan utama dari penjualan yaitu mendatangkan keuntungan atau laba dari produk-produk atau jasa yang dihasilkan produsennya dengan pengelolaan yang baik dan juga mengharapkan keuntungan yang sebesar-besarnya. Akan tetapi hal ini perlu peningkatan kinerja dari pihak distributor dalam menjamin mutu dan kualitas barang ataupun jasa yang akan di jual. Mencapai suatu tujuan yaitu dalam perusahaan setiap penjualan harus mempunyai tujuan penjualan yang dicapai. 3. Metodologi 3.1 `Penelitian Lapangan (Field Research) Penulis melakukan penelitian langsung ke lapangan untuk mengumpulkan data secara langsung (real) dengan cara menyajikan pertanyaan pertanyaan dan mengumpulkan data yang ada. 3.2 Penelitian Kepustakaan (Library Research) Penulis mengumpulkan data dengan mempelajari literature, jurnal-jurnal, buku-buku perpustakaan dan pedoman yang lainnya. 3.3 Penelitian Laboratorium (Laboratory Research) Penulis melakukan penelitian dalam pembuatan program, laporan, dan jadwal dengan penggunaan perangkat software dan hardware. Tabel 1 : Perangkat yang digunakan software dan hardware Perangkat Keras Perangkat Lunak A. Laptop Acer Aspire E 14 Intel Core i3- A. Sistem Operasi Windows 10 5005u(2.0GHz,3MB L3 Cache). Intel HD Graphics 5500, up to 1109 MB Dynamic Video Memory. 2GB DDR3 L Memory. 500GB HDD B. Harddisk 500GB B. Bahasa Pemograman PHP dan MYSQL C. Printer Brother C. Notepad ++ D. Alat pendukung lainnya D. XAMPP E. Mozilla Firefox F. Adobe Dreamwaver G. Alat Pendukung Lainnya 69
4. Analisa dan Pengolahan Data 4.1 Analisa Sistem yang Sedang Berjalan Analisa sistem yang dilakukan pada Butik De Orin Shop untuk menilai sistem yang sedang berjalan dan mempelajari masalah masalah yang timbul serta menentukan kebutuhankebutuhan pemakai sistem yang digunakan sebagai pedoman untuk perancangan sistem baru, dimana sistem yang lama akan menjadi dasar untuk pengembangan sistem yang baru, sehingga dapat dihasilkan suatu sistem yang lebih baik 4.2 Tujuan Perancangan Sistem Perancangan sistem bertujuan untuk memberikan gambaran yang jelas dan rancang bangun yang sesuai dengan kebutuhan User atau pemakai sistem itu sendiri. Perancangan sistem dilakukan apabila tahap analisis sistem telah dilakukan. Maka untuk selanjutnya seorang analis sistem merancang bagaimana membentuk sistem yang baru ataupun memperbaharui sistem yang lama. Tahap inilah yang dinamakan dengan istilah dari perancangan system. 4.3 Gambaran Umum Sistem yang Diusulkan Sistem yang akan diusulkan untuk membangun sistem yaitu dengan membangun sistem berbasis web agar user dapat lebih terbantu. 4.4 Perancangan Prosedur Yang Diusulkan Prosedur kerja Membangun sebuah Sistem Informasi Penjualan Pada Butik De Orin Shop yang diusulkan adalah sebagai berikut : 1. Perancangan Database. 2. Perancangan tampilan aplikasi. 3. Perancangan admin untuk Update barang Dalam bab ini pengembangan atau perancangan sistem akan dilakukan dengan cara pemodelan menggunakan UML (Unified Modelling Language) yang terdiri dari : 1. Use Case Diagram 2. Class Diagram 3. Sequence Diagram 4. Collaboration Diagram 5. Activity Diagram 4.4.1 Use case Diagram Tahapan yang akan dilakukan dalam membuat Use Case Diagram adalah menentukan kandidat actor, menentukanuse Case Requietment yang berguna untuk mengidentifikasikan kebutuhan usecase dalam Aplikasi Sistem Informasi Geografis, dan interaksi antara actor-actor terhadap usecase usecase yang telah didefinisikan melalui pembuatan use case diagram. Berikut penjelasan : 1. Actor Actor actor yang terdapat dalam sistem ini adalah : a) Administrator: mempunyai hak akses untuk melakukan input, update dan delete data barang, penjualan dan kasir. b) Kasir: dapat melakukan penjualan dan melakukan setoran kasir. 2. Use Case Requirement Setelah mengidentifikasi actor, tahap selanjutnya adalah menentukan kebutuhan fungsi usecase yang dibutuhkan oleh sistem dalam interaksinya dengan actor actor tersebut. 70
Berikut adalah identifikasi kebutuhan use case penjualan : Tabel 2 : Use Case Requirement No Requirement Actor Usecase 1 Sebelum masuk kedalam sistem, pimpinan harus Pimpinan Login login terlebih dahulu 2 Pimpinan dapat melihat laporan harian, bulanan Pimpinan Manage Laporan dan tahunan serta melihat setoran kasir 3 Kasir dapat menambah, menghapus, mengubah Kasir Manage Barang data barang. 4 Kasir dapat melihat dan menambah pembelian Kasir Manage Pembelian barang. 5 Kasir dapat melihat stok gudang Kasir Manage Stock 6 Sebelum masuk kedalam sistem, kasir harus Kasir Login login terlebih dahulu 7 Kasir dapat melakukan transaksi penjualan Kasir Penjualan Gambar 1 : Use Case Diagram 4.4.2 Class Diagram Setelah membuat use case diagram, selanjutnya adalah membuat class diagram. Class Diagram merupakan diagram yang menunjukkan kebutuhan class-class dalam suatu sistem program dimana class-class tersebut mengandung atribut- atribut dan operation-operation yang dibutuhkan. Class juga merupakan pembentuk utama dari sistem berorientasi obyek karena class menunjukkan kumpulan obyek yang memiliki atribut dan operasi yang sama.class digunakan untuk mengimplementasikan interface. Dalam satu Class, terdapat atribut dan operation yang berkaitan dengan class tersebut. Kemudian class-class yang telah didefinisikan dihubungkan satu sama lain melalui relasi yang terjadi antara class-class tersebut. Gambar 2 : Class Diagram 71
4.4.3 Sequence Diagram Sequence Diagram menggambarkan pola hubungan antara sekumpulan object yang saling mempengaruhi menurut urutan waktu. 4.4.4 Sequence Diagram Penjualan Sebelum masuk kemenu utama kasir diharuskan login dengan memasukan username dan password terlebih dahulu, lalu user memilih ingin melakukan transaksi penjualan yang telah di sediakan, setelah memilih transaksi penjualansistem akan memperlihatkan fitur penjualan, apabila kasir sudah selesai melakukan penjualan, sistem akan otomatis mengkalkulasi jumlah pembelian pelanggan dan kasir harus melakukan pencetakan faktur untuk pelanggan. 4.4.5 Sequence Diagram Kasir Gambar 3 : Sequence Diagram Kasir diharuskan melakukan login dengan memasukan username dan password terlebih dahulu lalu kasir memilih menu kasir pada menu utama, kemudian sistem akan menampilkan sub menu yaitu mesin kasir. Gambar 4 : Sequence Diagram Kasir 4.4.6 Sequence Diagram Manage User Sequence manage user melihatkan proses administrator melakukan update user. Untuk masuk kedalam menu utama administrator harus melakukan login dengan memasukan user name dan password pada menu login, setelah login akan terlihat menu utama dan pilih menu Data Master dan akan tampil submenu User. Setelah selesai update user maka data tersimpan pada database user. 72
Gambar 5 : Sequence Diagram Manage User 4.4.7 Sequence Diagram Manage Barang Sequence manage barang melihatkan proses administrator melakukan update barang. Untuk masuk kedalam menu utama administrator harus melakukan login dengan memasukan user name dan password pada menu login, setalah login akan terlihat menu utama dan pilih menu Data Master dan akan tampil submenu Barang. Setelah selesai update barang maka data tersimpan pada database barang. Gambar 6: Sequence Diagram Manage Barang 4.4.8 Sequence Diagram Manage Toko Sequence manage Toko melihatkan proses administrator melakukan update Toko. Untuk masuk kedalam menu utama administrator harus melakukan login dengan memasukan user name dan password pada menu login, setalah login akan terlihat menu utama dan pilih menu jawaban pada Data Master dan akan tampil submenu Toko. Setelah selesai update Toko maka data tersimpan pada database Toko. 73
Gambar 7 : Sequence Diagram Manage Toko 4.4.9 Sequence Diagram Manage Pembelian Sequence manage Pembelian melihatkan proses administrator melakukan update list Jawaban. Untuk masuk kedalam menu utama administrator harus melakukan login dengan memasukan user name dan password pada menu login, setalah login akan terlihat menu utama dan pilih Menu Gudang dan akan tampil submenu Pembelian. Setelah selesai update Pembelian maka data tersimpan pada database Pembelian. Gambar 8 : Sequence Diagram Manage Pembelian 4.4.10 Sequence Diagram Manage Stok Gudang Sequence manage stok gudang melihatkan proses administrator melakukan update nilai. Untuk masuk kedalam menu utama administrator harus melakukan login dengan memasukan user name dan password pada menu login, setalah login akan terlihat menu utama dan pilih menu nilai pada Menu Gudang dan akan tampil submenu Stok Barang. Menu ini hanya untuk melihat stok barang di gudang. Gambar 9 : Sequence Diagram Manage Stok Gudang 74
4.4.11 Sequence Diagram Laporan Sequence Laporan melihatkan proses administrator melihat Laporan. Untuk masuk kedalam menu utama administrator harus melakukan login dengan memasukan user name dan password pada menu login, setalah login akan terlihat menu utama dan pilih menu Manager Toko dan akan tampil submenu Laporan. Setelah selesai melihat Laporan user bisa keluar aplikasi atau melakukan cetak. Gambar 10 : Sequence Diagram Laporan 4.4.12 Collaboration Diagram Collaboration diagram merupakan gambaran lain dari sequence diagram yang menunjukkan bagaimana object saling terkait satu sama lain. Dalam collaboration diagram, digambarkan pengiriman massage massage dari objek satu ke obyek yang lain. 4.4.12.1 Collaboration Diagram Penjualan Kasir diharuskan melakukan login dengan memasukan username dan password terlebih dahulu lalu Kasir memilih Menu Kasir dan akan tampil submenu Mesin Kasir. kemudian sistem akan menampilkan form penjualan. Gambar 11 : Collaboration Diagram Penjualan 4.4.12.2 Collaboration Diagram View Setoran Kasir diharuskan melakukan login dengan memasukan username dan password terlebih dahulu lalu Kasir memilih Menu Kasir pada menu utama dan akan tampil submenu, kemudian sistem akan menampilkan setoran keseluruhan. Gambar 12 : Collaboration Diagram View Setoran 75
4.4.12.3 Collaboration Diagram Manage Barang Collaboration Manage barang memperlihatkan proses administrator melakukan Update data barang. Untuk masuk kedalam halaman menu utama, administrator harus melakukan login terlebih dahulu dengan memasukan User Name dan Password. pada menu login yang ada setelah login akan melihat menu utama dan pilih menu Data Master dan akan tampil submenu Barang. Setelah melakukan Update data barang maka data disimpan pada database barang. Gambar 13 : Collaboration Diagram Manage Barang 4.4.12.4 Collaboration Diagram Manage Toko Collaboration Manage Toko memperlihatkan proses administrator melakukan Update data soal. Untuk masuk kedalam halaman menu utama, administrator harus melakukan login terlebih dahulu dengan memasukan User Name dan Password. pada menu login yang ada setelah login akan melihat menu utama dan memilih menu Data Master dan akan tampil submenu Toko. Setelah melakukan Update data Toko maka data disimpan pada database toko. Gambar 14 : Collaboration Diagram Manage Toko 4.4.12.5 Collaboration Diagram Manage Pembelian Collaboration Manage pembelian memperlihatkan proses administrator melakukan Transaksi Pembelian. Untuk masuk kedalam halaman menu utama, administrator harus melakukan login terlebih dahulu dengan memasukan User Name dan Password. pada menu login yang ada setelah login akan melihat menu utama dan memilih Menu Gudang dan akan tampil submenu Pembelian. Setelah melakukan Pembelian maka data disimpan pada database pembelian. Gambar 15 : Collaboration Diagram Manage Pembelian 76
4.4.12.6 Collaboration Diagram Manage List Stok Gudang Collaboration Manage list Stok Gudang memperlihatkan proses administrator melihat data list Stok Gudang. Untuk masuk kedalam halaman menu utama, administrator harus melakukan login terlebih dahulu dengan memasukan User Name dan Password. pada menu login yang ada setelah login akan melihat menu utama dan memilih Menu Gudang dan akan tampil submenu Stok Barang. Kemudian melihat stok barang di gudang Gambar 16 : Collaboration Diagram Manage List Stok Gudang 4.4.12.7 Collaboration Diagram Manage Laporan Collaboration Manage laporan memperlihatkan proses administrator melihat Laporan. Untuk masuk kedalam halaman menu utama, administrator harus melakukan login terlebih dahulu dengan memasukan User Name dan Password. pada menu login yang ada setelah login akan melihat menu utama dan memilih Manager Toko dan akan tampil submenu Laporan. Setelah melihat laporan dapat keluar atau cetak. Gambar 17 : Collaboration Diagram Manage Laporan 4.4.12.8 Collaboration Diagram Manage User Collaboration Manage User memperlihatkan proses administrator melakukan Update data User. Untuk masuk kedalam halaman menu utama, administrator harus melakukan login terlebih dahulu dengan memasukan User Name dan Password. Pada menu login akan terlihat menu utama dan pilih menu Data Master dan akan tampil submenu User. Setelah melakukan Update data User maka data disimpan pada database User. Gambar 18 : Collaboration Diagram Manage User 77
5. Pengujian dan Implementasi 5.1. Perancangan Antar Muka Halaman Utama Halaman Utama adalah tampilan awal sebelum User atau Admin mengakses berbagai macam menu melalui login yang ada sesuai dengan hak aksesnya : Gambar 19: Perancangan Antar Muka HalamanAwal 5.2. Perancangan Antar Muka Login Pada Antar Muka Login pengguna diharuskan melakukan Login terlebih dahulu sebelum masuk ke menu utama : Gambar 20 : Perancangan Antar Muka Login 5.3. Perancangan Antar Muka Menu Utama Admin Pada antar muka menu utama admin adalah halaman awal sesudah login untuk mengakses berbagai macam menu yang ada sesuai dengan hak aksesnya : Gambar 21 : Perancangan antar muka Menu Utama Admin 5.4. Perancangan Antar Muka Data User Pada antar muka data User adalah untuk meninputkan user yang akan mengakses aplikasi : Gambar 22 : Perancangan Antar Muka User 78
5.5. Perancangan Antar Muka Kategori Barang Pada antar muka kategori barang adalah untuk menginputkan data-data barang : Gambar 23 : Perancangan Antar Muka Kategori Barang 5.6. Perancangan Antar Muka Data Barang Pada antar muka data barang adalah untuk menginputkan data-data barang yang ada di De Orin Shop : Gambar 24 : Perancangan antar muka Data Barang 5.7. Perancangan Antar Muka Data Supplier Pada antar muka data supplier adalah untuk menginputkan data-data supplierde Orin Shop : Gambar 25 : Perancangan Antar Muka Data Supplier 5.8. Perancangan Antar Muka Data Toko Pada antar muka Data Toko adalah data Toko De Orin Shop. Untuk melakukan registrasi toko cabang dan pusat pada De Orin Shop : Gambar 26 : Perancangan Antar Muka Data Toko 79
5.9. Perancangan Antar Muka Pembelian Pada antar muka pembelian adalah untuk melakukan pembelian menambahkan stok barang di gudang. Gambar 27 : Perancangan Antar Muka Pembelian 5.10. Perancangan Antar Muka Stok Barang Pada antar muka Stok Barang adalah untuk melihat sisa stok yang tersedia : Gambar 28 : Perancangan Antar Muka Stok Barang 5.11. Perancangan Antar Muka Menu Utama Kasir Pada antar muka Menu Utama Kasir adalah menu utama untuk kasir setelah melakukan login : Gambar 29 : Perancangan Antar Muka Menu Utama Kasir 5.12. Perancangan Antar Muka Mesin Kasir Pada antar muka Mesin Kasir adalah untuk melakukan transaksi penjualan : Gambar 30 : Perancangan Antar Muka Mesin Kasir 80
5.13. Perancangan Antar Muka Setoran Kasir Pada antar muka Setoran Kasir adalah untuk mengetahui jumlah yang harus di setor oleh kasir : Gambar 31: Perancangan Antar Muka Setoran Kasir 5.14. Perancangan Antar Muka Laporan Penjualan Harian Pada antar muka laporan penjualanharian adalah untuk mengetahui laporan penjualan toko per hari : Gambar 32 : Perancangan Antar Muka Laporan Penjualan 5.15. Perancangan Antar Muka Laporan Pembelian Pada antar muka laporan penjualan adalah untuk mengetahui laporan pembelian pada toko : Gambar 33 : Perancangan Antar Muka Laporan Pembelian 5.16. Perancangan antar muka Laporan Profit Penjualan Pada antar muka laporan penjualan adalah untuk mengetahui laporan Profit Penjualan pada toko. 81
Gambar 34 : Perancangan Antar Muka Laporan Profit Penjualan 6. Kesimpulan Dijelaskan sebelumnya maka dapat diambil beberapa kesimpulan dan saran untuk penerapan sistem yang baru ini nantinya, agar sistem yang baru ini dapat bekerja dengan maksimal. Adapun kesimpulan dari hasil analisa ini adalah : 1. Dengan adanya Bahasa Pemprograman PHP dan database MySQL Butik De Orin dapat dihasilkan lebih cepat dan aurat. 2. Dengan adanya Bahasa Pemograman PHP dan Database MySQL Butik De Orin penjualan ini terdapat beberapa fitur penting untuk penjualan pada Butik De Orin Shop, beberapa fitur tersebut seperti adanya laporan harian, bulanan, dan tahunan. Penjualan serta pada saat transaksi telah dimudahkan dengan adanya sistem Barcode yang mempermudah penginputan data pada saat terjadi penjualan.ketepatan dan kecepatan fitur yang ada terutama Barcode,dengan barcode tersebut,data barang yang telah diinputkan berdasarkan Barcode yang tersedia akan memunculkan 1 Kode untuk 1 Jenis Barang yang berarti ketepatan data sangat tepat untuk transaksi penjualan. 3. Dengan adanya Bahasa Pemograman PHP dan Database MySQL Butik De Orin dihasilkan lebih efisien dan relevan. Daftar Pustaka [1] Abdul Kadir: Pengenalan Sistem Informasi Edisi Revisi, 2014 [2] I Putu Agus Eka Pratama: Sistem Informasi dan Implementasinya, 2012 [3] Rosa A.S dan M. Salahuddin: Rekayasa Perangkat Lunak, 2014 [4] Mundzir Mf: PHP Tutorial Book For Beginner, 2014 [5] Budi Raharjo: Belajar Otodidak MySQL, 2015 82