p-ISSN : 2460-3562 / e-ISSN : 2620-8989

## Aplikasi Pencarian Dokter Praktik dan Apotek di Kota Pontianak Menggunakan Metode LBS Berbasis Progressive

## Web App
Yus Sholva #1 , Hafiz Muhardi #2 , Fajrie Dwi Oktofri #3
a Program Studi Informatika, Fakultas Teknik, Universitas Tanjungpura Jl. Prof. Dr. H. Hadari Nawawi, Pontianak 78124
1 sholvariza@untan.ac.id
2 hafizm@informatika.untan.ac.id
3 fajriedwioktofri@student.untan.ac.id

## Abstrak
Kurangnya informasi yang detail terhadap persebaran dokter praktik dan apotek di Kota Pontianak, berpotensi menyebabkan kebingungan pada pasien ketika mencari lokasi dokter praktik dan apotek terdekat yang sesuai dengan kriteria penyakit pasien. Tujuan dari penelitian ini adalah membangun sebuah aplikasi pencarian lokasi dokter  praktik  dan  apotek  di  Kota  Pontianak.  dengan  pengimplementasian  aplikasi  ini,  pasien  dapat  memilih sendiri kriteria yang diinginkan, mulai dari spesialisasi dokter, nama dokter, dan jarak terdekat dari lokasi pasien. Aplikasi ini juga memberikan fitur tambahan seperti, pasien dapat melihat dan mengambil nomor antrean secara online . Fitur ini dibuat guna meminimalisir waktu yang dihabiskan pasien untuk menunggu di tempat praktik. Aplikasi dibangun dengan menggunakan metode Location Based Service (LBS) dan berbasis Progressive Web App (PWA). LBS digunakan untuk menampilkan titik pasien dan menentukan lokasi terdekat pencarian dokter praktik dan  apotek.  Sedangkan  penggunaan  PWA,  bertujuan  untuk  memberikan  pengalaman  baru  dalam  mengakses aplikasi karena PWA bersifat fleksibel, sehingga aplikasi ini dapat diakses melalui website , maupun dalam bentuk seperti mobile  app di  semua  perangkat  baik  itu smartphone atau personal  computer .  Perancangan  sistem dibangun dengan menggunakan Unified Modelling Language (UML), untuk pengujian aplikasi dilakukan dengan menggunakan  metode  Black  Box  yang  dikhususkan  untuk  menguji  peran  dari  LBS  pada  sistem  yang  telah dibangun.
Kata kunci: Dokter Praktik, Apotek, Kriteria Penyakit Pasien, Location Based Service , Progressive Web App .

## Application for Searching Practicing Doctors and Pharmacies in Pontianak City Using the LBS Method Based on Progressive Web App

## Abstract
The lack of detailed information on the distribution of doctors and pharmacies in Pontianak leads to confusion on patients when searching for the nearest location to consult the best treatment for their disease. The purpose of this research is to create a location searching application for finding doctors and pharmacies in Pontianak. By the implementation of this app, patients can choose their own criteria, starts from the doctor's specialization, doctor's name, and the closest distance from the patient's location. The app also provides an additional feature that patients can view and retrieve queue numbers online. It is built to minimize the time that will be spent when waiting at the practice place. The application is built by using Location Based Service (LBS) method and Progressive Web App (PWA) based. LBS is used to display the patient's point and determine the nearest location of the doctors and pharmacies  and  PWA  aims  to  provide  a  new  experience  in  accessing  the  application  because  PWA  is  flexible. Therefore, this application can be accessed through the website, or in the form of a mobile app on all devices either through a smartphone or a personal computer. The application system is built using Unified Modelling Language (UML), for application testing is carried out using the Black Box method which is devoted to testing the role of LBS in the system that has been built.
Keywords: Practicing Physician, Pharmacy, Patient Disease Criteria, Location Based Service, Progressive Web App

