## Volume 6
Juli No 2 2023

## PERANCANGAN SISTEM INFORMASI PENJUALAN ALAT KESEHATAN BERBASIS WEB PADA PT. ANUGRAH TIGA BERLIAN JAKARTA
Achmad Munawar 1 , Erick Harlest Budi Raharjo 2 , Ginta Meirlana 3
Fakultas Teknolagi Informasi, Program Studi Sistem Informasi Universitas Bina Sarana Informatika Achmad.amw@bsi.ac.id, Erick.ehb@bsi.ac.id dan ginta.damayanti@gmail.com

## Abstrak
Sejak adanya virus covid-19 ini berbagai alat kesehatan, masker dan obat-obatan sangat dibutuhkan di  berbagai  kalangan  masyarakat,  PT.  Anugrah  Tiga  Berlian  ini  mempunyai  banyak  cabang,  yang menjual berbagai alat kesehatan, oksigen, masker, dan obat-obatan tersedia semua disana. Dalam partai besar maupun kecil siap melayani hingga pengiriman ke luar Jawa. Tapi masih belum banyak konsumen yang  mengenal  alat  kesehatan  tersebut.  Peneliti  dengan  menggunakan  metode  penelitian  seperti observasi serta wawancara secara langsung kepada karyawan dan konsumen yang telah datang langsung ke  cabang,  dan  juga  menggunakan  studi  pustaka  dari  berbagai  buku  literasi,  maupun  jurnal  ataupun artikel terkait yang ada di internet. Dari berbagai hasil penelitian ini dapat disimpulkan bahwa penjualan masih berjalan secara offline yang sudah tentu saja kalah bersaing dengan sistem penjualan yang sudah berbasis online atau e-commerce yang lain, sehingga untuk penjualan secara offline ini perlu diperbaiki menjadi  tidak  hanya offline  tetapi  juga  secara  online  agar  mampu bersaing  dengan yang  lain.  Lebih kreatif lagi dalam pembuatan iklan secara online agar menarik konsumen untuk melihat produk-produk yang ada. Dengan merancang Sistem Informasi Berbasis Website menggunakan UML, Web Based, dan pemrograman PHP agar menghasilkan sistem informasi yang cepat, tepat, dan akurat. Sehingga dapat mempermudah proses penjualan, pemesanan dan pengolahan data pada perusahaan, maka pemesanan dan penjualan lebih inovatif dan dapat menginformasikan secara detail produk-produk yang ada pada cabang PT. Anugrah Tiga Berlian.
Kata kunci: Alat Kesehatan, E-Commerce, sistem Penjualan

## Abstract
Since  the  emergence  of  the  Covid-19  virus,  various  medical  devices,  masks,  and  medicines  are urgently  needed  in  various  circles  of  society,  PT.  Anugrah  Tiga  Berlian  has  many  branches  selling various medical devices, oxygen, masks, and medicines, all of which are available there. In large and small parties ready to serve up to shipments outside Java. However, not many consumers are familiar with  these  medical  devices.  Researchers  use  research  methods  such  as  observation  and  direct interviews with employees and consumers who have come directly to the branch; and also use literature studies from various literacy books, as well as related journals or articles on the internet. From the various  results  of  this  study,  it  can  be  concluded  that  sales  are  still  running  offline  which  of  course cannot compete with sales systems that are already online or e-commerce-based, so offline sales needs to be improved not only offline but also online so that able to compete with others. Even more creative in making online advertisements to attract consumers to see existing products. By designing a Website- Based Information System using UML, Web-Based, and PHP programming to produce a fast, precise, and  accurate  information  system.  So  that  it  can  simplify  the  process  of  selling,  ordering,  and  data processing at the company, then ordering and selling is more innovative and can inform in detail the products that exist in PT. Anugrah Tiga Berlian.
Keywords: Medical Devices, E-Commerce, Sales System

## PENDAHULUAN
Alat–  alat  medis  pada  beberapa tahun belakangan  ini  sangat  dibutuhkan  karena disebabkan  banyaknya  virus-virus  baru yang muncul di di hampir seluruh belahan dunia  ini,  Terlebih  lagi  sempat  terjadinya pandemic  virus  Corona.  Seluruh  rumah sakit  sangat  membutuhkan  obat-obatan serta  alat-alat  kesehatan  yang  sudah bersertifikat sesuai ketentuan dalam bidang kesehatan. Penyediaan alat kesehatan yang sangat dibutuhkan di rumah sakit mulai dari alat bantu pernapasan, alat untuk ukur suhu, hingga alat untuk mengukur tekanan darah.
Dengan  melihat  potensi  kebutuhan alat-alat  medis,  maka  perlu  adanya  sistem informasi yang dapat memberikan kemudahan dalam beberapa proses menurut Nurhayati, Fitri (2018). diantarnya mengumpulkan,  mengelolah,  menghitung, menyimpan,  dan  menyebarkan  Informasi untuk mendukung pengembalian keputusan, koordinasi, pengendalian,
analisis  masalah  dan  visualisasi  dalam sebuah organisasi.
Sejalan
dengan perkembangan teknologi informasi dan komunikasi seperti teknologi  internet  dan  web  ini  mampu mendukung  proses  input  and  output  data secara  akurat  dan  efisien.  Sehingga  dapat memaksimalkan  pemasaran  produk  yang dijual  dan  memungkinkan  jangkauannya akan lebih luas di bandingkan dengan cara konvensional (Sarwindah, 2018).
Sistem informasi berbasis Web diharapkan bisa memberikan peluang baru menghasilkan  keluaran  (output)  berupa informasi  sebagai  dasar  pengambilan keputusan  yang  berguna  dan  mempunyai nilai nyata yang dapat dirasakan akibatnya baik  pada  saat  itu  juga  maupun  dimasa mendatang, mendukung kegiatan operasional,  manajerial,  dan  strategis
organisasi, dengan memanfaatkan berbagai sumber  daya  yang  ada  dan  tersedia  bagi fungsi tersebut guna mencapai tujuan(Heriyanto, 2018).

