PERANCANGAN SISTEM E-HEALTH “ESA CARE” BERBASIS

ANDROID

Diajukan Untuk Memenuhi Persyaratan Mata Kuliah Pemrograman Mobile Pada Program
Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Esa Unggul

Disusun Oleh :

1. Tony Afriyanto 20180801323

2. Aulia Alfina R 20180801369
3. Regina Indah C 20180801384

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS ESA UNGGUL
JAKARTA
2022
 BAGIAN I

1.1 KONSEP OVERVIEW PROJECT

Industri jasa merupakan sebuah sektor yang dibutuhkan masyarakat untuk

memenuhi kehidupannya. Salah satu contoh sektor dari industri jasa yang perlu
ditingkatkan yaitu layanan kesehatan misalnya seperti rumah sakit. Rumah sakit
ini merupakan tempat yang biasa dikunjungi oleh masyarakat untuk berobat .
Maka dari itu rumah sakit ini penting untuk ditingkatkan agar sektor layanan
kesehatan di Indonesia ini semakin baik. Salah satu masalah layanan kesehatan
yang ada di masyarakat yaitu sulitnya mendapatkan layanan Kesehatan.
Hal tersebut dikarenakan jarak atau aksesbilitas layanan kesehatan (Irawpan &
Ainy, 2018). Seorang pasien terkadang tidak ingin mengunjungi tempat layanan
kesehatan jika akses ke lokasi layanan kesehatan jauh. Dengan begitu maka
diperlukan suatu cara agar seorang pasien dapat mendapatkan layanan kesehatan
walaupun tempat tinggalnya jauh dengan tempat layanan kesehatan. Salah satu
hal yang dapat mengatasi masalah diatas yaitu adanya layanan kesehatan berbasis
elektronik atau bisa disebut E-health. E-Health merupakan aplikasi berbasis
Teknologi Informasi dan Komunikasi (salah satunya yaitu aplikasi software) yang
berkaitan dengan industri pelayanan kesehatan serta bertujuan untuk
meningkatkan akses, efisiensi, efektivitas, serta kualitas proses medis. Nantinya
pada aplikasi yang dirancang ini, User hanya Perlu mendaftar pada aplikasi dan
memberikan data pribadi maka otomatis sistem akan memberikan data rumah
sakit yang dekat dari jangkauan user, serta pemberitahuan jadwal praktek dokter
, sistem juga dapat memberikan nomor antrian dan pendaftaran dan sudah
terhubung ke dalam system rumah sakit yang nanti nya user hanya perlu datang
pada jam praktek dokter dan menunggu nomor antrian saja.

1.2 FUNCTIONAL REQUIREMENT

Analisis kebutuhan fungsional merupakan gambaran dari proses-proses mengenai

sistem yang berjalan pada sistem antrian pasien ini. Pada dasarnya, ada tiga hal
yang dikerjakan sistem ini, menerima masukan, mengolah masukan dan
mengeluarkan respon hasil pengolahan.
 No. Pengguna Akses Sistem

1. User -Dapat melihat tampilan

awal.

-Dapat membuat akun.

-Login.

-Dapat memasukan
rawat pengguna.

-Dapat melihat saran

pengelolaan hidup sehat.

-Dapat menerima
notifikasi setiap hari.

-Logout

1.3 NON FUNCTIONAL REQUIREMENT

Analisis kebutuhan non fungsional dibagi menjadi dua, yaitu analisis kebutuhan
perangkat lunak dan analisis kebutuhan perangkat keras. Analisis perangkat keras
bertujuan untuk memudahkan proses perancangan dan implementasi dalam
pembangunan sistem ini.

A. Analisis Kebutuhan Perangkat Lunak Analisis ini dibutuhkan untuk

mengetahui spesifikasi minimum yang di butuhkan untuk membangun
sebuah software.

No. Software pendukung

1. Sistem Operasi Windows 10 Pro 64-bit
2. Android Studio
3. XAMPP
4. MySQL
5. PHPMyAdmin
6. JDK (Java Development Kit)
7. SDK (Software Development Kit)

B. Analisis Kebutuhan Perangkat Keras Kebutuhan spesifikasi minimum perangkat

keras mobile yang dibutuhkan oleh pengguna untuk menjalankan aplikasi dapat
 dilihat pada Tabel dibawah ini :

No. Perangkat Disarankan

1. Prosessor Smartphone 1,2 GHz
2. RAM 2 GB
3. ROM 16 GB
4. Sistem Operasi Minimum Kitkat 4.4

1.4 TABEL PENGERJAAN PROJECT & JOBDESK ANGGOTA

WAKTU PENGERJAAN
NO. URAIAN PEKERJAAN KETERANGAN
KAMIS JUMAT SABTU MINGGU
1 MENCARI REFERENSI
2 MERANCANG PROSES SISTEM
3 MEMBUAT RANCANGAN UI
JOBDESK ANGGOTA
NO. NAMA PEKERJAAN
1 TONY AFRIYANTO MERANCANGAN UI
2 AULIA ALFINA RAHMADANTI MERANCANG PROSES SISTEM
3 REGINA INDAH CAHYANI MERANCANG PROSES SISTEM
 BAGIAN II

2.1 ACTIVITY DIAGRAM

2.2 CLASS DIAGRAM

2.3 USE CASE

2.4 DEPLOYMENT
 BAGIAN III

1.1 Perancangan Antarmuka (Interface)

Perancangan antarmuka merupakan aspek penting dalam perancangan aplikasi,
karena berhubungan dengan tampilan dan interaksi yang memudahkan user
dalam menggunakannya. Adapun rancangan antarmuka pada sistem ini sebagai
berikut:

