LAPORAN KERJA PRAKTIK

PEMBAHARUAN HALAMAN PRODUK PADA

LANDING PAGE
(STUDI KASUS: PT. TEKNOLOGI MEDIA MEDIKA)

Disusun oleh:

Dita Azizah Putri

NIM. 16553301100

PROGRAM STUDI TEKNIK INFORMATIKA

POLITEKNIK CALTEX RIAU
2020

i
 LEMBAR PENGESAHAN I

LAPORAN KERJA PRAKTIK

PEMBAHARUAN HALAMAN PRODUK PADA

LANDING PAGE
(STUDI KASUS: PT. TEKNOLOGI MEDIA MEDIKA)

Disusun Oleh:
Dita Azizah Putri
1655301100

Diajukan sebagai salah satu persyaratan kelulusan Mata Kuliah Kerja

Praktik di Politeknik Caltex Riau

Pekanbaru, Juli 2020

Disetujui oleh :

Pembimbing Founder/CEO Assist.id

Danur Wendo, S.S.T., M.T. Farly Nur Dewantara, S.T.

Chief Product Officer Founder/CEO Assist.id

ii
 LEMBAR PENGESAHAN II

LAPORAN KERJA PRAKTIK

DI PT. TEKNOLOGI MEDIA MEDIKA

PEMBAHARUAN HALAMAN PRODUK PADA

LANDING PAGE
(STUDI KASUS: PT. TEKNOLOGI MEDIA MEDIKA)

Dita Azizah Putri

NIM. 1655301100

Diajukan sebagai salah satu persyaratan kelulusan Mata Kuliah

Kerja Praktik di Politeknik Caltex Riau

Pekanbaru, Juli 2020

Disetujui oleh:

Pembimbing Penguji

Dini Hidayatul Qudsi S.S.T., M.I.T. Rahmat Suhatman, S.T., M.T.

NIP: 159025 NIP: 048110

Mengetahui,
Ketua Program Studi Sistem Informasi

Dr. Juni Nurma Sari, S. Kom., M.M.T.

NIP: 017218

iii
 KATA PENGANTAR

Alhamdulillahirabbil’alamin, puji syukur kehadirat Allah

SWT atas segala rahmat dan karunia-Nya sehingga penulis dapat
menyelesaikan laporan akhir kerja praktik yang merupakan salah
satu syarat untuk menyelesaikan mata kuliah di semester VIII
(delapan).
Laporan kerja praktik ini disusun berdasarkan kerja
praktik yang dilaksanakan dari 16 Maret 2020 sampai dengan 30
Juni 2020 di PT. Teknologi Media Medika. Selama pelaksanaan
kerja praktik dan penyelesaian laporan ini, penulis mendapatkan
berbagai bimbingan. Karena itu, penulis mengucapkan terima
kasih kepada:
1. Orang tua penulis yang selalu mendo’akan, memberikan
semangat serta dorongan serta motivasi kepada penulis.
2. Ibu Dr. Juni Nurma Sari, S. Kom. M.M.T., selaku kaprodi
Teknik Informatika yang telah memberikan motivasi dan
arahan kepada penulis.
3. Bapak Ibnu Surya, S.T., M.T., selaku Koordinator KP
yang selalu mengingatkan dan memberi arahan kepada
penulis.
4. Ibu Dini Hidayatul Qudsi, S. Kom, M.M.T. selaku dosen
pembimbing yang telah membimbing dan memberikan
ilmu serta saran-saran yang berguna bagi penulis.
5. Bapak Farly Nur Dewantara, S.T. selaku Founder/CEO
Assist.id yang telah memberikan kesempatan kepada
penulis untuk melakukan kerja praktek dibagian Front-
End Developer Assist.id.
6. Bapak Danur Wendo, S.S.T., M.T. selaku Chief Product
Officer yang telah menjadi pembimbing penulis selama
melakukan Kerja Praktik.
7. Seluruh Dosen Politeknik Caltex Riau serta Pegawai
Assist.id yang telah membantu penulis selama
menjalankan kerja praktik.

iv
 8. Sari Fauziah Elza, Nurul Khairina Surbkati, Divi Indah
Andari, teman-teman seperjuangan penulis yang selalu
membantu selama masa kerja praktik.
9. Artanaria Sinambela, Meiri Yanti, Saleha Indri Yanti,
Silvia Anggelina dan Tryfany Effendi selaku teman-
teman Deteki yang memberi dukungan dan membantu
penulis selama masa kuliah.
10. Teman-teman 16 TI A dan teman-teman seperjuangan
Generasi 16 Teknik Informatika Politeknik Caltex Riau.

Selama menjalani Kerja Praktik dan dalam penulisan

Laporan Kerja Praktik ini penulis memiliki banyak kesalahan
baik yang disengaja maupun tidak disengaja. Sehingga dalam
kesempatan ini penulis meminta maaf sebesar-besarnya, kritik
dan saran juga diharapkan untuk perbaikan di masa yang akan
datang.

Pekanbaru, Juli 2020

Dita Azizah Putri

v
 DAFTAR ISI

LAPORAN KERJA PRAKTIK....................................................i