## Rumusan Masalah
Rumusan  masalah  pada  PT.  Anugrah Tiga Berlian ini adalah untuk menciptakan suatu  sistem  yang  terkomputerisasi  dan berbasis  online  agar  penjualan  peralatan kesehatan  menjadi  lebih  baik  dan  mudah diakses  oleh  para  pengguna  baik  dari  sisi penjual  dalam  hal  ini  adalah  PT  Anugrah Tiga Berlian maupun dari sisi pembeli.

## Tujuan Penelitian
Adapun  tujuan  dari  Penelitian  ini adalah sebagai berikut:
1. Untuk  membangun  suatu  sistem  yang mengelola  berbagai  data  perusahaan yang mempermudah dalam
menyampaikan informasi melalui sebuah website.
2. Untuk mempermudah pelanggan dalam proses transaksi pemesanan produk alat kesehatan.
3. Mempermudah  pertukaran  informasi kepada pelanggan.
4. Menghemat  biaya  operasional  dalam proses penjualan.

## Manfaat Penelitian
Sedangkan manfaat dari penelitian ini adalah sebagai berikut:
1. Manfaat untuk penulis
Untuk dapat menerapkan dan mengembangkan  ilmu  dari  penulis agar  selalu  dapat  menyumbangkan karya dalam bentuk karya ilmiah.
2. Manfaat untuk objek penelitian
Menghasilkan suatu sistem yang dapat mempermudah  penjual  dan  pembeli
dalam  mengakses  informasi  berbagai macam produk alat kesehatan.
3. Manfaat untuk pembaca Memberikan  pengetahuan  mengenai konsep  perancangan  sistem  informasi penjualan alat kesehatan berbasis web pada PT.Anugrah Tiga Berlian.

## Tinjauan Pustaka
Merujuk  penelitian  terdahulu  dari peneliti sebelumnya diantaranya:
1 Rancang  Bangun  Sistem  Informasi Inventory  Barang  Berbasis  Web,  oleh Nurhayati, Fitri (2018).  Disini terdapat hal  yang  terkait  dalam  mengatasi pencatatan  dan  pengolahan  transaksi cara manual  dengan  rancangan sistem berbasis web
2 Sistem  Informasi  Inventory  Sparepart Mobil Menggunakan Metode Waterfall oleh Baumeister, H. (2019). Dalam hal ini  peneliti  dapat  mengambil  dari  segi pengembangan sistem berbasis metode Waterfall.
3 Pengembangan  Model  Web  Based Learning  oleh  Maspaeni,  M.,  & Nurkholis, L. M. (2019).
Pengembangan model aplikasi berbasis web yang serupa dengan pengembangan  yang  dirancang  oleh peneliti.
4 Pengolahan  data  barang  perlengkapan handphone  masih  secara  manual,  dan solusi  yang  dihasilkan  dalam  bentuk aplikasi
berbasis
komputer.
Hasbiyalloh,  M.,  &  Jakaria,  D.  A.
(2018).
5 Pendekatan  Model  Waterfall  Dalam Perancangan  Web  Sistem  Informasi Penerimaan  Siswa  Baru  Menggunakan Framework  Bootstrap  oleh  Yuniva;
Syafi’i, A. (2018). hal ini peneliti juga dapat mengambil dari segi
pengembangan sistem berbasis metode Waterfall.