## I. P ENDAHULUAN
Kebutuhan  akan  keberadaan  dokter  di  sekitar masyarakat  merupakan  hal  yang  wajib  terpenuhi  namun kurangnya  informasi  yang  detail  terhadap  persebaran dokter  praktik  di  Kota  Pontianak  menjadi  sebuah permasalahan  ketika  masyarakat  yang  ingin  berkunjung tidak mengetahui lokasi tempat praktik, keberadaan dokter, dan  informasi  tentang  jadwal  operasional  pelayanan. Membuat  aplikasi  yang  mampu  memberikan  informasi tentang  persebaran  dokter  praktik,  baik  dokter  umum ataupun dokter spesialis di Kota Pontianak tentu saja akan membantu  masyarakat  dalam  mendapatkan  pelayanan kesehatan yang baik.
Masalah  baru  muncul  ketika pasien  telah  menemukan lokasi  dokter  praktik  yang  sesuai  dengan  kriteria penyakitnya, yaitu perlunya pasien melakukan pengambilan  nomor  urut  antrean  dengan  cara  datang langsung  ke  tempat  dokter  praktik.  Mendatangi  langsung tempat dokter praktik untuk mengambil nomor urut antrean merupakan  metode  pendataan  yang  tidak  efektif  lagi mengingat  banyaknya  waktu  pasien  yang  terbuang  hanya untuk sekedar mengambil nomor urut antrean.
Selaras  dengan  masalah  pengambilan  nomor  antrean, mewabahnya  virus  baru  yang  bernama Severe  Acute Respiratory Syndrome Coronavirus 2 (SARS-CoV-2) atau yang lebih dikenal dengan Covid-19 , membuat pemerintah memberlakukan aturan kepada masyarakat agar mematuhi protokol  kesehatan,  salah  satu  bentuk  protokol  kesehatan yang  diterapkan  adalah  masyarakat  dilarang  untuk menimbulkan kerumunan massa dan harus menjaga jarak, proses  mengantre  atau  menunggu  di  tempat  praktik merupakan  suatu  bentuk  kerumunan  massa  yang melibatkan  antara  beberapa  pasien  dan  anggota  keluarga yang  mengantar,  ketika  terjadi  penumpukan  massa  di tempat  praktik,  hal  ini  dapat  beresiko  menimbulkan penyebaran virus Covid-19 dari satu orang ke orang yang lainya. Tentu saja hal seperti ini seharusnya dapat dihindari dengan  pasien  tidak  berkumpul  di  tempat  praktik  pada waktu yang bersamaan.
Sama  halnya  dengan  dokter  praktik,  minimnya informasi  tentang  keberadaan  lokasi  apotek,  terutama keberadaan  apotek yang dapat  beroperasi  24  jam di  Kota Pontianak, menimbulkan masalah ketika masyarakat ingin mencari lokasi apotek untuk membeli obat pada saat waktu tengah  malam  dan  keadaan  yang  mendesak  harus kebingungan,  karena  minimnya  informasi  tentang  lokasi apotek yang masih beroperasi pada saat malam hari.
Permasalahan  di  atas  dapat  diselesaikan  dengan menggunakan metode Location Base Service (LBS) untuk mencari  lokasi  dokter  praktik  dan  apotek  yang  berada  di sekitar  pasien,  Penggunaan  LBS  tidak  terlepas  dari pemanfaatan  teknologi Global  Positioning  Service (GPS) sehingga  akan  diperoleh  informasi  berupa  ( latitude  dan longitude) yang akurat dari pasien.
Penerapan  metode  LBS  akan  berjalan  optimal  jika aplikasi yang dibuat berbasis mobile native , namun kendala yang dihadapi jika ingin membuat aplikasi berbasis mobile native adalah  perlunya  biaya  pengembangan  yang  cukup besar  bagi developer ,  di  lain  sisi  menggunakan  aplikasi berbasis mobile  native juga  akan  memakan  ruang
penyimpanan  yang  cukup  banyak  pada smartphone pengguna.  Penerapan  metode  LBS  pada  aplikasi  berbasis website sebenarnya  dapat  dilakukan  namun  tidak  akan seoptimal penggunaan pada aplikasi berbasis native mobile terlebih lagi setiap pasien atau masyarakat harus mengingat alamat website yang  dituju,  hal  inilah  yang  dapat  di kembangkan dengan membuat aplikasi berbasis Progressive  Web  App (PWA),  yang  bersifat  fleksibel sehingga  dapat  diakses  melalui website ataupun  dalam bentuk  seperti mobile  app di  semua  perangkat,  baik  itu smartphone , PC  desktop ,  laptop,  atau  tablet  diantara keuntungan  lain  menggunakan  PWA  selain  akses  yang cepat  dan  ringan,  pengembangan  aplikasi  juga  tidak memerlukan  pengeluaran  biaya  yang  besar  seperti layaknya pengembangan aplikasi mobile native .
Oleh  karena  itu  dibuatlah  sebuah  aplikasi  pencarian lokasi dokter praktik dan apotek di Kota Pontianak, dengan fitur tambahan pada tempat dokter praktik berupa, pasien dapat  mengambil  dan  melihat  nomor  urut  antrean  secara online pada  laptop/ smartphone -nya,  sehingga  nantinya masyarakat Kota Pontianak tidak lagi kebingungan dalam mencari  lokasi  dokter  praktik  dan  apotek  sesuai  dengan penyakit yang dideritanya.

## II. METODOLOGI PENELITIAN

## Gambar 1. Metode Penelitian
Pada Gambar 1, diperlihatkan tahapan-tahapan metode penelitian  yang  dilakukan  oleh  penulis,  rangkaian penelitian  tersebut  dimulai  dari  tahap  studi  literatur, analisis kebutuhan sistem, perancangan sistem, implementasi, pengujian sistem, dan penarikan kesimpulan, adapun  tahapan-tahapan  tersebut  akan  diuraikan  sebagai berikut:

## A. Studi Literatur