LEMBAR PENGESAHAN II.....................................................iii
KATA PENGANTAR.................................................................iv
DAFTAR ISI...............................................................................vi
DAFTAR GAMBAR..................................................................ix
DAFTAR TABEL........................................................................x
BAB I...........................................................................................1
PENDAHULUAN........................................................................1
1.1 Latar Belakang.................................................................1
1.2 Tujuan Kerja Praktik.......................................................2
1.2.1 Tujuan Umum..................................................................2
1.2.2 Tujuan Khusus.................................................................3
1.3 Manfaat Kerja Praktik......................................................3
1.3.1 Bagi Mahasiswa..............................................................3
1.3.2 Bagi Perguruan Tinggi....................................................3
1.3.3 Bagi PT. Teknologi Media Medika..................................4
1.4 Waktu dan Tempat Pelaksanaan Kerja Praktik................4
1.5 Sistematika Penulisan......................................................4
BAB II..........................................................................................7
PROFIL PERUSAHAAN............................................................7

vi
 2.1 Sejarah PT. Teknologi Media Medika.............................7
2.2 Visi dan Misi Assist.id.....................................................8
2.3 Struktur Organisasi..........................................................9
2.4 Lokasi Perusahaan.........................................................13
2.5 Produk PT. Teknologi Media Medika............................13
2.5.1 Medicaboo................................................................13
2.5.2 Assist.id....................................................................17
BAB III......................................................................................20
LANDASAN TEORI.................................................................20
3.1 Sistem............................................................................20
3.2 Landing Page.................................................................20
3.3 NodeJS..........................................................................20
3.4 ExpressJS.......................................................................21
3.5 MongoDB......................................................................21
BAB IV......................................................................................23
PEMBAHASAN........................................................................23
4.1 Kegiatan Kerja Praktik..................................................23
4.2 Pengembangan Aplikasi................................................29
4.2.1 Use Case Diagram....................................................29
4.2.2 Use Case Scenario....................................................30
4.3 Hasil Pembaharuan Sistem............................................32
BAB V.......................................................................................39
KESIMPULAN DAN SARAN..................................................39

vii
 5.1 Kesimpulan....................................................................39
5.2 Saran..............................................................................39
DAFTAR PUSTAKA.................................................................40
Lampiran I : Logbook Bimbingan..............................................41
Lampiran II : Logbook Kehadiran Kerja Praktik........................42
Lampiran III : Dokumentasi Kegiatan Kerja Praktik..................58

viii
 DAFTAR GAMBAR

Gambar 2. 1 Struktur Organisasi PT. Teknologi Media Medika...9

Gambar 2. 2 Lokasi Perusahaan..................................................13
Gambar 2. 3 Website Medicaboo................................................14
Gambar 2. 4 Proses booking dokter............................................15
Gambar 2. 5 Aplikasi mobile Medicaboo..................................16
Gambar 2. 6 Sistem Landing Page Assist.id...............................17
Gambar 4. 1 Halaman Klinik Hemodialisis Fitur Bantuan..........24
Gambar 4. 2 Halaman Klinik Hemodialisis Fitur Form Demo....24
Gambar 4. 3 Halaman Form Pendaftaran....................................25
Gambar 4. 4 Halaman Beranda (Header)....................................25
Gambar 4. 5 Halaman Beranda...................................................26
Gambar 4. 6 Halaman Beranda...................................................26
Gambar 4. 7 Halaman Beranda (Download Ebook)....................27
Gambar 4. 8 Halaman Beranda (Footer).....................................27
Gambar 4. 9 Halaman Beranda (Mobile)....................................28
Gambar 4. 10 Halaman Beranda (Mobile – Download Ebook)...28
Gambar 4. 11 Halaman Beranda (Mobile)..................................29
Gambar 4. 12 Use Case Diagram Menu Produk.........................30
Gambar 4. 13 Halaman Menu Clinica.........................................33
Gambar 4. 14 Halaman Menu Clinica.........................................33
Gambar 4. 15 Form Demo Kelola Klinik Menu Clinica.............34
Gambar 4. 16 Halaman Menu Hospita........................................34
Gambar 4. 17 Fitur Kelola Klinik Lebih Mudah Menu Hospita. 35
Gambar 4. 18 Halaman Menu Privata.........................................35
Gambar 4. 19 Form Demo Kelola Klinik Menu Privata.............36
Gambar 4. 20 Halaman Menu Schedula.....................................36

ix
Gambar 4. 21 Form Demo Kelola Klinik Menu Schedula..........37
Gambar 4. 22 Halaman Menu Pharma........................................37
Gambar 4. 23 Form Demo Kelola Klinik Menu Pharma............38

DAFTAR TABEL

Tabel 4. 1 Skenario Membuka tiap halaman menu Produk.........31

Tabel 4. 2 Skenario Melihat fitur-fitur pada tiap halaman menu
Produk........................................................................................31
Tabel 4. 3 Skenario Input data pada form Demo Kelola Klinik. .32

x
 BAB I
PENDAHULUAN

1.1 Latar Belakang

PT. Teknologi Media Medika merupakan perusahaan
teknologi informasi yang bergerak di bidang kesehatan yang
dapat memberikan solusi terhadap permasalahan layanan
kesehatan di Indonesia. Masalah yang ada tidak hanya pada sisi
pasiennya saja, tapi juga pada sisi fasilitas kesehatan. Oleh karena
itu PT. Teknologi Media Medika hadir memberikan solusi
terhadap permasalahan tersebut dengan produknya yaitu Assist.id.
Assist.id adalah salah satu produk dari PT.
Teknologi Media Medika yang mendigitalisasi praktek
dokter, klinik, apotek dan rumah sakit di Indonesia.
Assist.id memberikan solusi kenyamanan manajemen dan
kemudahan dalam mengelola data yang ada. Sehingga
fasilitas kesehatan yang menggunakan Assist.id dapat lebih
fokus dalam melayani pasien tanpa pusing memikirkan
sistem manajemennya. Dalam mempromosikan produk, PT.
Teknologi media medika menggunakan sistem landing page
yang menjelaskan produk-produk Assist.id. Tiap produk
Assist.id dibedakan sesuai dengan kebutuhan tiap fasilitas
kesehatan. Adapun jenis produk Assist.id diantaranya yaitu
Clinica, Hemoda, Hospita, Privata, Schedula dan Pharma.
Namun, dalam hal ini menu Produk pada landing page