## LANDASAN TEORI
Suatu  sistem  adalah  suatu  jaringan kerja  dari  prosedur-prosedur  yang  saling berhubungan,  berkumpul  bersama  –  sama untuk  melakukan  suatu  kegiatan  atau menyelesaikan suatu sasaran tertentu(Ahmad & Hasti, 2018).
Suatu  Informasi  adalah  data  yang diolah menjadi bentuk yang lebih berguna berarti bagi penggunanya(Ahmad & Hasti, 2018).
Dalam arti yang luas sistem informasi dapat dipahami sebagai sekumpulan subsistem yang saling berhubungan, berkumpul  bersama-sama  dan  membentuk satu  kesatuan,  saling  berintegrasi  dan bekerja  sama  antara  bagian  satu  dengan yang  lainnya  dengan  cara-cara  tertentu untuk  melakukan  fungsi  pengolahan  data, menerima  masukan  (input)  berupa  data- data, kemudian mengolahnya (processing), dan menghasilkan keluaran (output) berupa informasi  sebagai  dasar  pengambilan keputusan  yang  berguna  dan  mempunyai nilai nyata yang dapat dirasakan akibatnya baik  pada  saat  itu  juga  maupun  dimasa mendatang, mendukung kegiatan operasional,  manajerial,  dan  strategis organisasi, dengan memanfaatkan berbagai sumber  daya  yang  ada  dan  tersedia  bagi fungsi tersebut guna mencapai tujuan(Heriyanto, 2018).
Jadi,  sistem  informasi  dapat  diartikan sebagai  sekumpulan  elemen  yang  bekerja secara  bersama-sama  baik  secara  manual maupun berbasis komputer dalam melaksanakan pengolahan data. Menurut Mulyani (2017.p.1)
Perancangan  sistem  adalah  penentuan proses dan data yang diperlukan oleh sistem
baru.  Tujuan  dari  perancangan  sistem adalah    untuk    memenuhi    kebutuhan pemakai  system  serta  untuk memberikan gambaran  yang  jelas  dan  rancang  bangun yang lengkap”.
Penjualan  adalah  sebuah  sistem  yang melibatkan  sumber  daya  di  dalam  suatu organisasi,  prosedur,  data,  maupun  sarana pendukung  untuk  mengoperasikan  sistem penjualan, sehingga menghasilkan informasi  yang  berguna  bagi  pihak manajemen  di  dalam  pengambilan  suatu keputusan  yang  diinginkan(Anggraini  et al., 2020).
Entity  Relationship  Diagram  (ERD) adalah alat pemodelan data utama dan akan membantu  mengorganisasi  data  dalam suatu  proyek  kedalam  entitas-entitas  dan menentukan hubungan antar entitas(Nursari & Immanuel, 2018). adalah representasi  dari  struktur  record-record pada  tabel-tabel  yang  terbentuk  dari  hasil antar  himpunan  entitas.  Menentukan kardinalitas, jumlah table dan Foreign Ket (FK) sebagai berikut:
A. One-to-one Satu entitas berhubungan dengan paling banyak satu entitas lain.
B. One-to-many Satu entitas dapat berhubungan dengan lebih dari satu entitas lain.
C. Many-to-many Beberapa  entitas  dapat  berhubungan dengan beberapa entitas lain.
Menurut M. Teguh Prihandoyo (2018), Unifield  Modeling  Language  merupakan salah  satu  metode  pemodelan  visual  yang digunakan dalam perancangan dan pembuatan sebuah software yang berorientasikan pada objek. UML merupakan  sebuah  standar  penulisan  atau semacam  blue  print  diamna  didalamnya
termasuk  sebuah  bisnis  proses,  penulisan kelas-kelas  dalam  sebuah  bahasa  yang spesifik. Terdapat beberapa diagram UML yang sering digunakan dalam
pengembangan sebuah sistem, yaitu
1. Use  Case :  Merupakan  gambaran  dari fungsionalitas  yang  diharapkan  dari sebuah  sistem,  dan  merepresentasikan sebuah  interaksi  antara  aktor  dan sistem. Didalam use case terdapat actor yang  merupakan  sebuah  gambaran entitas  dari  manuasia  atau  sebuah sistem  yang  melakukan  pekerjaan  di sistem.
2. Activity Diagram : Merupakan gambaran  alir  dari  aktivitas-aktivitas didalam sistem yang berjalan.
3. Sequence  Diagram :  Menggambarkan interaksi  antar  objek  didalam  dan  di sekitar  sistem  yang  berupa  message yang digambarkan terhadap waktu.
4. Class  diagram :  Merupakan  gambaran struktur  dan  deskripsi  dari  class, package,  dan  objek  yang  saling berhubungan sperti diantaranya
pewarisan, asosiasi dan lainnya.

## METODE PENELITIAN
Metode yang digunakan pada pengembangan sistem ini yaitu menggunakan  model  waterfall,  yang terbagi menjadi 3 tahapan:
a. Analisis Kebutuhan Pada  tahap  ini  peneliti  melakukan proses  perancangan  sistem  penjualan alat  kesehatan  dengan    kebutuhan usernya  menjadi  3  bagian  yaitu halaman  admin,  halaman  kasir  dan halaman pelanggan
b. Perancangan  Sistem  dan  Perangkat Lunak
Dalam  perancangan  sistem  ini  peneliti menggunakan  desain  sistem  perangkat lunak berupa mockup, prosedur
pengodean yang meliputi Entity
Relationship Diagram, arsiktektur perangkat  lunak  yang  terdiri  dari Activity  Diagram,  Use  Case  Diagram, dan MySQL dalam merancang database dan tabel.
c. Implementasi dan Pengujian Unit Pengujian  perangkat  lunak  ini  berupa segi  logika  dan  fungsionalnya  untuk memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan dan memastikan keluaran yang
dihasilkansesuai  dengan  apa  yang diinginkan.