## 1. Peneitian Terkait
Penelitian  Terkait: Penelitian  [1]  dengan  judul “Perancangan  Sistem  Informasi  Pemetaan  Fasilitas Pelayanan  Kesehatan  di  Kota  Pontianak  Berbasis  Web” dalam penelitian tersebut aplikasi dibangun dengan tujuan untuk  memberikan  informasi  tentang  fasilitas  pelayanan kesehatan  yang  berada  di  Kota  Pontianak,  dengan memetakan lokasi beserta nama fasilitas kesehatan, alamat, foto,  kategori,  kecamatan,  dan  jadwal  operasional  dari dokter  yang  beroperasi  di  fasilitas  kesehatan  tersebut. Adapun  fasilitas  kesehatan  yang  dipetakan  mulai  dari rumah  sakit,  klinik,  dan  puskesmas.  Aplikasi  dibangun dengan  berbasis Web dan Google  Maps API  untuk memetakan fasilitas kesehatan.
Penelitian [2] dengan judul “Rancang Bangun Pencarian Rumah  Sakit,  Puskesmas  dan  Dokter  Praktik  Terdekat  di Wilayah  Manado  Berbasis  Android”.  Aplikasi  yang dibangun merupakan aplikasi mobile berbasis client server . Pembuatan aplikasi pencarian rumah sakit, puskesmas dan klinik  terdekat  ini bertujuan  untuk  membantu  masyarakat Manado  dan  juga  masyarakat  yang  datang  dari  luar  Kota Manado  mengetahui  lokasi  rumah  sakit,  puskesmas  dan klinik yang ada di Kota Manado.
Penelitian [3] dengan judul “Aplikasi Cari Dokter Untuk Wilayah  Surakarta”.  Dalam  penelitian  tersebut  mereka merancang  aplikasi  ‘Cari  Dokter’  yang  berbasis  android menyediakan informasi tentang praktik dokter dan rumah sakit. Informasi yang tersaji di aplikasi mulai nama rumah sakit, nama dokter, alamat praktik dokter dan rumah sakit, jarak  tempuh  antara  lokasi  pengguna ke  rumah  sakit  atau praktik  dokter,  jam  buka  praktik  dokter, website rumah sakit, lokasi rumah sakit dan praktik dokter.
Penelitian [4] dengan judul “Analisis Dan Perancangan Sistem  Informasi  Geografis  Lokasi  Apotek  Kota  Jambi”. Penelitian  ini  memberikan  solusi  mengenai  permasalahan yang  terjadi  dalam  mencari  lokasi  apotek  Kota  Jambi. Informasi  mengenai  pencarian  lokasi  apotek  dapat  dicari dengan  mudah  melalui  sistem  informasi  geografis. Masyarakat  dapat  mencari  lokasi  apotek  terdekat  saat mencari  obat  sesuai  anjuran dokter dan  masyarakat dapat mengetahui informasi apotek yang masih aktif 24 jam yang ada pada Kota Jambi.
2. Location Based Service
Location Based Service atau LBS adalah service yang berfungsi untuk mencari dengan memanfaatkan teknologi Global Positioning Service (GPS) dan Google’s cell-based location . Map dan layanan  berbasis lokasi ini menggunakan  lintang dan bujur untuk menentukan lokasi geografis.  LBS  memiliki  dua unsur  utama  yaitu Location Manager (API Maps ), Location  Provider (API Location ) [5].
3. Global Positioning System
Global  Positioning  System :  GPS  adalah  sistem  untuk menentukan  letak  di  permukaan  bumi  dengan  bantuan penyelarasan  ( synchronization )  sinyal  satelit.  Sistem  ini menggunakan  24  satelit  yang  mengirimkan  sinyal
gelombang mikro ke bumi. GPS memungkinkan developer mengakses  lokasi  pengguna  kapan  pun.  Sistem  bisa melacak  ( tracking )  lokasi  ketika  pengguna  mengubah lokasi,  bisa  menentukan  lokasi  ponsel  kemudian mengakses  web  untuk  menentukan  lokasi  publik  yang dekat dengan pengguna [6].

## 4. Google Maps API
Google Maps API : Merupakan sebuah layanan ( service ) yang diberikan oleh Google kepada  para pengguna  untuk memanfaatkan Google  Maps dalam  mengembangkan aplikasinya. Google Maps API menyediakan beberapa fitur untuk  memanipulasi  peta,  dan  menambah  konten  melalui berbagai  jenis services yang  dimiliki,  serta  mengizinkan kepada pengguna untuk membangun aplikasi enterprise di dalam website -nya, Google Maps API adalah suatu library yang berbentuk JavaScript [7].
5. Progressive Web App
Progressive Web App: Menurut [8] PWA adalah sebuah website yang  dibangun  menggunakan  teknologi  web modern,  namun  dapat  berlaku  seperti  sebuah mobile  app . Pada  tahun  2015, Google  Engineer Alex  Russel  dan Frances  Berriman  memberi  istilah Progressive  Web  Apps pada  konsep web  apps yang  dapat  memberikan user experience dalam keandalan ( reliability ), kecepatan ( speed ) dan  keterlibatan  pengguna  ( user  engagement ).  PWA memiliki  keunggulan  berupa  respon  seperti mobile  app, layout  responsive ,  tersedia  di  mode offline ,  dapat menambahkan  aplikasi  pada  layer  ( add  to  home  screen ), dan dapat menampilkan push notification .