1
masih dalam bentuk versi lama. Sehingga terdapat beberapa
bagian yang harus diperbaharui ke versi terbaru dan
beberapa bagian yang harus ditambahkan pada tiap halaman
menu Produk.
Oleh karena itu, dibutuhkan suatu pembaharuan
terhadap sistem landing page Assist.id yang dapat
menyampaikan informasi secara tepat dan lengkap kepada
customer. Maka penulis mengambil judul “Pembaharuan
Halaman Menu Produk pada Sistem Landing Page
Assist.id”. Diharapkan judul ini dapat membantu pihak
Assist.id dalam mempromosikan dan menjelaskan informasi
mengenai kemudahan tentang produk Assist.id terhadap
customer.

1.2 Tujuan Kerja Praktik

1.2.1 Tujuan Umum
1. Memenuhi syarat kelulusan matakuliah Kerja Praktik
di Politeknik Caltex Riau.
2. Implementasi ilmu yang diperoleh di kampus ke
dunia kerja.
3. Mendapatkan pengetahuan dan keterampilan sesuai
perkembangan teknologi yang ada di dunia kerja.

2
1.2.2 Tujuan Khusus
Adapun tujuan khusus dalam pembangunan sistem ini
adalah dapat membantu pihak Assist.id dalam memperbaharui
tampilan halaman pada menu Produk landing page Assist.id.

1.3 Manfaat Kerja Praktik

1.3.1 Bagi Mahasiswa
Manfaat dari pelaksanaan kerja praktik bagi mahasiswa
adalah :
1. Mendapatkan wawasan dan ilmu pengetahuan baru
mengenai NodeJS, ExpressJS, ReactJS, Material-UI
Bootstrap dan MongoDB.
2. Merasakan langsung bekerja di dunia nyata.
3. Dapat menyalurkan kemampuan dan ilmu yang
diperoleh selama perkuliahan.
4. Bertemu dengan orang-orang baru dan dapat
merasakan interaksi secara langsung dengan rekan
kerja.

1.3.2 Bagi Perguruan Tinggi

Manfaat dari pelaksanaan kerja praktik bagi perguruan
tinggi adalah :
1. Meningkatkan kualitas lulusan perguruan tinggi
dengan adanya pengalaman selama kerja praktik.
2. Sebagai bahan evaluasi bagi perguruan tinggi dalam

3
 meningkatkan kualitas pendidikan.

1.3.3 Bagi PT. Teknologi Media Medika

Manfaat dari pelaksanaan kerja praktik bagi PT.
Teknologi Media Medika adalah :
1. Sebagai wujud pengabdian masyarkat, khususnya
bidang pendidikan.
2. Membantu meringankan tugas dari pegawai yang ada
di lingkungan PT. Teknologi Media Medika.
3. Dengan diperbaharuinya sistem, dapat membantu
PT. Teknologi Media Medika menyampaikan
produk-produk yang ada pada sistem landing page
Assist.id kepada customer.

1.4 Waktu dan Tempat Pelaksanaan Kerja Praktik

Adapun proses kerja praktik ini dilakukan pada:
Tanggal : 16 Maret 2020 – 30 Juni 2020
Waktu Kerja : Senin – Jumat, pukul 08.30 WIB – 17.30 WIB.
Tempat : PT. Teknologi Media Medika
Bidang Kerja : Web Developer
Alamat : Jl. Palaraya No. 325, Sidomulyo Timur,
Marpoyan Damai, Kota Pekanbaru, Riau 28294.

1.5 Sistematika Penulisan

Sistematika penulisan dibuat untuk memudahkan pembaca

untuk memahami kandungan suatu karya ilmiah. Adapun

4
sistematika penulisan pada laporan kerja praktik ini adalah
sebagai berikut:

1. Bagian Awal
Bagian awal memuat: Halaman Judul, Lembar
Pengesahan I, Lembar Pengesahan II, Kata Pengantar,
Daftar Isi, Daftar Gambar, Daftar Tabel, dan Daftar
Lampiran.

2. Bagian Isi
Bab I: Pendahuluan, berisi penjelasan umum
mengenai latar belakang, waktu dan tempat
pelaksanaan, tujuan dan manfaat kerja praktik di PT.
Teknologi Media Medika, serta sistematika penulisan.
Bab II: Gambaran umum PT. Teknologi Media
Medika yang meliputi sejarah perkembangan, struktur
organisasi dan visi misi dari Assist.id.
Bab III: Landasan Teori, membahas landasan teori
yang diperlukan untuk mendukung proyek kerja
praktik ini, yaitu Sistem, Landing Page, Express JS
dan MongoDB.
Bab IV: Pembahasan, berisi pembahasan tentang
kegiatan kerja praktik di PT. Teknologi Media Medika

5
 dan pembaharuan serta hasil pembaharuan sistem
landing page.
Bab V: Penutup, berisi tentang kesimpulan dari kerja
praktik yang dilakukan dan saran untuk
pengembangan sistem bagi PT. Teknologi Media
Medika.

3. Bagian Akhir
Bagian akhir memuat: Daftar Pustaka dan Lampiran.

6
 BAB II
PROFIL PERUSAHAAN

2.1 Sejarah PT. Teknologi Media Medika

PT. Teknologi Media Medika adalah sebuah perusahaan