## Metode Pengumpulan Data
Untuk memperoleh data yang
diperlukan  dalam  laporan  ini,  penulis menggunakan  teknik  pengumpulan  data sebagai berikut:
a. Teknik Pengamatan (Observation)
Penulis melakukan pengamatan- pengamatan langsung terhadap kegiatan  yang  berhubungan  dengan perancangan  sistem  informasi  pusat satu  data  ini.  Sepert,  kunjungan observasi untuk bahan referensi perancangan sistem. Hasil dari pengamatan  tersebut  langsung  dicatat oleh penulis dan dari kegiatan observasi dapat  diketahui  proses  apa  saja  data yang akan memudahkan dalam perancangan sistem.
b. Teknik Wawancara (Interview) Wawancara dilakukan dengan pegawai dengan tujuan untuk memenuhi setiap kebutuhan analisis. Sekaligus, untuk memperoleh data dan informasi yang berkaitan dengan proses perancangan sistem informasi pusat satu data ini.
c. Teknik Studi Pustaka
Yaitu  pengumpulan  data  informasi dengan  cara  membaca  Jurnal-jurnal serta  buku–buku  referensi  yang  dapat dijadikan  acuan  dalam  pembahasan masalah  yang  berhubungan  dengan penelitian ini.

## Alur Penelitian
Berikut adalah Alur penelitian:
Gambar 1. Alur Penelitian.

## ANALISIS DAN PERANCANGAN
Pada  sistem  penjualan  alat  kesehatan PT Anugrah Tiga Berlian, berdasarkan data yang  diperoleh  dari  penelitian  dapat disimpulkan  bahwa  sistem  yang  berjalan saat    ini  masih  menggunakan  sistem  yang belum  terkomputerisasi  secara  penuh dimana  pelanggan  dalam  mendapatkan informasi  tentang  produk  alat  kesehatan yang ditawarkan kemudian dalam melakukan  transaksi  pemesanan  sampai dengan  pembayarannya  masih  secara manual.  Begitu  juga  dalam  mengelola informasi-informasi produk yang ditawarkan  serta  mengelola  data-data  atau dokumen- dokumen pemesanan dan pembayaran  sampai  dengan  pengelolaan laporan penjualan alat kesehatan.

## Analisis Kebutuhan
Kebutuhan  pengguna  pada  sistem penjualan online ini, terdapat tiga pengguna yang  saling  berinteraksi  ,yaitu  pelanggan,
kasir  dan  administrator.    Tiap  pengguna memiliki  hak  akses  dan  penggunaan  akan informasi  yang  berbeda.  Detailnya  adalah sebagai berikut :
a. Skenario Kebutuhan Pelanggan
1) Pelanggan dapat melakukan
registrasi untuk membuat akun dan dapat berbelanja
2) Pelanggan harus login untuk masuk ke akun dan berbelanja
3) Pelanggan  dapat  melihat  kategori produk
4) Pelanggan  dapat  melihat  detail produk
5) Pelanggan  dapat  mengirim  pesan melalui fitur chat ke penjual
6) Pelanggan  dapat  menambahkan produk ke keranjang belanja
7) Pelanggan dapat membeli produk
8) Pelanggan dapat melakukan
pemesanan
9) Pelanggan dapat melakukan pembayaran
10) Pelanggan  dapat  mengkonfirmasi
penerimaan barang
b. Skenario Kebutuhan Kasir
1) Kasir  harus  login  untuk  masuk  ke sistem
2) Kasir dapat mengelola data
pemesanan
3) Kasir dapat mengelola data pembayaran
4) Mengelola pengiriman barang
5) Mengelola penerimaan barang
6) Kasir dapat mengelola data laporan penjualan
c. Skenario Kebutuhan Administrator
1) Admin harus login untuk masuk ke sistem
2) Admin dapat mengelola data Produk
3) Admin dapat mengelola data
Pelanggan
4) Admin dapat mengelola data Kasir
Rancangan Diagram Use Case

## Use Case Diagram Admin
Gambar 2. Diagram Use Case Penjualan Online admin
Use Case Diagram Penjualan
Gambar 3. Diagram Use Case Penjualan Online pelanggan dan kasir