## B. Analisis Kebutuhan Sistem
Proses analisis dilakukan dengan melakukan observasi dari sudut pandang developer yang juga bertindak sebagai pengguna  (masyarakat  umum),  dengan  demikian  analisis kebutuhan  sistem  tersebut  akan  dibagi  menjadi  tiga kategori  yaitu  kebutuhan  dari  dokter,  kebutuhan  tempat praktik, dan kebutuhan
1)  Kebutuhan Dokter: Dokter suatu pekerjaan kedokteran  atau  kedokteran  gigi  yang  dilaksanakan berdasarkan suatu keilmuan [9] wajib memiliki akun agar dapat  ditambahkan  oleh  tempat  praktik  sehingga  akan tertampil  pada  saat  pasien  melakukan  pencarian,  adapun analisis kebutuhan dokter dapat diuraikan sebagai berikut, dokter  harus  melakukan  registrasi  dengan  melengkapi profil  dari  nama,  tanggal  lahir,  jenis  kelamin,  pendidikan kedokteran,  keanggotaan  professional,  afiliasi  rs, email , nomor telepon, dan foto selain itu spesialisasi dokter juga wajib dicantumkan ketika melengkapi profil.
2)  Kebutuhan  Tempat  Praktik: dibedakan  menjadi  4 kategori yaitu Apotek, Klinik, Optik, dan Praktik mandiri. Apotek  pelayanan  kefarmasian  yang  dilakukan  oleh apoteker  [10],  Klinik  pelayanan  kesehatan  yang menyelenggarakan  dan  menyediakan  pelayanan  medis dasar  dan  atau  spesialistik  [11],  Optik  fasilitas  pelayanan kesehatan  yang  menyelenggarakan  pelayanan  refraksi, pelayanan  optisi,  dan/atau  pelayanan  lensa  kontak  [12], dimana  dari  setiap  kategori  tersebut  akan  memiliki  akun masing-masing,  tempat  praktik  akan  melakukan  proses
tambah  dokter  yang  nantinya  akan  menjadi  acuan  dari proses  pencarian  yang  dilakukan  oleh  pasien,  adapun analisis  kebutuhan  dari  tempat  praktik  melengkapi  profil mulai  dari  menentukan  lokasi  keberadaan  dari  bangunan yang  akan  dijadikan  tempat  praktik,  lokasi  tersebut didapatkan dari posisi perangkat yang dideteksi oleh sistem untuk memperoleh data berupa latitude dan longitude yang kemudian akan diolah dan ditampilkan pada Maps . Selain menentukan lokasi tempat praktik, melengkapi detail profil juga wajib dipenuhi, adapun data profil tersebut mulai dari nama  tempat  praktik,  foto,  jadwal  operasional,  email, nomor telepon, dan informasi terbaru ( update ) yang akan diberikan kepada masyarakat terkait dengan tempat praktik.
3)  Kebutuhan  Pasien: memiliki  akun  sendiri,  pasien dapat melakukan pencarian dokter berdasarkan 4 kategori yaitu,  berdasarkan  spesialisasi  dokter,  nama  dokter, kategori  tempat  praktik,  dan  nama  tempat  praktik.  Selain proses  pencarian  berdasarkan  kategori  pasien  juga  akan dapat mengatur jangkauan radius atau diameter pencarian lokasi dokter yang berada disekitarnya, Selain melakukan pencarian,  pasien  juga  dapat  mengambil  nomor  urut antrean  dokter  praktik  secara  online,  namun  ketika  akan mengambil  nomor  urut  antrean,  pasien  harus  memiliki akun  terlebih  dahulu,  adapun  data  profil  yang  harus dilengkapi  antara  lain  nama,  tanggal  lahir, email ,  nomor telepon, dan foto

## C. Perancangan Sistem
Untuk  menggambarkan  bentuk  rancangan  sistem  yang akan di buat maka digunakanlah arsitektur sistem, use case dan class diagram agar mudah di implementasikan.
1)  Arsitektur  Sistem: Tahap  ini  meliputi  gambaran secara umum mengenai proses kegiatan yang berlangsung pada sistem, gambaran dari arsitektur sistem dapat dilihat pada Gambar 2.