teknologi informasi di bidang kesehatan yang hadir untuk
memberikan solusi terhadap permasalahan layanan kesehatan di
Indonesia. Permasalahan layanan kesehatan di Indonesia yang
begitu kompleks. Masalah yang ada tidak hanya berada pada sisi
pasiennya saja tapi juga ada pada sisi rumah sakit yang memilih
peran sebagai pemberi layanan kesehatan. Oleh karena itu PT.
Teknologi Media Medika hadir sebagai jawaban atas setiap
permasalahan yang di alami oleh pasien dan penyedia layanan
kesehatan.
PT. Teknologi Media Medika mempunyai dua produk
yaitu Medicaboo dan Assist.id. Medicaboo digunakan untuk
membantu dan memudahkan masyarakat dalam menemukan
segala macam informasi tentang tempat dan layanan kesehatan
terbaik dengan mudah. Assist.id adalah sebuah teknologi
informasi dibidang kesehatan yang memiliki fungsi
mendigitalisasi Rumah Sakit, Clinica untuk Klinik, Denta untuk
Klinik Gigi, Derma untuk Klinik Kecantikan, Privata untuk
Dokter Praktek Mandiri dan Pharma untuk Apotek.

7
2.2 Visi dan Misi Assist.id

VISI
“Mewujudkan hak asasi manusia di bidang kesehatan
dengan cepat dan mudah”
MISI
1. Melakukan digitalisasi pada fasilitas kesehatan dari segi
operasional hingga menajemen demi memberikan mutu
pelayanan terbaik bagi masyarakat.
2. Menghubungkan, memudahkan dan menyediakan teknologi
pada Health care facilities dan pasien dalam proses
pelayanan kesehatan.
3. Mengembangkan pemberdayaan dan pembangunan
komunitas.
CULTURE
“Lean, Appreciative, Care, Collaborative, Innovative, Higher The
Bar”

8
2.3 Struktur Organisasi

Struktur Organisasi Assist.id dapat dilihat pada gambar

2.1 berikut.

Gambar 2. 1 Struktur Organisasi PT. Teknologi Media Medika

Pada perusahaan startup setiap posisi memiliki tugas masing-

masing. Berikut penjelasannya:
a. CEO (Chief Executive Officer)
Pimpinan perusahaan bertindak sebagai perwakilan
perusahaan tersebut. Memiliki tanggung jawab CEO meliputi:
a. Merancang dan mengkomunikasikan visi perusahaan
b. Memotivasi anggota tim
c. Merekrut anggota tim
d. Meramalkan tren pasar
e. Menguraikan strategi bisnis perusahaan
f. Membangun hubungan dengan investor

9
 g. Mengatur pembiayaan dan anggaran
h. Menyatukan pengembangan produk
i. Memahami perkembangan teknologi saat ini dan
pengadopsiannya.
j. Mengelola pengembangan produk
b. CBO (Chief Brand Officer)
Merupakan orang yang bertanggung jawab mengembangkan
strategi pemasaran perusahaan. CBO meliputi, legal,
kehumasan, riset pasar dan pencitraan. CBO bertanggung jawab
menciptakan “wajah” perusahaan didepan pihak luar. Tanggung
jawab CBO meliputi:
a. Mengembangkan strategi pemasaran
b. Melaksanakan riset pasar
c. Pencitraan
d. Menciptakan kampanye kehumasan
e. Mengatur perusahaan
f. Bertindak sebagai penghubung antara karyawan dan CEO
g. Mengatur bisnis inti
c. Account Loyalty Strategist
Account Loyalty Strategist adalah orang yang bertanggung
jawab untuk memastikan hubungan antara customer dan
perusahaan berjalan dengan baik dan berkelanjutan. Fungsi ini
memiliki tanggung jawab untuk menjaga agar customer tidak
berpindah pada produk serupa di perusahaan lain. Customer di

10
berikan pelayanan kelas satu yang akan menjadikan
meningkatnya kenyamanan customer dalam menggunakan
product. Peningkatan taraf kenyamanan yang di terima oleh
customer dapat berasal dari berbagai aspek seperti :
a. Apakah product tersebut dapat mengatasi masalah
customer ?
b. Bagaimana fitur dalam product itu dapat dengan mudah
di gunakan?
c. Seberapa lama respon yang di berikan pada keluhan
customer ?
d. Sales Representatif
Sales Representatif adalah orang yang bertanggung jawab
untuk menjual product kepada customer. Sales representative
bekerja dengan cara berkomunikasi dengan customer secara
langsung dengan menggunakan metode tatap muka atau
komunikasi melalui panggilan telpon. Tujuan dari sales
representative yaitu :
a. Menemukan keinginan customer
b. Memberikan solusi dari permasalahan customer
c. Memastikan penjualan product berjalan lancar
d. Menemukan pangsa pasar baru

11
 e. Content Marketing
Content marketing adalah orang yang melaksanakan
strategi pemasaran dimana content marketing akan
merencanakan, membuat, dan mendistribusikan konten yang
mampu menarik audiens yang sesuai dengan sasaran pasar, dan
kemudian mendorong mereka menjadi customer [ CITATION
Dar19 \l 1057 ]. Cara yang digunakan untuk melaksanakan
tugasnya adalah dengan cara:
a. Meletakkan gambar atau video di social media sebagai
pmberitahuan tentang fitur pada product
b. Memasang artikel yang terkait dengan product pada
sebuah blog.
f. Web Development
Web development adalah orang-orang yang bertanggung
jawab dalam pengembangan dan pembangunan product web yang
di tawarkan oleh perusahaan. Web development mendapat
informasi tentang pengembangan yang harus di lakukan atau fitur
yang harus di perbaiki dari informasi yang di dapat oleh Sales
representative.