## Rancangan Diagram Aktivitas
Diagram Aktivitas Login
Gambar 4. Activity Diagram Login Diagram Aktivitas Penjualan Produk
Gambar 5. Activity Diagram Penjualan Produk Entity Relationship Diagram (ERD) Gambar 6 . Diagram ERD Sp esifikasi File
1) Spesifikasi File Data Produk Nama File : produk Akronim : produk Fungsi   : Menyimpan data produk Tipe File
: File Master
Organisasi File : Index Sequential
Akses File : Random Media : Hard Disk Panjang Record : 180 Byte Kunci Field : id_produk Software : XAMPP Tabel 1 . Spesifikasi File Produk N o Elemen Data Field Name Typ e Wi dth Ket 1 Id  produk  id_prod uk Inte ger 5 Primar y key 2 Id kategori produk id_kate gori Inte ger 5 Foreig n key 3 Nama Barang nama_ produk Var char 50 4 Merk Barang Merk Var char 50 5 Harga produk harga inte ger 10 6 Berat Produk berat Inte ger 5 7 Gambar produk gambar ima ge 8 Stok barang stok Inte ger 5 9 Deskripsi barang deskrip si Tex t 50 2) Spesifikasi File Data Kategori Nama File : kategori Akronim : kategori Fungsi : Menyimpan data kategori produk Tipe File : File Master Organisasi File : Index Sequential Akses File : Random Media : Hard Disk Panjang Record : 60 Byte Kunci Field : id_kategori Software : XAMPP Tabel 2 . Spesifikasi File Kategori
N o Elemen Data Field Name Ty pe Wi dth Ket 1 Id kategori id_kate gori Inte ger 5 Primar y key 2 Nama kategori nama_k ategori var cha r 5 3 Deskripsi kategori deskrips i text 50 3) Spesifikasi File Data Pelanggan Nama File : pelanggan Akronim : pelanggan Fungsi : Menyimpan data pelanggan Tipe File : File Master Organisasi File : Index Sequential Akses File : Random Media : Hard Disk Panjang Record : 178 Byte Kunci Field : id_pelanggan Software : XAMPP Tabel 3 . Spesifikasi File Pelanggan
N o Elemen Data Field Name Typ e Wi dth Ket 1 Id pelangga n id_pelan ggan Inte ger 5 Prima ry key 2 Nama Pelangga n Nama_p elanggan varc har 30 erd Arga Medical Produk Kategori Pembayaran Pemesanan Pelanggan id_kategori nama_kategori deskripsi id_pemesanan id_pembayaran id_pelanggan jumlah id_pelanggan nama_pelanggan alamat no_telpon email username password id_pemesanan id_pelanggan tgl_order status nama_pelanggan alamat_kirim id_produk id_kategori nama_produk merk harga berat gambar stok deskripsi Kasir user_id nama username password level id_produk 1 Melakukan 1..* 1..* memiliki 1 1..* melakukan 1 1..* Mengelola 1 1 Mengelola 1..* 1 memiliki 1 1..* memiliki 1
3 Alamat pelangga n
Alamat text 50 4 Nomor telepon No_telpo n Var char 13 5 Email pelangga n Email Var char 50 6 Usernam e Usernam e Var char 20 7 Password Passwor d Var char 10 4) Spesifikasi File Data Pemesanan Nama File : Pemesanan Akronim : Pemesanan Fungsi : Menyimpan data Pemesanan Tipe File : File Transaksi Organisasi File : Index Sequential
Akses File : Random Media : Hard Disk
Panjang Record : 120 Byte
Kunci Field : id_pemesanan Software : XAMPP Tabel 4 . Spesifikasi File Pemesanan N o Elemen Data Field Name Ty pe Wi dth Ket 1 Id pemesana n id_peme sanan Inte ger 5 Prima ry key 2 Id pelanggan Id_pelan ggan Inte ger 5 Forei gn key 3 Id produk Id_produ k Inte ger 5 Forei gn key 4 Nama pelanggan Nama_p elanggan Var cha r 50 5 Tanggal pemesana n Tgl_orde r dat e 6 Status pemesana n Status Var cha r 5 7 Alamat kirim Alamat_ kirim Tex t 50 5) Spesifikasi File Pembayaran Nama File : detail Pembayaran Akronim : Pembayaran Fungsi : Menyimpan data Pembayaran Tipe File : File Transaksi
Organisasi File   : Index Sequential Akses File : Random
Media : Hard Disk Panjang Record : 25 Byte Kunci Field : id_pembayaran Software : XAMPP Tabel 5 . Spesifikasi File Pembayaran N o Elemen Data Field Name Ty pe Wi dth Ket 1  Id pembayar an Id_pem bayaran Inte ger 5 Primar y key 2  Id pemesana n Id_pem esanan Inte ger 5 Foreig n key 3  Id pelanggan Id_pela nggan Inte ger 5 Foreig n key 4  Jumlah pemesana n Jumlah Inte ger 10 6) Spesifikasi File Kasir Nama File : Kasir Akronim : Data Kasir Fungsi : Menyimpan data Kasir Tipe File : File Master Organisasi File : Index Sequential Akses File : Random Media : Hard Disk Panjang Record : 67 Byte Kunci Field : id_pembayaran Software : XAMPP Tabel 6 . Spesifikasi File Kasir
N o Elemen Data Field Name Typ e Wi dth Ket 1 User Id    User_I d Inte ger 5 Primar y key 2 Nama nama Varc har 30 3 User name userna me Varc har 20 4 Passwor d passwo rd Varc har 10 5 Level level Inte ger 2