## Gambar 2. Arsitektur sistem
Berikut ini adalah penjelasan dari cara kerja yang telah dipaparkan melalui arsitektur sistem:
Pasien  yang  ingin  melakukan  pencarian  lokasi  dokter praktik,  apotek,  klinik,  optik,  atau  praktik  mandiri membuka aplikasi (dengan GPS aktif agar posisi di deteksi sistem).  Sistem  mendeteksi  posisi  pengguna  dan melakukan  proses  perhitungan  jarak  untuk  selanjutnya menampilkan  daftar  dokter  praktik,  apotek,  klinik,  optik,
atau  praktik  mandiri  yang  ada  di  sekitarnya.  Pengguna dapat  pula  mencari  dokter  sesuai  kebutuhan  (misalnya dokter  spesialis)  ataupun  berdasarkan  jam  buka  praktik dokter.
Dokter  dan  apotek/klinik/optik/praktik  mandiri  yang menggunakan aplikasi melakukan update data berupa info jam  buka,  keberadaan  dokter,  nomor  urut  antrean  pasien, kontak person yang bisa dihubungi oleh masyarakat. Jika ada  dokter  yang  berhalang  untuk  praktik  pada  jadwal praktek yang sebelumnya sudah ditentukan maka ia dapat mengupdate  statusnya  sedang  “off”  informasi  ini  akan diterima  pasien/masyarakat  melalui  aplikasi  dan  pasien dapat mencari dokter lain yang sesuai.
2)  Use Case: menurut [13] Diagram use case bersifat statis, yang memperlihatkan himpunan Use Case dan aktor- aktor (suatu jenis khusus dari kelas) dan menggambarkan apa  saja  aktivitas  yang  dilakukan  oleh  suatu  sistem  dari sudut  pandang  pengamatan  luar.  Diagram  ini  terutama sangat  penting  untuk  mengorganisasi  dan  memodelkan perilaku  suatu  sistem  yang  dibutuhkan  serta  diharapkan pengguna yang menjadi persoalan itu apa yang dilakukan bukan  bagaimana  melakukannya. Use  Case  Diagram menggambarkan  fungsionalitas  yang  diharapkan  dari sistem.  Adapun  use  case  diagram  yang  dibangun  dalam penelitian ini tergambarkan pada Gambar 3 dengan 3 buah aktor yaitu dokter, tempat praktik, dan pasien.
Gambar 3. Use case diagram
3)  Class  Diagram: digunakan  untuk  menggambarkan hubungan  antara  kelas  satu  dengan  yang  lainnya  serta memiliki  atribut  dan  operasi  yang  terdapat  dalam  sistem yang  akan  dibuat  [14].  Adapun  penerapan class  diagram pada perancangan yang dibuat dengan 8 class yang saling terhubung, seperti terlihat pada Gambar 4.
Gambar 4. Class diagram

## III. HASIL DAN PEMBAHASAN
Aplikasi  yang  dibangun  merupakan  sebuah  aplikasi berbasis website namun  dengan  penerapan  yang  lebih modern yaitu dengan memanfaatkan progressive web app sehingga aplikasi website yang dibangun menjadi layaknya sebuah  aplikasi mobile  native ,  Adapun  tujuan  utama dibangunnya  aplikasi  ini  adalah  untuk  membantu masyarakat  di  sekitar  Kota  Pontianak  dalam  melakukan pencarian lokasi dokter praktik dan apotek serta melakukan pengambilan  antrean  berobat online ,  pencarian  lokasi tersebut  didukung  dengan  menerapkan  metode location based service sehingga didapatkan lokasi pasien dan dokter yang berada disekitarnya.

## A. Penerapan Location Based Service
Penerapan layanan Location Based Service (LBS) pada penelitian  ini  bertujuan  untuk  memberikan  kemudahan kepada  pasien  atau  masyarakat  yang  ingin  melakukan pencarian  lokasi  dokter  praktik  dan  apotek  yang  berada disekitarnya.  Adapun  konsep  LBS  yang  diterapkan  pada aplikasi  yang  dibangun  ialah  melakukan  pencarian berdasarkan jangkauan radius dari titik lokasi keberadaan pasien.  Penerapan  LBS  tersebut  menggunakan Google Maps API, Geolocation , dan Library Geometry Spherical . Cara  kerja  LBS  pada  aplikasi  yang  dibangun  ialah dengan  mendeteksi  posisi  perangkat  dari  pasien  sehingga aplikasi  dapat  menampilkan  titik  lokasi  pasien  dan menampilkan  dokter  praktik  yang  berada  di  dalam jangkauan  radiusnya.  Adapun  proses  pencarian  dilakukan dengan cara menentukan jangkauan radius dari titik pasien, radius  yang  dimaksud  adalah  sebuah  jari-jari  yang berbentuk  lingkaran  dimana  posisi  pasien  berada  tepat  di tengah lingkaran tersebut.
Nilai  radius  yang  diatur  mulai  dari  jangkauan  1.000 meter,  ini  merupakan  jangkauan  default  atau  jangkauan radius  ketika  pasien  membuka  aplikasi  maka  secara
otomatis radius pencarian akan diatur menjadi 1.000 meter, pengguna dapat  merubah  jangkauan  radius  sesuai  dengan kebutuhan pencarian yang dilakukan, maksimal jangkauan pencarian  dapat  diubah hingga  20.000  meter.  Pasien  juga dapat menentukan kriteria pencarian yang diinginkan mulai dari  spesialisasi  dokter,  nama  dokter,  kategori  tempat praktik, ataupun nama tempat praktik.
Titik  marker  pencarian  tempat  praktik  hanya  akan tampil jika lokasi marker tempat praktik tersebut berada di dalam  radius  lingkaran,  apabila  lokasi  tempat  praktik tersebut  berada  diluar  jangkauan  radius  lingkaran  maka marker  tersebut  tidak  akan  ditampilkan  dalam  pencarian, karena  tidak  sesuai  dengan  jangkauan  radius  yang  telah ditetapkan.  Penerapan  LBS  dapat  divisualisasikan  pada Gambar 5.