12
2.4 Lokasi Perusahaan
PT. Teknologi Media Medika beralamat di Jalan Palaraya
No. 325, Sidomulyo Timur, Marpoyan Damai, Kota Pekanbaru,
Riau 28294.

Gambar 2. 2 Lokasi Perusahaan

2.5 Produk PT. Teknologi Media Medika

PT. Teknologi Media Medika memiliki 2 produk utama

yaitu Medicaboo yang bermain di platform android sebagai
aplikasi bagi pasien dan Assist.id yang memakai platform website
yang di gunakan sebagai sistem management di rumah sakit.
2.5.1 Medicaboo
Medicaboo adalah aplikasi di dalam platform android yang
memiliki fungsi sebagai alat bantu calon pasien untuk
mempermudah mendapatkan layanan pada sebuah rumah sakit
atau dari sebuah Fasilitas kesehatan. Nama Medicaboo
terinspirasi dari sebuah kalimat “Peekaboo, I found you.” yang

13
digunakan pada permainan petak umpet anak-anak. Dengan
alasan tersebut, melalui Medicaboo diharapkan masyarakat juga
bisa menemukan tempat dan jenis layanan kesehatan yang sesuai
dengan kebutuhannya. Aplikasi Medicaboo dapat diakses melalui
website Medicaboo.com dan aplikasi mobile yang dapat diunduh
melalui Google Play Store. Disamping itu, Medicaboo
menggunakan sistem pembayaran yang aman dengan berbagai
metode pembayaran, pengalaman pengguna yang mudah, 24 jam
customer service dan juga berbagai promo menarik. Pada aplikasi
Medicaboo memiliki 3 fitur utama, yaitu :
2.5.1.1 Health Places & Doctor Directories

Gambar 2. 3 Website Medicaboo

Dengan Medicaboo, masyarakat dapat mencari

tempat layanan kesehatan dan dokter dengan mudah
dimana saja kapan saja. Masyarakat dapat mencari dokter
berdasarkan tempat, mulai dari kota, kecamatan, provinsi,

14
nama tempat, hingga posisi terdekat anda menggunakan
GPS, dan juga dapat mencari dokter berdasarkan nama
dokter atau spesialisasinya.
2.5.1.2 Online Doctor Appointment
Medicaboo memiliki layanan sistem informasi
yang dapat memudahkan masyarakat untuk membuat
janji konsultasi secara online dengan tempat layanan
kesehatan dan dokter, disebut juga Doctor Appointment.
Proses ini dapat dilakukan melalui aplikasi mobile
ataupun website Medicaboo.com kapan saja dan dimana
saja. Fitur ini hanya dapat di gunakan oleh user yang
sudah melakukan registrasi pembuatan akun dan sudah
memiliki akun untuk aplikasi Medicaboo.

Gambar 2. 4 Proses booking dokter

Dengan adanya fitur ini, pasien akan

mendapatkan pengalaman yang sangat berkesan.
Pencarian dan pemesanan dokter secara tradisional
merupakan metode yang tidak efisien dibandingkan

15
 Medicaboo yang dapat mempersingkat dan
mempermudah waktu booking pasien. Selain itu,
Medicaboo juga menawarkan banyak pilihan dokter,
Klinik, dan Rumah Sakit di Medicaboo Direktori. Rumah
Sakit / Klinik dapat menggunakan fitur ini dengan
aplikasi Assist.id.
2.5.1.3 Hospital Inpatient Room Book

Gambar 2. 5 Aplikasi mobile Medicaboo

Medicaboo memiliki layanan sistem informasi

booking yang dapat mempermudah pasien untuk memesan
kamar rawat inap yang di butuhkan. Proses yang harus di
lakukan untuk melakukan booking kamar rawat inap adalah
dengan memiliki akun terlebih dahulu, setelah itu pengguna
akan melakukan pencarian berdasarkan kelas kamar rawat
inap yang di gunakan dan juga pemilihan lokasi pengguna
ingin melakukan booking.

16
2.5.2 Assist.id

Gambar 2. 6 Sistem Landing Page Assist.id

Assists.id memberikan fitur yang menjadikan pekerjaan

pengaturan keseluruhan seluruh proses yang di lakukan oleh para
perawat dan dokter di sebuah Fasilitas kesehatan menjadi lebih
murah. Fitur-fitur yang ada pada software management pada
assist.id meliputi pendaftaran pasien pada bagian administrasi,

17
kemudian pencatatan rekam medis pada saat pemeriksaan, dan
berakhir pada pemberian catatan obat yang akan di terima oleh
pasien dari apotik. Berikut adalah fitur – fitur yang ada pada
Assist.id:
2.5.2.1 Pendaftaran Pasien
Pada fitur pendaftaran pasien sistem akan
menyimpan seluruh data diri pasien. Data pasien yang di
simpan pada saat pendaftaran meliputi data diri dan
riwayat penyakit. Riwayat penyakit yang di masukan
kedalam sisten management ini yaitu penyakit apa yang
sedang di rasakan dan juga pernah mengalami penyakit
apa saja. Salah satu contohnya seorang yang sedang
menderita penyakit lambung yang masih belum parah tapi
iya ingin berobat ke dokter gigi, dengan data ini dokter
dapat menentukan apa saja yang dapat di berikan pada si
pasien agar dapat menyelesaikan masalah gigi yang
sedang di deritanya.
2.5.2.2 Pencatatan Rekam Medis
Pada fitur pencatatan rekam medis dokter akan di
permudah dengan pencatatan penenganan medis yang di
lakukan untuk pasien. Pencatatan rekam medisnya
meliputi tanggal dan waktu pemeriksaan, diagnosa yang
dilakukan, terapi yang di berikan dan juga menyangkut
obat yang akan di berikan. Fitur ini juga menyediakan
stiap aspek pendukung dari semua spesialis dokter, ini