1.3.1 Perancangan Antarmuka Pengguna (Splash Screen)

Gambar IV.6 Splash Screen

Merupakan tampilan pertama program yang muncul sementara sebelum masuk

ke menu utama. Splash screen pada aplikasi pengelolaan hidup sehat terlihat
seperti gambar di atas.

1.3.2 Perancangan Antarmuka Menu Login

Gambar IV.7 Antarmuka Menu Login

Merupakan tampilan untuk masuk ke dalam aplikasi. Pada menu login ini,
terdapat dua pilihan. Apabila belum memiliki akun maka harus membuat akun
terlebih dahulu dengan memilih tombol daftar, tapi jika sudah memiliki akun
maka bisa langsung memilih tombol masuk. Menu tampilan menu login terlihat
seperti gambar di atas.

Gambar IV.8 Antarmuka Menu Login

Merupakan tampilan untuk masuk ke dalam aplikasi. Pada menu login ini,
terdapat dua pilihan. Apabila belum memiliki akun maka harus membuat akun
terlebih dahulu dengan memilih tombol daftar, tapi jika sudah memiliki akun
maka bisa langsung memilih tombol masuk. Menu tampilan menu login terlihat
seperti gambar di atas.

1.3.3 Tampilan register

Gambar IV.9 Tampilan Register

Jika belum memiliki akun dan memilih tombol daftar, maka pengguna harus
mengisi data terlebih dahulu, seperti username, email, password, dan nomor
handphone. Datatersebut berguna untuk mengetahui data pengguna dan dapat
digunakan untuk melakukan login. Email berguna saat pengguna melupakan kata
sandi. Nomor handphone berguna agar akun lebih aman. Tampilan antarmuka
menu login untuk mendaftarkan akun pengguna terlihat seperti gambar di atas.

1.3.4 Tampilan Antar Muka Homescree

Gambar IV.10 Tampilan Antar Muka Homescreen

Menu beranda adalah menu yang tampil setelah pengguna menginput riwayat di
halaman sebelumnya. Pada menu beranda, terdapat tiga pilihan untuk pengguna
yaitu kolesterol, asam urat dan gula darah. Setiap pilihan akan menampilkan data
sesuai masingmasing kategori. Data tersebut diperoleh dari riwayat yang telah
diinput sebelumnya. Selain itu, pada menu beranda juga terdapat simbol garis
datar bersusun tiga pada sudut kiri atas. Simbol tersebut untuk menampilkan side
menu yang berfungsi untuk menampilkan beberapa informasi. Selain itu juga
terdapat menu notifikasi di sudut kanan atas yang akan menampilkan menu
makanan bergizi bagi pengguna.
 Gambar IV.11 Tampilan Antar Muka Homescreen

Selanjutnya, setelah pengguna memilih salah satu kategori, maka akan muncul
data-data pola hidup sehat sesuai dengan riwayat pengguna. Jika kolesterolnya
tinggi, maka akan muncul daftar makanan yang baikdikonsumsi dan yang ku rang
baik dikonsumsi. tersebut akan berbentuk tabel dengan kategori yang berbeda-
beda setiap jenis makanannya serta jenis olahraga yang dianjurkan. Ataupun jika
kolesterol rendah maupun normal akan memunculkan jenis makanan dan
olahraga yang sesuai dengan pengguna. Begitupun dengan asam urat dan gula
darah. Data-data ini sangat berguna bagi pengguna untuk melakukan pola hidup
sehat.
1.3.5 Rancangan Slide menu

Gambar IV.12 Rancangan Slide Menu

Side menu merupakan satu komponen menu pilihan pada pengembangan aplikasi
android yang akan tampil ketika pengguna menekan tombol menu pada perangkat
android. Side menu digunakan untuk membantu pengguna menampilkan menu
pada fitur-fitur yang tersemat pada aplikasi Android. Adapun side menu pada
aplikasi ini berisi Menu Beranda seperti yang sudah dijelaskan sebelumnya,
Menu Kolesterol untuk info tentang kadar kolesterol normal, tinggi dan rendah.
Menu Asam Urat untuk mengetahui kadar asam urat yang normal, tinggi dan
rendah. Menu Gula Darah untuk mengetahui kadar gula darah yang normal, tinggi
dan rendah. Menu Perbaharui Riwayat untuk memperbaharui riwayat pengguna
jika ada perubahankadar55 kolesterol, asam urat dan gula darah. Menu terakhir
adalah Menu Keluar untuk pengguna yang ingin mengeluarkan akunnya. Adapun
tampilan menu side seperti gambar di atas
 1.3.6 Notifikasi

Gambar IV.13 Tampilan Antar Muka Notifikasi

Notifikasi adalah pesan yang ditampilkan aplikasi kepada pengguna berupainformasi

terkini. Pada antarmuka notifikasi aplikasi pengelolaan hidup sehat, terdapat beberapa
pemberitahuan tentang menu makanan yang sehat sesuai dengan riwayat pengguna.
menu makanan sehat tersebut terdiri atas 3 kategori yaitu menu makanan sehat untuk
kolesterol, asam urat dan gula darah. Notifikasi ini akan mucul seminggu sekali.

LINK FIGMA

https://www.figma.com/proto/KWCnN6hLj3wSrZsE7tq8pc/Esa-Care?page-
id=0%3A1&node-id=5%3A49&viewport=173%2C428%2C0.13&scaling=scale-
down&starting-point-node-id=5%3A7