## Gambar 5. Penerapan LBS

## B. Penerapan Progressive Web App
Penerapan Progressive  Web  App (PWA)  pada penelitian  ini  bertujuan  untuk  memberikan  pengalaman yang  berbeda  ketika  pengguna  membuka  suatu  situs website yang  dapat  dipasang  (install)  dan  dapat  berjalan layaknya  sebuah  aplikasi mobile  native ,  Adapun  PWA yang diterapkan dalam penelitian ini adalah sebagai berikut:
1)  Add  to  Home  Screen:  Website yang  berhasil terpasang  PWA  akan  menampilkan add  to  home  screen atau  perintah  pemasangan  aplikasi  pada  perangkat  yang digunakan seperti di personal komputer atau smartphone , add to home screen merupakan tampilan ketika pengguna pertama  kali  membuka website pada browser maka, website tersebut  akan  memberikan  perintah  untuk memasang aplikasi pada perangkat, seperti pada gambar 6 yang  menunjukan  jika  pengguna  membuka website menggunakan  smartphone  maka  akan  tampil  perintah untuk menambahkan aplikasi pada layar utama, sedangkan jika  dibuka  menggunakan browser personal  komputer maka perintah install aplikasi terdapat pada bagian paling kanan tepat di sebelah url dari website.
Gambar 6. Add to home screen
2)  Aplikasi  Terpasang: Setelah  proses add  to  home screen berhasil  maka  aplikasi  akan  terpasang  pada perangkat dan memunculkan ikon serta nama dari aplikasi pada home  screen ataupun  pada desktop di  komputer seperti terdapat pada Gambar 7.
Gambar 7. Aplikasi terpasang
3)  Aplikasi Responsif: Menampilkan gambaran ketika website dibuka  melalui  resolusi  layar  yang  berbeda-beda maka  aplikasi  tersebut  akan  menyesuaikan  bentuk  layar yang  digunakan  oleh  pengguna,  baik  menggunakan smartphone ataupun  personal  komputer,  seperti  yang terlihat pada Gambar 8 aplikasi menyesuaikan dari bentuk smartphone dan desktop.
Gambar 8. Aplikasi responsif
4)  Halaman  Offline: Aplikasi  akan  memberikan informasi berupa halaman offline ketika pengguna terputus dari koneksi internet, seperti terlihat pada Gambar 9.
Gambar 9. Halaman offline

## C. Implementasi
Tampilan antarmuka pada aplikasi yang dibangun akan dibagi  menjadi 3  bagian pengguna,  yaitu  Dokter,  Tempat praktik  (apotek,  klinik,  optik,  dan  praktik  mandiri),  dan Pasien,  rincian  tampilan  antarmuka  dapat  dilihat  sebagai berikut:
1)  Tampilan  Antarmuka  Aplikasi: Merupakan  bentuk tampilkan  aplikasi  Ketika  pengguna  membuka website , terdapat  beberapa  menu  yang  dapat  diakses,  mulai  dari halaman  pencarian,  login  dokter,  tempat  praktik  (apotek, klinik,  optik,  praktik  mandiri),  dan  pasien.  Seperti  pada Gambar 10 menunjukan Ketika pasien berhasil melakukan login maka pasien dapat melakukan perubahan data profil pribadi, antrean dan dapat melihat riwayat berobat.

## Gambar 10. Antarmuka aplikasi
2)  Antarmuka  Pencarian: merupakan  tampilan  ketika pasien  akan  melakukan  kriteria  pencarian  sesuai  dengan kebutuhan  seperti  pada  Gambar  11,  pasien  juga  dapat melakukan  pencarian  dengan  spesifikasi  tertentu  seperti spesialisasi  dokter,  nama  dokter,  tempat  praktik,  nama tempat  dan  pasien  dapat  melakukan  pencarian  dokter terdekat  dari  lokasi  pasien  dengan  menerapkan  pencarian berdasarkan radius
3)  Antarmuka Pencarian Dokter: merupakan tampilan ketika pasien telah melakukan pencarian lokasi dokter dan melihat  dokter  yang  berpraktik  di  tempat  praktik,  seperti terdapat pada Gambar 12. Pasien dapat melihat detail profil dokter,  melihat  antrean,  mengambil  antrean,  dan  melihat jam operasional dokter.

## Gambar 12 Pencarian dokter
4)  Antarmuka  Antrean: Merupakan  tampilan  ketika pasien telah berhasil mengambil nomor urut antrean pada dokter  yang  sedang  melakukan  praktik,  seperti  pada Gambar 13.