18
karena setiap spesialis memilik beberapa perbedaan dalam
diagnosa yang dilakukan. Contohnya, jika pemerikasanaan
di lakukan oleh dokter spesialis gigi, diagnosa yang di
lakukan juga akan di catatkan ke odontogram. Pada
odontogram diagnosa akan di catatkan gigi mana saja yang
mengalami kerusakan, setelah itu di setiap gigi yang rusak
akan di catatankan kerusakan apa yang di alami oleh gigi
tersebut.
2.5.2.3 Pencatatan resep obat
Pada fitur pencatatan obat memudahkan dokter
untuk meneruskan resep obat apa saja dan berapa dosis
yang akan diterima oleh pasien. Resep obat akan di
teruskan dari dokter yang melakukan peraktek kepada
bagian apoteker secara otomatis melalui assist.id. Resep
obat ini tidak di ketik secara manual oleh dokter yang
melakukan peraktik tapi, dokter ini tinggal memilih dari
direktori yang di sediakan dan mengetikan seberapa
banyak pasien tersebut akan mendapatkan obatnya.

19
 BAB III
LANDASAN TEORI

3.1 Sistem

Menurut [CITATION McL07 \t \l 1033 ] sistem adalah

sebagai berikut: “A system is a group of elements that are
integrated with the common porpose of achieving an objective”.
Sistem adalah sekelompok elemen yang terintegritasi dengan
maksud yang sama untuk mencapai suatu tujuan.

3.2 Landing Page

Menurut [ CITATION Zul19 \l 1033 ], landing page

merupakan salah satu visualisasi dimana pengguna internet
terutama pada website dapat menarik pengunjung lebih nyaman
dan melakukan konversi penjualan maupun indeksasi dengan
website penjual.

3.3 NodeJS

Menurut [ CITATION Faj17 \l 1033 ], Node.JS adalah

sistem perangkat lunak yang didesain untuk pengembangan
aplikasi web. Node.JS dapat juga disebut sebagai runtime
environment. Aplikasi ini ditulis dalam campuran Bahasa C++
dan juga JavaScript, mempunyai model event driven (basis event)
dan asynchrounous I/O. Tidak seperti kebanyakan bahasa
JavaScript yang dijalankan pada web browser, Node.JS

20
dieksekusi sebagai aplikasi server.Node.JS dapat berjalan di
server karena dukungan dari V8 Engine buatan Google dan
beberapa modul bawaan yang terintegrasi seperti modul http,
modul filesystem, modul security dan beberapa modul penting
lainnya.

3.4 ExpressJS

ExpressJS merupakan framework minimal yang sangat

fleksibel. ExpressJS dapat digunakan untuk membuat web server
HTML, server file statik, aplikasi chat, search engine, social
media, layanan web dengan akses melalui REST API atau
aplikasi hybrid, yaitu pengguna yang mempunyai akses melalui
REST API juga mempunyai akses ke HTML page.[ CITATION
San20 \l 1033 ]

3.5 MongoDB

MongoDB merupaan salah satu jenis database NoSQL,

yang merupakan sebuah konsep penyimpanan non-relational
data. Ada empat metode berbeda yang dipakai oleh database
jenis ini untuk menyimpan data, yaitu key-value, big table,
document-oriented, dan graph. Metode yang dipakai oleh
MongoDB adalah document-oriented yang menyimpan dokumen
seperti JavaScript Object Notation (JSON)[ CITATION Tiw11 \l
1033 ].

21
 Ada enam konsep dasar yang perlu diketahui mengenai
MongoDB, yaitu sebagai berikut: (1) MongoDB memiliki konsep
yang sama dengan database pada umumnya seperti MySQL dan
Windows SQL Server. MongoDB dapat memiliki nol atau lebih
database. (2) Sebuah database dapat memiliki nol atau lebih
collection yang dapat disetarakan dengan table pada database
umumnya. (3) Sebuah collection terdiri dari nol atau lebih
dokumen yang dapat disetarakan dengan baris pada database
umumnya. (4) Sebuah dokumen terdiri dari satu atau lebih fields
yang dapat disetarakan dengan kolom pada database umumnya.
(5) MongoDB memiliki indeks yang memiliki fungsi sama seperti
indeks pada database umumnya. (6) Data dari MongoDB akan
dikembalikan dalam bentuk kursor

22
 BAB IV
PEMBAHASAN

I.

4.1 Kegiatan Kerja Praktik

Kegiatan yang dilakukan secara umum selama

melaksanakan kerja praktik di Assist.id yaitu:
1. Perkenalan dengan pegawai di Assist.id
Kegiatan perkenalan diri ini dilakukan pada hari pertama
kerja praktik. Kegiatan ini dilakukan agar antara
mahasiswa dan pegawai yang bekerja di PT. Teknologi
Media Medika saling mengenal.
2. Mempelajari NodeJS.
3. Membangun operasi Create, Read, Update, and Delete
(CRUD) mengunakan NodeJS dengan menggunakan
Framework ExpressJS dan online database dummy.
4. Mempelajari ReactJS dan Material UI.
5. Membangun operasi Create, Read, Update, and Delete
(CRUD) mengunakan NodeJS menggunakan Framework
ReactJS dan API.
6. Membangun Sistem Pendataan Sekolah dengan operasi
Create, Read, Update, and Delete (CRUD) mengunakan
ReactJS dan MongoDB.