## IMPLEMENTASI DAN PEMBAHASAN
Halaman login sebagai gambaran yang menampilkan Single Sign On (SSO) System .
Selanjutnya  memasukan  akun  yang  telah terdaftar  dan  password  yang  telah  dibuat,
dengan  pesan  isi  dengan  valid  username dan  password,  digunakan  agar  secara otomatis  akun  dan  kata  sandi,  secara otomatis lansung dapat digunakan.
Gambar 7. Rancangan Halaman Login
Homepage pelanggan pada bagian atas terbagi menjadi 2 area sebelah kiri sebagai informasi  teks  berjalan,  sebelahkanan terdiri  teks  nama,  tombol  logout  dan  area ikon  sosial  media.  Selanjutnya  terdapat logo portal, text area pencarian, kerancang belanja,  beranda,  profil,  blog,  produk terbaru,  cuci  gudang,  service  barang. Showcase, serta  terdiri  dari  delapan kategori  pilihan.
Gambar 8 . Rancangan Halaman
Homepage Pelanggan Halaman Dashboard Pelanggan
terdapat  logo  portal,  text  area  pencarian, kerancang  belanja,  beranda,  profil,  blog, produk  terbaru,  cuci  gudang,  service barang.  Pada  area  sebelah  kiri  terdapat kanal  profil  dengan  foto  untuk  pengguna beserta beberapa menu dashboard diantaranya:  Pointku,  Pesananku, Edit Alamat, Edit Akun dan My Wishlist . Pada kanal  kanan  terdapat  Pesanan,  Undian, Alamat, Detail Aku, Wishugh dan keluar.
Gambar 9. Rancangan Halaman Dashboard Pelanggan
Halaman  Keranjang  Belanja,  yang terdiri  dari  3  area,  yaitu  pada  bagian  atas yang meliputi informasi teks berjalan, kanal sosial  media, logo,  kotak  pencarian,  menu utama.  Pada  area  tengah  terdapat  navigasi keranjang belanja, selanjutnya pada bagian bawah  terbagi  menjadi  dua  area  yaitu sebelah kanan dan kiri. Pada bagian sebelah kiri  terdapat  daftar  produk  yang  hendak dibeli, harga jumlah, subtotal, kode kupon dan terapkan kupon. Kemudian pada bagian kanan  terdapat  kanal  total  keranjang belanja  yang  meliputi  Subtotal,  total, tombol  lanjut  checkout,  buat  penawaran, dan whatsapp kami.

## Gambar 10. Rancangan Halaman Keranjang Belanja
Pada  Halaman  Wishlist  Halaman terdapat  logo  portal,  text  area  pencarian, kerancang  belanja,  beranda,  profil,  blog, produk  terbaru,  cuci  gudang,  service barang.  Pada  area  sebelah  kiri  terdapat kanal  profil  dengan  foto  untuk  pengguna beserta beberapa menu dashboard diantaranya:  Pointku,  Pesananku,  Edit
Alamat, Edit Akun dan My Wishlist. Pada kanal  kanan  terdapat  detail  My  Wishlist
yang terdiri  dari nama product, price, stock status dan actions, serta tombol ADD TO CART.
Gambar 11. Rancangan Halaman Wishlist
Pada  Halaman  Pesananku  terdapat logo portal, text area pencarian, kerancang belanja,  beranda,  profil,  blog,  produk terbaru, cuci gudang, service barang. Pada area  sebelah  kiri  terdapat  kanal  profil dengan  foto  untuk  pengguna  beserta beberapa  menu  dashboard  diantaranya: Pointku,  Pesananku,  Edit  Alamat,  Edit Akun  dan  My  Wishlist.  Pada  kanal  kanan terdapat detail Pesananku yang terdiri  dari kode  pesanan,  tanggal,  status,  total,  aksi dan  tombol  lihat,  serta  tombol  mari berbelanja.
Gambar 12. Rancangan Halaman Pesananku
Pada  Halaman  Edit  Alamat  terdapat logo portal, text area pencarian, kerancang belanja,  beranda,  profil,  blog,  produk terbaru, cuci gudang, service barang. Pada area  sebelah  kiri  terdapat  kanal  profil dengan  foto  untuk  pengguna  beserta beberapa  menu  dashboard  diantaranya: Pointku,  Pesananku,  Edit  Alamat,  Edit
Akun  dan  My  Wishlist.  Pada  kanal  kanan terdapat detail alamat penagihan yang dapat di edit dan alamat pengiriman serta tombol add address.
Gambar 13. Rancangan Halaman Edit

## Alamat
Pada  halaman  Edit  Akun  terdapat logo portal, text area pencarian, kerancang belanja,  beranda,  profil,  blog,  produk terbaru, cuci gudang, service barang. Pada area  sebelah  kiri  terdapat  kanal  profil dengan  foto  untuk  pengguna  beserta beberapa  menu  dashboard  diantaranya: Pointku,  Pesananku,  Edit  Alamat,  Edit Akun  dan  My  Wishlist.  Pada  kanal  kanan terdapat  detail  akun  yang  dapat  di  edit diantaranya  nama  depan,  nama  belakang, nama  tampilan,  alamat  email,  perubahan kata sandi meliputi kata sandi saat ini, kata sandi baru dan konfirmasi sandi baru.

