Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
ANALISA DESIGN UI/UX POINT OF SALES BERBASIS WEB
PADA RAJA SAMUDRA POPOK MENGGUNAKAN METODE
DESIGN THINKING
Andi Sanjaya, 2*Wida Prima Mustika, 3Bakhtiar Rifai Program Studi Sistem Informasi, 3Program Studi Informatika.
Fakultas Teknologi Informasi.
Universitas Nusa Mandiri.
Jakarta Jl.
Raya Jatiwaringin No.
2 RT.
8/RW.
13 Cipinang Melayu Jakarta Timur 13620 e-mail : andi.
aij@nusamandiri.
id, wida.
wpm@nusamandiri.
id, bakhtiar.
bri@nusamandiri.
Abstrak Point Of Sale adalah sebuah sistem untuk transaksi, yang didalamnya termasuk penggunaan mesin Dalam lingkup POS, sebuah mesin kasir tidak berdiri sendiri namun sudah termasuk di dalamnya software penunjang dan piranti lain.
Aplikasi Point of Sales akan membantu pemilik bisnis untuk mencapai tujuan dan dapat meningkatkan pelayanan terhadap konsumen.
Waktu yang dibutuhkan untuk melayani konsumen pada saat transaksi penjualan menjadi lebih cepat dan informasi yang diberikan menjadi lebih akurat.
Pada Raja Samudra Popok transaksi dan pencacatan masih menggunakan manual dengan buku besar, termasuk stock popok juga masih dicatat menggunakan Microsoft Excel yang menimbulkan data tidak selalu akurat.
Penelitian ini menggunakan metode Design Thinking yang berorientasi pada pengguna.
Metode ini memiliki 5 tahapan proses yaitu diantaranya Emphatize.
Define.
Ideate.
Prototype, dan Testing.
Setelah melakukan 5 tahapan tersebut dengan baik, penulis kemudian melakukan usability testing dengan menggunakan metode System Usability Scale (SUS) yang menghasilkan skor rata-rata sebesar 85.
Berdasarkan hasil interpretasi skor SUS, nilai tersebut masuk ke dalam grade A dimana skor didapatkan sudah masuk di atas rata-rata skor sus pada umunya yaitu sebesar 68.
Kata Kunci: Design Thinking.
System Usability System.
Point of Sales.
UI/UX Abstract Point Of Sale is a system for transactions, which includes the use of a cash register.
Within the scope of POS, a cash register does not stand alone but includes supporting software and other The Point of Sales application will help business owners to achieve goals and improve service to consumers.
The time needed to serve consumers during sales transactions becomes faster and the information provided becomes more accurate.
At Raja Samudra Popok, transactions and recording are still done manually with ledgers, including stock of raw materials which is still recorded using Microsoft Excel, which means the data is not always accurate.
This research uses a user-oriented Design Thinking method.
This method has 5 process stages, namely Emphatize.
Define.
Ideate.
Prototype, and Testing.
After carrying out these 5 stages well, the author then carried out usability testing using the System Usability Scale (SUS) method which This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
resulted in an average score of 85.
Based on the results of the SUS score interpretation, this value was included in grade A where the score obtained was already in above the average SUS score in general, which is 68.
Keywords: Design Thinking.
System Usability System.
Point of Sales.
UI/UX Pendahuluan Point Of Sales adalah sebuah sistem untuk transaksi, yang didalamnya termasuk penggunaan mesin kasir.
Dalam lingkup POS, sebuah mesin kasir tidak berdiri sendiri namun sudah termasuk di dalamnya software penunjang dan piranti lain.
Sistem POS melakukan lebih dari sekedar transaksi jual beli, didalamnya juga bisa terintegrasi perhitungan akuntansi, manajemen barang, harga beli, harga jual, laporan transaksi, dan laporan stok, dan berbagai macam fungsi lainnya, untuk mengetahui jumlah kuantitas persediaan serta menentukan harga yang ada dalam unit POS.
Raja Samudra Popok merupakan sebuah usaha yang bergerak di bidang penyedia popok bayi dan dewasa dibawah naungan PT.
Terra Samudra yang terletak di Jalan Raya Setu Kabupaten Bekasi.
Jawa Barat.
Raja Samudra Popok mempunyai toko dengan penjualan yang semakin hari semakin meningkat, namun pencacatan untuk penjualan Raja Samudra Popok ini masih secara manual yaitu masih menggunakan buku besar.
Termasuk Stock popok yang tersedia juga masih dicatat menggunakan Microsoft Excel yang menimbulkan data tidak selalu akurat.
Jurnal penelitian yang dibuat oleh David Muheri .
meneliti tentang kantin sekolah pada Dharma Yudha yang belum memiliki sistem kasir digital atau dengan pencatatan kertas rekapitulasi data transaksi penjualan.
Jurnal penelitian selanjutnya oleh Restiawan Yoga Pratama dan Ramsos Somya .
yang meneliti tentang kendala pencacatan dengan media kertas yang menyebabkan permasalahan seperti kesalahan dalam pencatatan data penjualan dikarenakan kesulitan mencari arsip-arsip yang ada dan harus mendata satu persatu setiap hari dalam bentuk file excel.
Jurnal penelitian selanjutnya dilakukan oleh Muhajir Arman dan Rahmat Maberur .
meneliti tentang Aplikasi Point of Sales yang membantu pemilik bisnis untuk mencapai tujuan dan dapat meningkatkan pelayanan terhadap konsumen.
Waktu yang dibutuhkan untuk melayani konsumen pada saat transaksi penjualan menjadi lebih cepat dan informasi yang diberikan menjadi lebih akurat.
Metode Design Thingking tentunya menjadi salah satu metode yang dapat membantu penulis dan merancang UI/UX Point of Sales berbasis web.
Aplikasi kasir ini digunakan untuk mempermudah kinerja dari sisi helpdesk maupun teknisi, mengetahui proses pengerjaan teknisi sudah sampai tahap apa, dan mengetahui kendala apa yang ada di lokasi.
Dengan mengganti sistem kasir manual dengan Point of Sales (POS) adalah langkah bijak dalam meningkatkan efisiensi operasional bisnis, meminimalkan kesalahan, dan memungkinkan pemilik bisnis untuk mengelola inventaris dan transaksi dengan lebih baik.
Ini juga memungkinkan pemilik bisnis untuk memiliki visibilitas yang lebih baik atas kinerja bisnis mereka dan mengambil keputusan yang lebih baik berdasarkan data.
Berdasarkan uraian permasalahan diatas, maka perlu pengguna dilakukan pengembangan desain UI/UX Point of Sales, yang dapat digunakan sebagai media bagi This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
pengguna, dalam merancang desain UI/UX tersebut penulis menggunakan metode Design Thinking agar sesuai dengan kebutuhan akhir pengguna Aplikasi.
Design Thinking sebagai solusi untuk memecahkan masalah kebutuhan akhir pengguna dengan merancang tampilan Design UI/UX aplikasi yang nantinya akan dilakukan testing terhadap desain tersebut.
Tinjuauan Lietaratur User Interface (UI) merupakan tampilan visual sebuah produk yang menjembatani sistem dengan pengguna.
Tampilan UI dapat berupa bentuk, warna, dan tulisan yang didesain semenarik Secara sederhana.
UI adalah bagaimana tampilan sebuah produk dilihat oleh pengguna.
User experience merupakan tampilan yang berfokus pada pengalaman penggunanya.
Dengan adanya pengalaman yang terbaik sebagai proses meningkatnya kepuasan pengguna .
engguna aplikas.
dalam meningkatnya kegunaan dan kesenangan yang diberikan dalam interaksi antara pengguna dan produk .
Design Thinking merupakan alat yang digunakan dalam problem solving, problem design, hingga problem forming.
Tidak hanya untuk menyelesaikan suatu permasalahan, namun juga untuk membentuk dan merancang suatu permasalahan.
Dalam prosesnya design thinking bersifat human centered atau berpusat pada manusia.
Atau dalam konteks inovasi bisnis adalah pelanggan dan konsumen yang merupakan pengguna akhir .
nd use.
dari produk dan jasa yang dihadirkan.
Metode Penelitian Pada perancangan tampilan UI/UX sebuah aplikasi, diperlukan adanya metode yang sesuai agar desain yang dihasilkan dapat sesuai dengan kebutuhan pengguna.
Penulis menggunakan metode Design Thinking dalam penelitian ini, karena metode tersebut sesuai untuk merancang Aplikasi Point of Sales yang dimana metode tersebut berorientasi pada user.
Adapun proses dari tahapan-tahapan metode Design Thinking yaitu sebagai berikut:
Sumber .
Gambar 1.
Proses Design Thinking This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
Empathize Empathize merupakan proses awal yang dilakukan dalam perancangan User Interface dengan metode Design Thinking pada Aplikasi Point of Sales Raja Samudra Popok.
Pada tahap ini penulis melakukan observasi dan wawancara pada karyawan dari Raja Samudra Popok tersebut guna untuk mengetahui alur transaksi kasir secara manual.
Define Proses dilakukan setelah permasalahan ditemukan pada proses sebelumnya dengan melakukan pendefinisian masalah.
Setelah masalah tersebut berhasil didefinisikan, penulis melakukan analisa lebih lanjut untuk mengidentifikasikan permasalahan utama dengan menempatkan pengguna sebagai pusat objek permasalahan.
Dengan mengetahui masalah utama, penulis dapat menyesuaikan perancangan pada tampilan antarmuka pengguna dengan memberikan solusi terhadap masalah utama.
Ideate pada tahap ini dilakukan proses pemikiran kreatif terhadap aplikasi yang akan dibuat dengan menuangkan pikiran atau ide design yang menarik dan sederhana bagi para penggunanya dengan dilakukannya brainstorming.
Hasil dari brainstorming tersebut kemudian dituangkan melalui penggambaran kasar atau biasa disebut wireframe.
Sumber .
Gambar 2.
Corong Inovasi Prototype Proses ini dilakukan setelah pembuatan wireframe, sebagaimana telah dilakukan ditahap Prototyping merupakan proses pembuatan User Interface yang disempurnakan dengan memerhatikan warna, tipografi, gambar animasi, dan lainnya secara terperinci.
Testing Pada Proses ini pengujian prototype untuk mengetahui kelebihan dan kekurangan dari prototype yang sudah dibuat.
Prototype yang sudah jadi akan diujicobakan kepada pengguna untuk mendapatkan umpan balik yang berguna dalam mengetahui kekurangan dan kebutuhan yang sebenarnya dari pengguna.
Hasil dan Pembahasan Tahapan Metode Design Thingking This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
Adapun hasil dari setiap tahapan-tahapan dari metode Design Thinking yaitu sebagai Emphatize Pada tahapan ini, penulis , melakukan observasi serta wawancara kepada karyawan Raja Samudra Popok.
Hasil dari observasi dan wawancara tersebut kemudian dibuat menjadi Beranda.
Gambar 3.
Beranda Define Pada tahapan ini, penulis mendefinisikan masalah yang ada pada tahap sebelumnya, hasil dari pendefinisian masalah tersebut kemudian dituangkan dalam sebuah Pengelolaan Pesanan.
Gambar 4.
Pengelolaan Pesanan Ideate Pada tahap ini penulis melakukan pengumpulan berbagai macam ide yang akan menjadi solusi bagi masalah-masalah yang sudah dirumuskan dan didefinisikan Untuk mengetahui kebutuhan fitur yang akan dibuat, maka dilakukan brainstorming bersama pengguna yang hasilnya akan berupa gagasan ide untuk diimplementasikan ke dalam sistem.
Prototype This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
Pada tahapan proses prototyping, dilakukan pembuatan tampilan desain protoptype .
ser interfac.
aplikasi Point Of Sales yang dibuat menyesuaikan hasil identifikasi kebutuhan pengguna .
ser experienc.
pada tahapan yang sudah dilakukan sebelumnya.
Testing Tahap ini dilakukan setelah prototype aplikasi tersebut dibuat.
Pada tahap ini, penulis melakukan usability testing dengan menggunakan metode System Usabily System (SUS) untuk mengukur kualitas dari hasil perancangan aplikasi Point of Sales untuk mengetahui apakah tampilan dari aplikasi tersebut telah memenuhi kebutuhan pengguna sesuai dengan keinginan pengguna.
Analisa Kebutuhan Pengguna Penulis menyebarkan kuesioner yang berisikan pertanyaan seputar kebutuhan pengguna pada aplikasi Point of Sales.
Kuesioner tersebut mendapatkan sebanyak 12 Berikut hasil dari kuesioner kebutuhan pengguna yang dapat dilihat pada Tabel Tabel 1.
Tabel Analisa Kebutuhan Pengguna Responden Apakah Apakah warna yangcocok untuk kombinasi di aplikasi ini? Sebaiknya Bahasa apa Apakah Aplikasi iniharus dibuat Letak- letak fitur harus sesuai agar digunaka n? Metode apa sebaikn ya Jenis Huruf Tepat agar nyaman untuk dibaca saat Bahasa Indonesia Perlu Cash.
QRIS Arial Sesuai bisnis yang berjalan Hijau Bahasa Indonesia Boleh saja Arial Hijau Bahasa Indonesia Cash.
Transfer .
Qris EWallet.
Cash Hijau Bahasa Indonesia Perlu Hijau Bahasa Indonesia Hijau dan Kuning Bahasa Indonesia Hijau dan Kuning Bahasa Indonesia Arial EWallet.
Cash.
QRIS Cash Arial Cash.
Transfer .
Qris Arial Cash.
Transfer ,Qris,Ewallet Arial This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Calibri Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
Hijau dan merah Bahasa Indonesia E-Wallet.
Cash Apa saja Hijau dan biru Bahasa Indonesia mudah digunakan Cash.
Transfer.
Qris
R10
Hijau Bahasa Indonesia EWallet.
Cash
Arial
R11
Hijau Bahasa Indonesia Cash.
Transfer.
Qris.
E-wallet Calibri R12 Hijau Bahasa Indonesia Cash.
Transfer.
Qris.
Ewallet Times New Roman Analisa Kebutuhan Sistem Dalam analisa kebutuhan sistem perlu dilakukannya desain sistem dalam perancangan sebuah aplikasi yang akan dibuat dengan tujuan untuk mengetahui kebutuhan fitur-fitur aplikasi yang akan dirancang sesuai kebutuhan pengguna.
Berikut analisa kebutuhan sistem pada aplikasi Point of Sales ini, antara lain:
User melakukan login dengan memasukan email dan password User dapat mengelola toko User dapat mengelola produk User dapat mengelola pembayaran User dapat mengelola pesanan User dapat mengelola PPN User dapat mengelola Satuan User dapat mengirim pesan User dapat mengelola user This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
Use Case Diagram Gambar 5.
Use Case Diagram POS Raja Samudra Popok User Interface User Interface Halaman Utama (Dashboar.
Gambar 6.
User Interface Halaman Utama This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
User Interface Penambahan Toko Gambar 7.
User Interface Halaman Toko User Interface Kelola Produk Gambar 8 .
User Interface Halaman Produk User Interface Metode Pembayaran This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
Gambar 9 .
User Interface Halaman Metode Pembayaran User Interface Pesanan Gambar 10.
User Interface Halaman Pesanan Usability Testing Usability testing merupakan salah satu cara untuk mengetahui apakah user dapat mudah menggunakan aplikasi, seberapa efisien dan efektif sebuah aplikasi dapat membantu user mencapai tujuan dan apakah puas dengan aplikasi yang digunakan.
Metode yang digunakan pada pengujian ini yaitu Sistem Usability Scale (SUS).
Metode ini terdiri dari 10 pertanyaan.
Pertanyaan Ae pertanyaan tersebut memiliki jawaban dengan nilai skala 1 hingga 5.
Berikut hasil perhitungan skor SUS dapat dilihat pada Tabel 2.
This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
Tabel 2.
Hasil Perhitungan Skor SUS No.
Responden
R10
R11
R12
Skor
Jumlah Asli
Q1 Q2 Q3 Q4 Q5 Q6 Q7 Q8 Q9 Q10
Total Rata-rata Jumlah x 2,5 Pada penelitian ini, hasil penilaian skor rata-rata System Usability Scale (SUS) memperoleh nilai sebesar 85.
Dimana nilai tersebut menurut hasil interpretasi skor SUS masuk ke dalam Grade A.
Berikut tabel hasil interpretasi skor SUS yang dapat dilihat pada Gambar 10.
Gambar 10.
Hasil Interpretasi Skor SUS Dalam penilaian secara adjective, nilai skor rata-rata SUS dari penelitian ini termasuk ke dalam kategori Excellent.
Sedangkan dalam penilaian NPS, nilai skor rata-rata SUS dari penelitian ini termasuk ke dalam kategori Promoter.
This work is licensed under a Creative Commons Attribution 4.
0 International License.
http://journal.
id/index.
php/JMIJayakarta Jurnal Manajemen Informatika Jayakarta Volume 4.
Nomor 2.
April 2024: halaman 238-250
P-ISSN: 2746-5985
e-ISSN: 2797-0930 DOI: https://doi.
org/10.
52362/jmijayakarta.
Kesimpulan Pada penelitian ini yang menggunakan Design Thinking sebagai metode dalam perancangan UI/UX Aplikasi Point of Sales berbasis web bahwa Rancangan UI/UX pada Aplikasi Point of Sales memberikan efisiensi dalam melakukan transaksi pembayaran, pesanan dan pengelolaan barang masuk dan keluar , tampilan aplikasi yang sederhana membuat pengguna dengan mudah memahami dan menggunakan aplikasi POS ini.
Menghasilkan skor Usability Testing sebanyak angka 85 yang artinya rancangan UI/UX pada aplikasi Point of Sales ini termasuk diatas nilai ratarata.
Dimana nilai tersebut tercapai dengan baik sesuai dengan kebutuhan pengguna.
REFERENSI