23
 7. Memperbaharui tampilan halaman Product pada sistem
landing page Assist.id.
8. Memperbaharui tampilan halaman Klinik Hemodialisis.
Berikut Gambar 4.1 merupakan tampilan halaman Klinik
Hemodialisis bagian fitur Bantuan. Pada halaman ini yang
diperbaharui adalah mengarahkan tiap button Demo Gratis
(seperti Gambar 4.1) ke fitur form Demo Kelola Klinik (pada
Gambar 4.2).

Gambar 4. 1 Halaman Klinik Hemodialisis Fitur Bantuan

Berikut Gambar 4.2 yang merupakan tampilan fitur Form

Demo Kelola Klinik pada halaman Klinik Hemodialisis.

Gambar 4. 2 Halaman Klinik Hemodialisis Fitur Form Demo

24
 9. Memperbaharui form pendaftaran pada sistem landing
page Assist.id.
Berikut Gambar 4.3 merupakan tampilan halaman Form
Pendaftaran. Pada halaman ini yang diperbaharui adalah pilihan
dropdown list pada bagian Pilih Varian Produk pada sesuai desain
tampilan terbaru sistem landing page Assist.id.

Gambar 4. 3 Halaman Form Pendaftaran

10. Memperbaharui tampilan halaman Beranda pada sistem

landing page Assist.id.
Berikut Gambar 4.4 yang merupakan tampilan halaman
Beranda sistem landing page Assist.id. Bagian yang diperbaharui
adalah bagian header yang diubah menjadi header versi terbaru.

25
 Gambar 4. 4 Halaman Beranda (Header)

Berikut Gambar 4.5 yang merupakan tampilan halaman

Beranda fitur Membantu Operasional Klinik Lebih Mudah. Yang
diperbaharui pada bagian ini yaitu isi dan posisi konten
disesuaikan dengan desain terbaru sistem landing page Assist.id.

Gambar 4. 5 Halaman Beranda

Berikut Gambar 4.6 merupakan tampilan halaman

Beranda fitur Mudah Kelola Klinik dan Apotek. Pada bagian ini
yang diperbaharui yaitu pengaturan posisi konten yang sesuai
dengan desain terbaru sistem landing page Assist.id.

Gambar 4. 6 Halaman Beranda

Berikut Gambar 4.7 merupakan tampilan fitur ebook pada

halaman Beranda. Pada bagian ini dibuat button Download Ebook
dan diarahkan pada link download.

26
 Gambar 4. 7 Halaman Beranda (Download Ebook)

Berikut Gambar 4.8 yang merupakan tampilan bagian

footer pada halaman Beranda. Yang diperbaharui adalah bagian
footer yang diubah menjadi versi terbaru.

Gambar 4. 8 Halaman Beranda (Footer)

11. Memperbaharui tampilan mobile halaman Beranda pada

sistem landing page Assist.id.

Berikut Gambar 4.9 hingga Gambar 4.11 merupakan

tampilan mobile halaman Beranda. Yang diperbaharui pada
bagian ini adalah menyesuaikan posisi konten agar dapat
responsive terhadap tiap ukuran device yang digunakan. Pada
gambar ini merupakan tampilan pada device iPhone 6/7/8.

27
 Gambar 4. 9 Halaman Beranda (Mobile)

Gambar 4. 10 Halaman Beranda (Mobile – Download Ebook)

28
 Gambar 4. 11 Halaman Beranda (Mobile)

4.2 Pengembangan Aplikasi

Berikut ini adalah hasil pembaharuan halaman Produk

pada sistem landing page Assist.id :

4.2.1 Use Case Diagram

Berikut pada Gambar 4.12 digambarkan use case
diagram pada halaman Produk sistem landing page Assist.id.

29
 Gambar 4. 12 Use Case Diagram Menu Produk

4.2.2 Use Case Scenario

Skenario use case merupakan alur jalannya suatu proses
use case dari sisi aktor dan sistem. Berdasarkan use case
diagram, maka skenario use case yang menjelaskan hal-hal apa
saja yang dapat dilakukan oleh aktor dan sistem pada Menu
Produk Sistem Landing Page Assist.id adalah sebagai berikut :

1) Skenario Membuka tiap halaman menu Produk

Nama Use Case : Membuka tiap halaman menu Produk
Aktor : User
Pre Kondisi : User berada pada sistem Landing Page
Post Kondisi : User dapat membuka informasi tiap
halaman menu Produk

30
 Tabel 4. 1 Skenario Membuka tiap halaman menu Produk
Aksi Aktor Reaksi Sistem
1. Klik menu Produk
2. Menampilkan dropdown
list menu Produk
3. Klik tab salah satu menu
Produk
4. Mengalihkan ke halaman
menu yang dipilih

2) Skenario Melihat fitur-fitur pada tiap halaman menu

Produk
Nama Use Case : Melihat fitur-fitur pada tiap halaman
menu Produk
Aktor : User
Pre Kondisi : User berada pada salah satu menu
Produk
Post Kondisi : User melihat semua fitur menu Produk
Tabel 4. 2 Skenario Melihat fitur-fitur pada tiap halaman menu Produk
Aksi Aktor Reaksi Sistem
1. Scroll down halaman menu
Produk yang dipilih
2. Menampilkan fitur menu
Produk yang dipilih

3) Skenario Input data pada form Demo Kelola Klinik

Nama Use Case : Input data pada form Demo Kelola

31
 Klinik