## Gambar 14. Rancangan Halaman Edit
Akun
Pada halaman kategori  produk terdapat menu  Belanja  yang  membawahi  beberapa submenu, cek darah, alat terapi pernafasan, alat  kesehatan  pernafasan,  perlengkapan bayi  dan  anak,  Wiafable  medical  device, supprt  dan  penunjang  ortopedi,  instrumen dan alat kedokteran, peralatan rumah sakit,
alat bantu jalan, emergency kit, termometer, humidifier, transmitter, timbangan,  alat  terapi  dan  pijat,  serta  alat bantu dengar.
Gambar 15.  Rancangan Halaman Kategori Produk
Pada  halaman  Detail  Produk  beranda, profil,  blog,  produk  terbaru,  cuci  gudang, service  barang.  Pada  area  sebelah  kiri terdapat tiga foto produk, sedangkan  pada area  sebelah  akan  terdapat  judul  produk  , harga, status stok, selanjutnya ada 3 menu tab  yang  menjelaskan  deskripsi  dari produk,  tambahkan  item  produk  ke keranjang dan tombol Buy now.
Gambar 16.  Rancangan Halaman Detail Produk
Pada  halaman  Dashboard  Admin terdapat beberapa area, diantaranya sebelah kiri  menu  navigasi  meliputi  Pelanggan, Kategori,  Produk,  Transaksi,  Layanan, Setting, data user dan Logout.  Selanjutnya pada area sebelah kanan terdapat indikator informasi statistik diantaranya NewOrders,
Bounce  Rate,  User  Registration,  Unique Visitors,  Direct  Chat,  Visitors,  Sales Graph, Calendar
Gambar 17. Rancangan Halaman
Dashboard Admin
Pada halaman Data Pelanggan terdapat beberapa  area,  diantaranya  sebelah  kiri menu navigasi meliputi Pelanggan,
Kategori,  Produk,  Transaksi,  Layanan, Setting, data user dan Logout.  Selanjutnya pada  area  sebelah  kanan  terdapat  data pelanggan,  tombol  tambah  data,  beberapa kolom yang terdiri dari No, Nama, Alamat, No. Telpon, email dan action meliputi chat, edit dan hapus.
Gambar 18. Rancangan Halaman Data Pelanggan
Pada  halaman  Data  Kategori  terdapat beberapa  area,  diantaranya  sebelah  kiri menu navigasi meliputi Pelanggan, Kategori,  Produk,  Transaksi,  Layanan, Setting, data user dan Logout.  Selanjutnya pada  area  sebelah  kanan  terdapat  data pelanggan,  tombol  tambah  data,  beberapa kolom yang terdiri dari No, Nama kategori, Keterangan  dan action meliputi chat,  edit dan hapus.
Gambar 19.  Rancangan Halaman Data Kategori
Pada  halaman  Data  Produk  terdapat beberapa  area,  diantaranya  sebelah  kiri menu navigasi meliputi Pelanggan,
Kategori,  Produk,  Transaksi,  Layanan, Setting, data user dan Logout.  Selanjutnya pada  area  sebelah  kanan  terdapat  data pelanggan,  tombol  tambah  data,  beberapa kolom yang terdiri dari No, Nama Barang, Kategori,  Merk,  Harga,  Stok  dan  action meliputi detail, edit dan hapus.
Gambar 20. Rancangan Halaman Data

## Produk
Pada halaman Dashboard Kasir terdapat
beberapa  area,  diantaranya  sebelah  kiri menu navigasi meliputi Pelanggan, Kategori,  Produk,  Transaksi,  Layanan, Setting, data user dan Logout.  Selanjutnya pada area sebelah kanan terdapat indikator informasi statistik diantaranya NewOrders, Bounce  Rate,  User  Registration,  Unique Visitors, Direct Chat, Visitors, Sales Graph, Calendar
Gambar 21. Rancangan Halaman

## Dashboard Kasir
Pada  halaman  Data  Pesanan  terdapat beberapa kolom yang terdiri dari No, Kode Transaksi,  Id  Order,  Id  Pelanggan,  Nama Pelanggan, Alamat Kirim, Tanggal, Status dan action meliputi Detail dan Edit Status.
Gambar 22.  Rancangan Halaman Data Pesanan
Pada halaman Data Pembayaran terdapat  beberapa  kolom  yang  terdiri  dari No,  Id  Order,  Nama  Pelanggan,  Total Bayar,  Bukti  Bayar,  Status  dan  action meliputi  Detail,  Edit  Status  and  Print Invoice.