## Gambar 13 Antrean pasien
5)  Halaman  Dokter: ketika  dokter  telah  berhasil melakukan  login,  maka  akan  langsung  diarahkan  ke halaman  utama  dokter,  dapat  dilihat  pada  Gambar  14, dokter  dapat  memperbarui  profil,  melihat  tempat  praktik, melihat pasien, mengubah username dan password . Selain itu dokter juga dapat mengelola status berobat pasien mulai dari  mengantre,  diperiksa,  hingga  selesai  diperiksa. Sehingga  dapat  memberikan  informasi  yang  jelas  kepada pasien yang sedang melakukan antrean.

## Gambar 14 Antarmuka dokter
6)  Halaman  Tempat  Praktik: sebagai  contoh  karena tampilan  antarmuka  tempat  praktik  (apotek,  klinik,  optik, dan  praktik  mandiri)  sama,  maka  salah  satu  yang ditampilkan adalah halaman apotek, seperti pada Gambar
15  merupakan  tampilan  ketika  apotek  telah  berhasil melakukan  login,  maka  akan  langsung  diarahkan  ke halaman  utama  apotek,  apotek  dapat  memperbarui  profil (menentukan lokasi apotek), melihat dokter, melihat pasien, mengubah username dan password .  Apotek  melakukan pengelolaan  terhadap  dokter  yang  berpraktik  di  lokasi tersebut, mulai dari menambahkan dokter, mengatur jadwal operasional praktik, dan mengelola antrean pasien.

## Gambar 15 Antarmuka apotek

## D. Pengujian Sistem
Pengujian  yang  dilakukan  pada  penelitian  ini  adalah dengan menggunakan metode Black-box , pengujian black box bertujuan  untuk  menguji  kesesuaian  antara  masukan dengan  hasil  yang  ditampilkan  pada  aplikasi, Black  Box Testing berfokus pada spesifikasi fungsional dari perangkat lunak  [15]  Berikut  adalah  pengujian  perangkat  lunak dengan  metode Black-box yang  telah  dilakukan  pada penelitian ini.
Pencarian Dokter Spesialis Berdasarkan Radius: Pada kasus  ini  fungsi  yang  akan  diuji  adalah  respon  aplikasi ketika pengguna melakukan pencarian dokter berdasarkan spesialisasi  dan  jangkauan  radius  dari  terkecil  menuju  ke besar, titik lokasi uji (jalan Imam Bonjol, Pontianak) yang ditampilkan  ketika  pasien  melakukan  pencarian  berupa lokasi keberadaan pasien dan lokasi tempat praktik dokter yaitu  apotek,  klinik,  optik,  dan  praktik  mandiri.  Sebagai penerapan  pengujian  maka  akan  dilakukan  pengujian dengan melakukan pencarian dokter spesialis anak dengan rentang jarak radius mulai dari 1.000 meter, 5.000 meter, dan 10.000 meter, Hasil pengujian dapat dilihat pada Tabel I, dan Gambar 16,17,18.
TABEL I HASIL PENGUJIAN PENCARIAN BERDASARKAN RADIUS
Kasus Uji Bentuk Pengujian Hasil Yang diharapkan Hasil Pengujian Proses pencarian dokter spesialis
anak berdasarkan jarak radius Menampilkan
titik lokasi tempat praktik dokter
spesialis anak di dalam
radius 1000 meter Data lokasi tempat praktik yang muncul hanya dokter spesialis anak yang berada di dalam radius
Berhasil menampilkan titik lokasi dokter spesialis anak yang berada di
dalam jangkauan
Kasus Uji Bentuk Pengujian Hasil Yang diharapkan Hasil Pengujian radius 1000 meter Menampilkan
titik lokasi
tempat praktik
dokter
spesialis anak di dalam radius 5000 meter Data lokasi tempat praktik yang muncul hanya dokter
spesialis anak yang berada di dalam radius Berhasil menampilkan titik lokasi
dokter spesialis anak yang berada di dalam jangkauan radius 5000 meter Menampilkan titik lokasi
tempat praktik dokter spesialis anak di dalam radius 10.000 meter
Data lokasi
tempat praktik yang muncul hanya dokter
spesialis anak yang berada di dalam radius
Berhasil menampilkan titik lokasi dokter spesialis anak yang berada di dalam jangkauan radius
10.000 meter
1)  Pencarian  jarak  1.000  meter: seperti  terlihat  pada Gambar  16,  bahwa  dalam  jangkauan  jarak  1.000  meter yang  berada  di  sekitar  lokasi  pasien,  belum  ditemukan lokasi dokter spesialis anak yang berpraktik.

## Gambar 16 Pencarian jarak 1000 meter
2)  Pencarian  jarak  5.000  meter: Karena  pada pencarian dalam jangkauan 1.000 meter belum ditemukan dokter  spesialis,  maka  jarak  pengujian  diubah  menjadi 5.000  meter,  hasil  yang  didapatkan  adalah  mulai ditemukannya  beberapa  dokter  spesialis  anak  yang berpraktik  dalam  jangkauan  jarak  radius  5.000  meter, seperti pada Gambar 17.