Aktor : User
Pre Kondisi : User berada pada salah satu menu
Produk
Post Kondisi : User berhasil mengisi form Demo
Tabel 4. 3 Skenario Input data pada form Demo Kelola Klinik
Aksi Aktor Reaksi Sistem
1. Klik button Daftar
Sekarang
2. Mengarahkan ke fitur
Demo Kelola Klinik
3. Mengisi data pada form
Demo Kelola Klinik
4. Klik button Demo Gratis
5. Menyimpan data Demo
Kelola Klinik

4.3 Hasil Pembaharuan Sistem

Adapun hasil dari perbaharuan pada halaman Produk
sistem Landing Page Assist.id dilihat dalam bentuk screenshot
tampilan dibawah ini.
Berikut Gambar 4.13 merupakan tampilan halaman Menu
Clinica. Clinica merupakan produk Assist.id untuk fasilitas
kesehatan klinik. Produk Clinica ini terbagi menjadi 3, yaitu
Clinica For Starters, Clinica dan Clinica Pro. Pada bagian ini
ditampilkan fitur submenu pada menu Clinica.

32
 Gambar 4. 13 Halaman Menu Clinica

Berikut Gambar 4.14 yang merupakan tampilan halaman

menu Clinica fitur konten penjelasan Clinica.

Gambar 4. 14 Halaman Menu Clinica

33
 Gambar 4.15 berikut merupakan tampilan halaman Menu
Clinica fitur Form Demo Kelola Klinik.

Gambar 4. 15 Form Demo Kelola Klinik Menu Clinica

Berikut Gambar 4.16 yang merupakan tampilan halaman

menu Hospita. Hospita merupakan produk Assist.id untuk
fasilitas kesehatan rumah sakit.

Gambar 4. 16 Halaman Menu Hospita

34
 Gambar 4.17 berikut merupakan tampilan halaman Menu
Hospita fitur Form Demo Kelola Klinik.

Gambar 4. 17 Fitur Kelola Klinik Lebih Mudah Menu Hospita

Berikut Gambar 4.18 yang merupakan tampilan halaman

menu Privata. Privata merupakan produk Assist.id untuk fasilitas
kesehatan praktek dokter mandiri dan bidan.

Gambar 4. 18 Halaman Menu Privata

35
 Gambar 4.19 berikut merupakan tampilan halaman Menu
Privata fitur Form Demo Kelola Klinik.

Gambar 4. 19 Form Demo Kelola Klinik Menu Privata

Berikut Gambar 4.20 merupakan tampilan halaman Menu

Schedula. Schedula merupakan produk Assist.id untuk fasilitas
kesehatan klinik dan dokter pribadi, namun untuk penjadwalan
pasien.

Gambar 4. 20 Halaman Menu Schedula

36
 Gambar 4.21 berikut merupakan tampilan halaman Menu
Schedula fitur Form Demo Kelola Klinik.

Gambar 4. 21 Form Demo Kelola Klinik Menu Schedula

Berikut Gambar 4.22 yang merupakan tampilan halaman

Menu Pharma. Pharma merupakan produk Assist.id untuk
fasilitas kesehatan apotik.

Gambar 4. 22 Halaman Menu Pharma

37
 Gambar 4.23 berikut merupakan tampilan halaman Menu
Pharma fitur Form Demo Kelola Klinik.

Gambar 4. 23 Form Demo Kelola Klinik Menu Pharma

38
 BAB V
KESIMPULAN DAN SARAN

5.1 Kesimpulan

Selama melakukan kerja praktek di Assist.id, terdapat

beberapa kesimpulan yang dapat diambil oleh mahasiswa.
Beberapa kesimpulan tersebut diantaranya adalah :
1. Pembaharuan Tampilan Halaman Menu Produk pada
Sistem Landing Page Assist.id dapat membantu pihak
Assist.id dalam mempromosikan produk Assist.id kepada
customer. Hal ini dibuktikan dengan dilakukannya diskusi
mengenai pembaharuan sistem.
2. Setelah melakukan kerja praktek di Assist.id dan berhasil
memperbaharui halaman menu Produk Assist.id, maka
dapat disimpulkan bahwa ilmu yang didapatkan oleh
mahasiswa selama proses perkuliahan sudah dapat
diterapkan dalam dunia kerja nyata.

5.2 Saran

Adapun saran yang dapat membangun untuk sistem ini

adalah diharapkan dilakukannya penyaringan konten pada sistem
landing page agar sistem tidak berjalan terlalu berat saat diakses.

39
 DAFTAR PUSTAKA

Fajrin, R. (2017). Pengembangan Sistem Informasi Geografis

Berbasis Node.JS untuk Pemetaan Mesin dan Tracking
Engineer dengan Pemanfaatan Geolocation pada PT.
IBM Indonesia, 41.
McLeod, R., & Schell, G. P. (2007). Management Information
Systems. Upper Saddle River: Pearson/Prentice Hall.
Sanjaya, E., & Bakri, M. (2020). Jurnal Informatika dan Rekayasa
Perangkat Lunak. Analisis Implementasi Metode Sprint
dalam Pengembangan Aplikasi Multiplatform.
Soedaryono. (2006). Tata Laksana Kantor. Jakarta: Bumi Aksara.
Zulkarnaen, A. A. (2019). Pengembangan Web Landing Page
CMS Wordpress dengan Plugin Thrive Architect pada Acara
Entrepreneur Gathering 5

40
Lampiran I : Logbook Bimbingan

41
Lampiran II : Logbook Kehadiran Kerja Praktik

42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
Lampiran III : Dokumentasi Kegiatan Kerja Praktik

58
59