## Gambar 23. Rancangan Halaman Data
Pembayaran
Pada  halaman  Laporan  Data  Pesanan terdapat tanggal penyaringan data berdasarkan  tanggal  awal  dan  akhir,  serta beberapa kolom yang terdiri dari No, Kode Transaksi,  Id  Order,  Id  Pelanggan,  Nama Pelanggan, Alamat Kirim, Tanggal, Status dan  dua  tombol  keluaran  laporan  dalam bentuk PDF dan Export Excel.
Gambar 24. Rancangan Halaman Laporan Data Pesanan
Pada  halaman  Laporan  Data  Produk terdapat tanggal penyaringan data berdasarkan  tanggal  awal  dan  akhir,  serta beberapa kolom yang terdiri dari No, Nama
Barang,  Kategori,  Merk,  Harga,  Stok  dan dua tombol keluaran laporan dalam bentuk PDF dan Export Excel.
Gambar 25. Rancangan Halaman Laporan Data Produk
Pada halaman Laporan Data Pelanggan terdapat tanggal penyaringan data berdasarkan  tanggal  awal  dan  akhir,  serta beberapa  kolom  yang  terdiri  dari  No, Nama, Alamat, No. Telepon, Email dan dua tombol  keluaran  laporan  dalam  bentuk PDF dan Export Excel .
Gambar 26. Rancangan Laporan Data Pelanggan
Pada  halaman  Data  Pengguna  terdapat Tombol    Tambah  Dasta  dan  beberapa kolom  yang  terdiri  dari  No,  Username, Nama, Address, Levels dan action meliputi Detail dan Edit Status.
Gambar 27  Rancangan Data Pengguna
KESIMPULAN
Bedasarkan  hasil  penelitian  yang dilakukan penulis. Adapun kesimpulan dari penelitian ini antara lain:
1. Dengan adanya sistem penjualan secara online  ini  duharapkan  penjual  dapat bertahan dalam persaingan dengan toko online lainnya.
2. Adanya  sistem  ini  maka  pengolahan data  dapat  terkomputerisasi  sehingga data-data penjualan lebih mudah dikontrol dan tidak akan mudah hilang.
3. Adanya sistem ini maka pemesanan dan penjualan  lebih  inovatif  dan  dapat menginformasikan secara detail produk-produk  yang  ada  pada  toko Arga Medical.
4. Adanya  sistem  ini  maka  promosi produk-produk  akan  mencakup  lebih luas.

## Saran
Perancangan sistem informasi penjualan alat kesehatan berbasis web pada PT.  Anugrah  Tiga  Berlian  ini  tentunya masih  jauh  dari  sempurna  dikarenakan tidak semua permasalahan dapat diselesaikan  oleh  sistem  ini  sehingga dibutuhkan  pengembangan  lebih  lanjut oleh  penggunan  agar  dapat  menghasilkan keluaran yang lebih baik lagi.

## DAFTAR PUSTAKA
Ahmad,  R.  F.,  &  Hasti,  N.  (2018) .  Sistem
Informasi  Penjualan  Sandal  Berbasis Web. Jurnal Teknologi Dan Informasi, 8(1), 67–72. Https://Doi.Org/10.34010/Jati.V8i1.9 11 Anggraini,  Y.,  Pasha,  D.,  &  Damayanti Setiawan, A. (2020) . Sistem Informasi Penjualan  Sepeda  Berbasis  Web Menggunakan Framework Codeigniter  (  Studi  Kasus :  Orbit Station ). Jurnal Teknologi Dan Sistem Informasi (JTSI), 1(2), 64–70.
Baumeister,  H.    (2019) .  Sistem  Informasi Inventory Sparepart Mobil Menggunakan Metode Waterfall Studi Kasus  Pt.  Nusantara  Autoworld International Cibubur. Indo-American Journal Of Pharmaceutical Sciences,23(3),6.Https://Doi.Org/10.5 281/Zenodo. 1477 753
Heriyanto, Y. (2018). Perancangan Sistem Informasi Rental Mobil Berbasis Web Pada PT.APM Rent Car. Jurnal Intra- Tech, 2(2), 64–77.
Hasbiyalloh,  M.,  &  Jakaria,  D.  A.  (2018) . Aplikasi Penjualan Barang Perlengkapan  Hand  Phone  Zildan Cell Singaparna Kabuapaten
Tasikmalaya.. Jumantaka  Vol.1,  61-
70.
M  Teguh  Prihandoyo.  (2018). Unified Modeling  Language  (UML)  Model Untuk Pengembangan Sistem Informasi  Akademik  Berbasis  Web. Jurnal Informatika: Jurnal Pengembangan IT, 3(1), 126–129 Maspaeni, M., & Nurkholis, L. M. (2019) . Pengembangan  Model  Web-Based Learning Tools. EXPLORE. Https://Doi.Org/10.35200/Explore.V 9i1.109 Mulyani,  S.(2017) .  Metode  Analisis  Dan Perancangan Sistem. Abdi Sistematika Nursari, S. R. C., & Immanuel, Y. (2018). Perancangan Sistem Informasi
Penjualan  Online .  CCIT  Journal, 11(1),102–114. Https://Doi.Org/10.33050/Ccit.V11i1. 56 Nurhayati,  Fitri(2018) Rancang  Bangun Sistem  Informasi  Inventory  Berbasis
Web . repository.untag-sby.ac.id/1368/ Sarwindah,  S.  (2018). Sistem  Pendaftaran
Siswa  Baru  Pada  SMP  N  1  Kelapa
Berbasis  Web  Menggunakan  Model UML. Jurnal Sisfokom (Sistem Informasi  Dan  Komputer),  7(2),
110.https://doi.org/10.32736/sisfoko m.v7i2.573 Yuniva;  Syafi’i,  A.    (2018). Pendekatan
Model Waterfall Dalam Perancangan
Web   Sistem Informasi   Penerimaan Siswa Baru Menggunakan Framework  Bootstrap. Paradigma, XX(1), 59–64. http://ejournal.bsi.ac.id/ejurnal/index. php/paradigma/article/view/3089/pdf