## Gambar 17 Pencarian jarak 5000 meter
3)  Pencarian jarak 10.000 meter: selanjutnya menguji jangkauan  jarak  dengan  radius  yang  lebih  besar  yaitu 10.000  meter,  Adapun  hasil  yang  didapatkan  setelah merubah jarak menjadi 10.000 meter, tidak ada perubahan jumlah  dokter  spesialis  anak  yang  berpraktik.  Hal  ini menunjukan bahwa dengan radius 5.000 meter saja pasien sudah dapat menemukan dokter spesialis anak yang berada di sekitarnya.
Gambar 18 Pencarian jarak 10.000 meter

## IV. K ESIMPULAN
Setelah  dilakukan  pembuatan  aplikasi  dan  pengujian dengan  metode black-box yang  dikhususkan  pada penerapan LBS, dapat disimpulkan sebagai berikut:
Aplikasi yang dibangun sesuai dengan tujuan awal dari penelitian  yaitu  melakukan  pencarian  dokter  praktik  dan apotek  berdasarkan  kriteria  pasien  di  Kota  Pontianak menggunakan  metode location  based  service berbasis progressive web app .
Aplikasi  dapat  melakukan  pencarian  dokter  praktik, apotek,  klinik,  optik,  dan  praktik  mandiri,  serta menampilkan  detail  informasi  terkait  dokter  dan  tempat praktik.
Pasien  dapat  melihat  dan  mengambil  nomor  antrean berobat secara online .
Pencarian dilakukan dengan mengatur jangkauan radius dari titik pasien untuk melihat keberadaan lokasi dokter dan tempat  praktik  yang  terdapat  di  sekitarnya,  hal  ini menunjukan  bahwa  peran  LBS  yang  telah  di  uji menggunakan  metode black-box pada  aplikasi  berjalan dengan baik.
Aplikasi  berjalan  dengan  berbasis  PWA  yang ditunjukan  dengan  munculnya add  to  home  screen ,  dan halaman offline , serta aplikasi dapat terinstall pada personal komputer maupun smartphone .

## D AFTAR P USTAKA
[1] Indah  Pratiwi,  Amey.  2015.  Perancangan  Sistem  Informasi Pemetaan  Fasilitas  Pelayanan  Kesehatan  di  Kota  Pontianak Berbasis Web. Jurnal Sistem dan Teknologi Informasi , Vol 3, No. 1.
[2] Asisia  Ayun Makiolor,  Astrid.  2017.  Rancang  Bangun  Pencarian Rumah Sakit, Puskesmas dan Dokter Praktik Terdekat di Wilayah Manado Berbasis Android. E-Journal Teknik Informatika. Vol 10, No.1.
[3] Yudhanto,  Yudho  dan  Alfianto,  Pramuditya.  2017.  Aplikasi Android  “Cari  Dokter”  untuk  Wilayah  Surakarta. Seminar Nasional  Teknologi  Informasi  dan  Multimedia.  Yogyakarta, tanggal 6-8 Februari 2015. STMIK AMIKOM [4] Hernando,  Irham.  2017.  Analisis  Dan  Perancangan  Sistem Informasi  Geografis  Lokasi  Apotek  Kota  Jambi. Jurnal Manajemen Sistem Informasi. Vol 2, No.4.
[5] Steiniger,  S.,  Neun,  M.,  dan  Edwardes,  A.  2006. Foundations  of Location  Based  Services  Lesson  1 .  Department  of  Geography. University of Zurich.
[6] Kasman,  Darma  Akhmad.  2013.  Kolaborasi  Dahsyat  ANDROID dengan PHP dan MYSQL. Yogyakarta: Lokomedia.
[7] Kindarto,  Asdani.  2008. Asyik  Berinternet  dengan  Beragam Layanan Google . Yogyakarta: Penerbit Andi.
[8] Santoso,  Hendra.  2019.  Membangun  Aplikasi  Mobile  dengan Progressive Web App (PWA): Yogyakarta: Lokomedia
[9] Republik  Indonesia.  2004.  Undang  Undang  No  29  Tahun  2004 Tentang Praktik Kedokteran. Jakarta.
[10] Republik  Indonesia.  2009.  Undang  Undang  No  51  Tahun  2009 Tentang Pekerjaan Kefarmasian. Jakarta.
[11] Republik  Indonesia 2014,  Peraturan Menteri Kesehatan  Republik Indonesia Nomor 9 Tahun 2014 tentang Klinik, Jakarta.
[12] Republik  Indonesia 2016,  Peraturan Menteri Kesehatan  Republik Indonesia Nomor 1 Tahun 2016 tentang Penyelenggaraan Optikal, Jakarta.
[13] Widodo, P. P., & Herlawati. 2011. Menggunakan UML . Bandung: Informatika.
[14] Fowler,  Martin.  2005.  UML  Distilled  3th  Ed.,  Panduan  Singkat Bahasa Pemodelan Objek Standar. Yogyakarta: Ali.
[15] Mustaqbal,  M.  S.,  &  Firdaus,  R.  F.  2015. Pengujian  Aplikasi Menggunakan  Black  Box  Testing  Boundary  Value  Analysis . Bandung: Jurnal Ilmiah Teknologi Informasi Terapan