Laporan Apsi

2019
SOFWARE DEVELOPMENT
PROJECT REPORT
<>
WAWAN TRIPIAWAN
TELKOM UNIVERSITY | School of Industrial Engineering| Project Management Profession Group

Software Development Project Report <Insurance HMS>
Submission Date : 9/05/2019 hour/minute/second

Advisor : Wawan Tripiawan
Group :7
Class : TI-40-12
Name Student ID Role Task Proportion Photo

Sinta Mulyani 1201164026 Project 20%
Dwi Putri Manager
Waskito Radar W. 1201164 Project Team 20%
I Gusti Ngurah 1201164 Project Team 20%

Agung B. P.
Putri Etrif Hanifa 1201164418 Project Team 20%
1
Aldi Rahmawan 1201164013 Project Team 20%
2
DAFTAR ISI
1 Business Case........................................................................................................................................ 4
1.1 Project Definition .......................................................................................................................... 4
1.2 Project Objective ........................................................................................................................... 5
1.3 System Definition ......................................................................................................................... 5
2 System Requirements............................................................................................................................ 6
2.1 System Function............................................................................................................................ 6
2.2 System Feature .............................................................................................................................. 6
2.3 Acceptance Criteria ....................................................................................................................... 7
2.4 System user level .......................................................................................................................... 7
3 System Design ...................................................................................................................................... 9
3.1 Business Requirements ................................................................................................................. 9
3.2 Database Design............................................................................................................................ 9
3.2.1 Data Objects ......................................................................................................................... 9
3.2.2 File and Database Structures ............................................................................................... 10
3.3 Use Case Diagram....................................................................................................................... 17
3.4 Activity Diagram ........................................................................................................................ 17
3.5 Sequence Diagram ...................................................................................................................... 18
4 Interface Design .................................................................................................................................. 19
4.1 Interface Architecture ................................................................................................................. 19
4.2 Interface Detailed Design............................................................................................................ 19
5 Source Code ........................................................................................................................................ 23
5.1 Provide Source Code................................................................................................................... 23
References .................................................................................................................................................. 36
3
1 Business Case
1.1 Project Definition
Rumah sakit adalah institusi pelayanan kesehatan yang menyelenggarakan pelayanan
kesehatan perorangan secara paripurna yang menyediakan pelayanan rawat inap, rawat jalan
dan gawat darurat menurut Menteri Kesehatan Republik Indonesia No.
340/MENKES/PER/III/2010.
Dari pengertian diatas, rumah sakit melakukan beberapa jenis pelayanan diantaranya
pelayanan medik, pelayanan penunjang medik, pelayanan perawatan, pelayanan rehabilitasi,
pencegahan dan peningkatan kesehatan, sebagai tempat pendidikan dan atau pelatihan medik
dan para medik, sebagai tempat penelitian dan pengembangan ilmu dan teknologi bidang
kesehatan.
Rumah sakit merupakan sebuah tempat dimana orang-orang datang untuk berobat dan
berkonsultasi tentang kesehatan, setiap waktunya pasti selalu adanya pasien yang datang ke
rumah sakit. Rumah sakit ini membutuhkan sebuah aplikasi layanan berbasi web yang dapat
memudahkan rumah sakit ini dalam mengelola data-data rumah sakit, dengan begitu rumah
sakit dapat meningkatkan efektif dan efisiensi kerja dari rumah sakit dan yang paling utama
yaitu meningkatkan kepuasan pasien.
Terdapat beberapa jenis rumah sakit antara lain:
1. Rumah sakit umum: biasanya merupakan fasilitas yang mudah ditemui di suatu negara,
dengan kapasitas rawat inap sangat besar untuk perawatan intensif ataupun jangka
panjang. Rumah sakit jenis ini juga dilengkapi dengan fasilitas bedah, bedah plastik,
ruang bersalin, laboratorium, dan sebagainya. Tetapi kelengkapan fasilitas ini bisa saja
bervariasi sesuai kemampuan penyelenggaranya.
2. Rumah sakit terspesialisasi: Jenis ini mencakup trauma center, rumah sakit anak,
rumah sakit manula, atau rumah sakit yang melayani kepentingan khusus seperti
psychiatric (psychiatric hospital), penyakit pernapasan, dan lain-lain. Rumah sakit bisa
terdiri atas gabungan atau pun hanya satu bangunan.
3. Rumah sakit penelitian/pendidikan: adalah rumah sakit umum yang terkait dengan
kegiatan penelitian dan pendidikan di fakultas kedokteran pada suatu
universitas/lembaga pendidikan tinggi. Biasanya rumah sakit ini dipakai untuk
4
pelatihan dokter-dokter muda, uji coba berbagai macam obat baru atau teknik
pengobatan baru. Rumah sakit ini diselenggarakan oleh pihak universitas/perguruan
tinggi sebagai salah satu wujud pengabdian masyararakat / Tri Dharma perguruan
tinggi.
4. Rumah sakit lembaga/perusahaan: Rumah sakit yang didirikan oleh suatu
lembaga/perusahaan untuk melayani pasien-pasien yang merupakan anggota lembaga
tersebut/karyawan perusahaan tersebut. Alasan pendirian bisa karena penyakit yang
berkaitan dengan kegiatan lembaga tersebut (misalnya rumah sakit militer, lapangan
udara), bentuk jaminan sosial/pengobatan gratis bagi karyawan, atau karena
letak/lokasi perusahaan yang terpencil/jauh dari rumah sakit umum. Biasanya rumah
sakit lembaga/perusahaan di Indonesia juga menerima pasien umum dan menyediakan
ruang gawat darurat untuk masyarakat umum.
5. Klinik: Fasilitas medis yang lebih kecil yang hanya melayani keluhan tertentu.
Biasanya dijalankan oleh Lembaga Swadaya Masyarakat atau dokter-dokter yang ingin
menjalankan praktik pribadi. Klinik biasanya hanya menerima rawat jalan. Bentuknya
bisa pula berupa kumpulan klinik yang disebut poliklinik.
1.2 Project Objective
Proyek ini bertujuan untuk memudahkan suatu entitas rumah sakit agar setiap bagian
bagian tugas yang dikerjakan di rumah sakit lebih terstruktur dan juga memudahkan pasien
melihat datanya lebih terperinci.
1.3 System Definition
Ide dari kelompok kami yaitu pada bagian asuransi dimana dibagian asuransi akan
terdapat nama pasien yang sudah memiliki asuransi dan dia termasuk asuransi apa dan
mendapatkan perawatan atau ruangan seperti apa sesuai asuransi yang sudah pasien buat
dengan pihak asuransi.
5
2 System Requirements
2.1 System Function
Aplikasi surat pengantar rujukan membantu para pegawai untuk melukan penginputan
data para peserta yang berdasarkan sistem datanya berada pada daerah asal. Dalam aplikasi
ini terdapat fungsi.
1. Menjaga kemanan surat karena Staff Pelayan dan Penanggung Jawab harus melakukan
login sebelum masuk ke aplikasi.
2. Mempermudah Staff Pelayanan dalam menginputkan data para peserta dari luar kota
pekanbaru yang akan melakukan kegiatan pengecekan kesehatan di kota pekanbaru.
3. Mempermudah dalam pengarsipan data, pada aplikasi ini Staff Pelayan dan Penanggung
Jawab dapat mengecek surat yang pernah keluar berdasarkan nomor surat atau nomor
kartu peserta dan akan ada laporan perbulan surat yang keluar.
4. Staff Pelayanan tidak perlu untuk bertatap muka kepada penanggung jawab saat
meminta tanda tangan, cukup dengan mengirim format surat melalui sistem.
2.2 System Feature
Alat bantu yang digunakan adalah OOAD , OOAD merupakan suatu pendekatan
rekayasa perangkat lunak dari sebuah sistem yang terdiri dari sekelompok objek yang saling
berinteraksi, dan setiap objek itu mewakili beberapa entitas. Yang ditandai dengan adanya
sebuah kelas, elemen data dan perilaku dari objek tersebut. Konsep OOAD mencakup
analisis dan desain sebuah sistem dengan pendekatan objek, yaitu analisis berorientasi objek
(OOA) dan desain berorientasi objek (OOD).
OOA (Object Oriented Analysis) adalah mengembangkan sederetan model yang

menggambarkan perangkat lunak komputer pada saat komputer itu bekerja untuk
memenuhi serangkaian persyaratan yang ditentukan oleh pelanggan. OOA membangun
metode multi-bagian untuk memenuhi sasaran tersebut. Hasil analisis berorientasi objek
adalah deskripsi dari apa sistem secara fungsional diperlukan untuk melakukan, dalam
bentuk sebuah model konseptual. OOD (Object Oriented Design) : Menurut Nugroho,
OOD adalah merancang kelas- kelas yang teridentifikasi selama tahap analisis dan antar
muka (user interface). Selama tahap ini kita mengidentifikasi dan menambah beberapa
objek dan kelas yang mendukung implementasi dari spesifikasi kebutuhan.UML (Unified
Modelling Language) : Unified Modelling Language (UML) adalah “bahasa” standar dalam
6
industri untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak. UML
merupakan sebuah standar untuk merancang model sebuah sistem. Dengan menggunakan
UML dapat membuat model untuk semua jenis aplikasi piranti lunak, dimana aplikasi
tersebut dapat berjalan pada piranti keras, sistem operasi dan jaringan apapun, serta ditulis
dalam bahasa pemrograman apapun. UML lebih cocok untuk penulisan piranti lunak dalam
bahasa bahasa berorientasi objek seperti C++, Java, C# atau VB.
2.3 Acceptance Criteria

Dari analisa yang telah didapat bahwa perusahaan memiliki beberapa kelebihan dan
kekurangan dalam proses yang sedang berjalan. Adapun kelebihan tersebut sebagai berikut
:
 Kelebihan
a. Tidak memerlukan biaya untuk membeli perangkat lunak yang akan

digunakan.
b. Tidak mengeluarkan biaya tambahan untuk membeli program/aplikasi yang
dibutuhkan.
c. Tidak memerlukan biaya dalam perawatan.
2.4 System user level

a. Administrator
Role ini memiliki kedudukan tertinggi di dalam hak akses wordpress. User ini bisa
memiliki akses semua fitur yang ada didalam WordPress, antara lain administrasi
plugin, manajemen user, manajemen artikel baik yang bersifat private maupun publik
(bisa berupa post maupun page), pengaturan theme, manajemen kategori, file dan media
yang diupload serta mampu memoderasi komentar.
b. Editor
Role yang berada dibawah administrator adalah editor. Hak akses yang dimiliki oleh
editor adalah melakukan segala bentuk administrasi semua artikel (bisa berupa post
maupun page), manajemen kategori, upload file/media serta melakukan moderasi
komentar. Akses yang TIDAK bisa dilakukan oleh editor adalah manajemen user,
plugin dan theme.
c. Author
7
Role setingkat dibawah Editor adalah Author, ia berhak mengatur manajemen

artikel (berjenis post) yang ditulisnya sendiri termasuk dapat mem-publish artikelnya
sendiri, serta berhak melakukan upload file. Bedanya dengan role Editor adalah, dia
tidak bisa melakukan moderasi komentar (meskipun komentar itu berada pada artikel
yang di postingnya sendiri).
d. Contributor
Role yang letaknya persis dibawah author hanya berhak untuk menulis artikel
(berjenis post) serta mengeditnya. Artikel yang bisa diedit, hanya artikel yang ditulis
oleh contributor itu sendiri. Artikel yang telah ditulis oleh contributor hanya bisa
dipublish oleh Level Administrator atau Level Editor, dengan kata lain contributor tidak
bisa mempublish tulisannya. Artikel yang telah di publish oleh Administrator atau
Editor tidak dapat diedit/dihapus lagi oleh contributor.
e. Subscriber
Role subscriber adalah level yang paling bawah dalam manajemen role WordPress.
Subscriber dapat membaca, dan memberikan komentar. Kelebihan subscriber
dibandingkan dengan pengunjung biasa (guest user) adalah, subscriber dapat membaca
post yang di “private” dan mengomentari post yang kolom komentarnya telah
dilimit/dibatasi atau dibuat ketentuan “Users must be registered and logged in to
comment” pada menu Discussion Settings. Oleh karena itu, manajemen user perlu
didesain dan diimplementasikan secara efektif untuk mempermudah pengendalian dan
monitoring pengaksesan aplikasi yang dilakukan oleh user. Aktifitas user selama
melakukan pengaksesan modul aplikasi perlu direkam agar memudahkan penelusuran
pertanggungjawaban apabila terjadi penyimpangan-penyimpangan didalam sistem.
Perekaman user name dan tanggal akses terhadap setiap record transaksi yang terjadi
pada setiap aplikasi yang dieksekusi pada proses pengendalian dan monitoring aktivitas
user dalam sistem informasi yang telah dibangun perlu dilakukan. Selain itu, untuk
keamanan data perlu dilakukan juga backup data secara periodik dan
berkesinambungan.
8
3 System Design
3.1 Business Requirements
a.
3.2 Database Design

3.2.1 Data Objects
Business Flow - Out-Patient Pre-Paid

Medical
Patient Insurance Counter Cashier Medical Record Dept. Nurse Station Doctor/Physician (Exam Room) Pharmacy
Support
OP1.1
Start Appointment
OP1.2
Registration Registration
OP1.3
Membership
Insurance
& Eligibility
payment?
Validation Y N
OP1.7
Y Issue New
New patient? Medical Record
File
OP1.5
OP1.4
OP1.8
Payment Invoicing N
Medical Record
File Delivery
OP1.1
OP1.6 OP1.9
0
Vital Sign Medical

Settlement
Examination Examination
OP1.1
1
Update Medical
Record
(Diagnosis)
OP1.1
2
Medical Y Refer to Medical
MS
support? Support
Need
prescription?
N
Y
N OP1.1
3
Y
Prescribe
OP1.1 Next visit? FM
Medicines
End
Bagian Counter akan menerima data-data pasien dan mengecek jadwal

Dokter yang diinginkan oleh pasien. Jika Dokter yang diinginkan tidak ada
dalam jadwal, maka Counter akan menyarankan untuk membuat janji terlebih
dahulu. Jika Dokter yang diinginkan ada, maka Counter akan menanyakan
pasien akan membayar cash atau menggunakan insurance. Jika insurance,
maka pihak asuransi akan mengecek keanggotaan pasien tersebut.
Pasien akan menerima slip konfirmasi asuransi dari bagian. Jika saldo
asuransi tidak mencukupi, maka Counter akan menyarankan pasien untuk
mengganti dengan kartu asuransi lain atau mengganti dengan cash. Jika pasien
baru, maka pasien akan dipersilakan mengisi formulir registrasi dan akan
didaftarkan oleh Counter, kemudian baru dicetakkan slip registrasi. Jika pasien
9
lama, maka counter akan mencari namanya dalam sistem lalu mencetak slip
registrasinya.
3.2.2 File and Database Structures
10
11
12
13
14
15
16
3.3 Use Case Diagram
View Dashboard
Menyerahkan
Kartu Asuransi Login View Pasien
Pasien
Keluarga Pasien Staff Pelayanan
Payemnt
View Insurance Categories
Acceptance Insurance
Admin
3.4 Activity Diagram
17
3.5 Sequence Diagram
Admin Interface Database Administrator
Admin Hospital
Login (Username,Password)
check (patient name,date)
Message_3
Display Dashboard System Login Succesful
18
4 Interface Design
4.1 Interface Architecture
Antarmuka (interfacing) adalah bagian dari disiplin ilmu komputer yang
mempelajari teknik-teknik menghubungkan komputer dengan peralatan elektronika
lainnya. Teknik yang dimaksud adalah desain antarmuka secara hardware (perangkat
keras) dan software (algoritma proses) melalui protokol komunikasi untuk melakukan
proses monitoring ataupun control pada piranti atau perangkat elektronik lainnya. atau
antarmuka merupakan hubungan komputer dengan perangkat keras eksternal untuk
keperluan pemrosesan berbasis komputer.
Desain antarmuka merupakan desain untuk komputer, peralatan, mesin,

perangkat komunikasi mobile, aplikasi perangkat lunak, dan situs web yang berfokus
pada pengalaman pengguna (User Experience) dan interaksi. Tujuannya adalah untuk
membuat interaksi pengguna sesederhana dan seefisien mungkin, dalam hal mencapai
tujuan pengguna atau apa yang sering disebut dengan user-centered design.
4.2 Interface Detailed Design

Dibawah ini merupakan tampilan awal dari aplikasi Hospital Management System :
Dapat dilihat dalam tampilan awal aplikasi, pengguna diharuskan untuk memasukkan
email dan password untuk dapat login. Jika pengguna lupa dengan password yang sudah
19
didaftarkan, dapat memilih atau klik pilihan I forgot my password, serta jika pengguna
ingin mendaftar atau membuat akun baru dapat registrasi pada pilihan Registes a new
membership. Setelah proses login, berikut merupakan tampilan dashboard dalam aplikasi
Hospital Management System :
Dalam tampilan tersebut terdapat beberapa pilihan berdasarkan dengan akun yang
login sebelumnya. Yang terlihat diatas terdapat pilihan patients, medicine, insurances,
impatient rooms, accountant. Dibawah ini merupakan tampilan pilihan patients, jika ingin
memasukkan data dari pasien :
20
Pengguna harus memasukkan data-data pasien terlebih dahulu seperti data nama
pasien, Id pasien, email, dan phone. Dalam tampilan ini, pengguna juga dapat merubah dan
menghapus data dari pasien.
Dalam pilihan Insurance, pengguna dapat memasukkan data asuransi apa yang
digunakan untuk melakukan pengobatan dan menentukan kategori pembayarannya dalam
pilihan insurance option.
Dapat dilihat dalam payment categories terdapat beberapa pilihan kategori

pembayaran, salah satu contohnya adalah full payment.
21
Lalu terdapat pilihan insurance allotments, yang didalamnya pengguna harus

memasukkan data seperti nama pasien, asuransi yang digunakan, nomor kartu asuransi
tersebut, kategori pembayaran, serta allotment date. Dalam tampilan ini pengguna juga
dapat merubah dan menghapus data yang telah dimasukkan.
Gambar diatas menunjukkan tampilan site map dari aplikasi ini, terdapat beberapa
pilihan untuk dilihat seperti dashboard, patients, insurance, edit profile.
22
Dalam aplikasi ini juga dapat merubah data pengguna dengan memilih atau klik
pilihan profile, serta dapat keluar dari akun tersebut dengan klik pilihan sign out.
Tampilan diatas merupakan tampilan ketika pengguna klik pilihan profile, terdapat
kolom nama, phone, email, serta password yang dapat dirubah oleh pengguna.
5 Source Code
5.1 Provide Source Code
<!DOCTYPE html>
<html>
23
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hospital Management System | Insurance</title>

<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-
scalable=no" name="viewport">

<link rel="stylesheet"
href="http://localhost:8080/asuransi/assets/template/back/bower_components/bootstrap/d
ist/css/bootstrap.min.css">

href="http://localhost:8080/asuransi/assets/template/back/bower_components/font-
awesome/css/font-awesome.min.css">

href="http://localhost:8080/asuransi/assets/template/back/bower_components/Ionicons/c
ss/ionicons.min.css">

href="http://localhost:8080/asuransi/assets/template/back/bower_components/jvectormap
/jquery-jvectormap.css">

href="http://localhost:8080/asuransi/assets/template/back/dist/css/AdminLTE.min.css">
href="http://localhost:8080/asuransi/assets/template/datatables/datatables.min.css">

href="http://localhost:8080/asuransi/assets/template/back/dist/css/skins/_all-
skins.min.css">


24


href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300it
alic,400italic,600italic">
</head><body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<header class="main-header">


<a href="index2.html" class="logo">

<span class="logo-mini"><b>HMS</b>I</span>

<span class="logo-lg"><b>HMS</b> Insurance</span>
</a>


<nav class="navbar navbar-static-top">

<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
</a>

<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li class="dropdown user user-menu">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img
src="http://localhost:8080/asuransi/upload/foto/ea0def6681d81039db98b5b428687f46.jp
g" class="user-image" alt="User Image">
<span class="hidden-xs">
Trust Studio </span>
</a>
<ul class="dropdown-menu">

<li class="user-header">
25
<img
g" class="img-circle" alt="User Image">
<p>
Trust Studio inc. </p>


<li class="user-footer">
<div class="pull-left">
<a href="http://localhost:8080/asuransi/profile" class="btn btn-default btn-
flat">Profile</a>
</div>
<div class="pull-right">
<a href="http://localhost:8080/asuransi/home/logout" class="btn btn-default btn-
flat">Sign out</a>
</div>
</li>
</ul>
</li>

</nav>
</header> 
<aside class="main-sidebar">

<section class="sidebar">

<div class="user-panel">
<div class="pull-left image">
<img
g" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p> Trust Studio</p>
<a>Insurance</a>
</div>
26
</div>


<ul class="sidebar-menu" data-widget="tree">
<li class="active treeview menu-open">

<li><a href="http://localhost:8080/asuransi/home"><i class="fa fa-dashboard"></i>
<span>Dashboard</span></a></li>
</a>
<li><a href="http://localhost:8080/asuransi/patients"><i class="fa fa-users"></i>
<span>Patients</span></a></li>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-credit-card-alt"></i> <span>Insurance</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="http://localhost:8080/asuransi/option"><i class="fa fa-circle-
o"></i>Insurance Option</a></li>
<li><a href="http://localhost:8080/asuransi/payment"><i class="fa fa-circle-
o"></i>Payment Categories</a></li>
<li><a href="http://localhost:8080/asuransi/allotments"><i class="fa fa-circle-
o"></i>Insurance Allotments</a></li>
</ul>
</li>
<li><a href="http://localhost:8080/asuransi/profile"><i class="fa fa-edit"></i>
<span>Edit Profile</span></a></li>
<li><a href="http://localhost:8080/asuransi/site"><i class="fa fa-home"></i> <span>Site
Map</span></a></li>
</a>
</li>
</a>
</section>

</aside>

27
<div class="content-wrapper">

<section class="content-header">
<h1>
Site Map
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
<li class="active">Site Map</li>
</ol>
</section>


<section class="content">

<a href="home">
<div class="row">
<div class="col-lg-3 col-xs-6">

<div class="small-box bg-blue">
<div class="inner">
<h4><b>Dashboard</b></h4>
<br></br>
<br></br>
</div>
<div class="icon">
<i class="fa fa-dashboard"></i>
</div>
</div>
</div></a>

<a href="patients">
<div class="row">

<div class="small-box bg-yellow">
<div class="inner">
28
<h4><b>Patients</b></h4>
<br></br>
<br></br>
</div>
<div class="icon">
<i class="fa fa-users"></i>
</div>
</div>
</div></a>


<div class="row">

<div class="small-box bg-green">
<div class="inner">
<h4><b>Insurance</b></h4>
<a href="option" style="color: white"><h5.5>Insurance option</h5.5></a>
<a href="payment" style="color: white"><h5>Payment Categories</h5></a>
<a href="allotments" style="color: white"><h5>Insurance Allotments</h5></a>
</div>
<div class="icon">
<i class="fa fa-credit-card-alt"></i>
</div>
</div>
</div>


<a href="profile">
<div class="row">

<div class="small-box bg-red">
<div class="inner">
<h4><b>Edit Profile</b></h4>
<br></br>
29
<br></br>
</div>
<div class="icon">
<i class="fa fa-edit"></i>
</div>
</div>
</div></a>

</section>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.footer {
position: fixed;
left: 18%;
bottom: 0;
width: 81.5%;
background-color: white;
color: black;
text-align: right;
}
</style>
</head>
<body>
<div class="footer">
<p><b> 2 0 1 9 | T r u s t S t u d i o </b></p>
</div>
</body>
</html>
30


<script
src="http://localhost:8080/asuransi/assets/template/back/bower_components/jquery/dist/j
query.min.js"></script>

<script
src="http://localhost:8080/asuransi/assets/template/back/bower_components/jquery-
ui/jquery-ui.min.js"></script>

<script>
$.widget.bridge('uibutton', $.ui.button);
</script>

<script
src="http://localhost:8080/asuransi/assets/template/back/bower_components/bootstrap/di
st/js/bootstrap.min.js"></script>

<script
src="http://localhost:8080/asuransi/assets/template/back/bower_components/raphael/rap
hael.min.js"></script>
<script
src="http://localhost:8080/asuransi/assets/template/back/bower_components/morris.js/m
orris.min.js"></script>

<script
sparkline/dist/jquery.sparkline.min.js"></script>

<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>

<script
knob/http://localhost:8080/asuransi/assets/template/back/dist/jquery.knob.min.js"></scri
pt>

31
<script
src="http://localhost:8080/asuransi/assets/template/back/bower_components/moment/mi
n/moment.min.js"></script>
<script
src="http://localhost:8080/asuransi/assets/template/back/bower_components/bootstrap-
daterangepicker/daterangepicker.js"></script>

<script
src="http://localhost:8080/asuransi/assets/template/back/bower_components/bootstrap-
datepicker/http://localhost:8080/asuransi/assets/template/back/dist/js/bootstrap-
datepicker.min.js"></script>

<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>

<script
slimscroll/jquery.slimscroll.min.js"></script>

<script
src="http://localhost:8080/asuransi/assets/template/back/bower_components/fastclick/lib
/fastclick.js"></script>

<script
src="http://localhost:8080/asuransi/assets/template/back/dist/js/adminlte.min.js"></script
>

<script
src="http://localhost:8080/asuransi/assets/template/back/dist/js/pages/dashboard.js"></sc
ript>

<script
src="http://localhost:8080/asuransi/assets/template/back/dist/js/demo.js"></script>
<script
src="http://localhost:8080/asuransi/assets/template/datatables/datatables.min.js"></script
>
<script>
$(document).ready(function(){ // Ketika halaman sudah siap (sudah selesai di load)

$('#buttonGambar').click(function(){
$('#inputGambar').click();
})
32
$('#table').DataTable();
$('#tableActive').DataTable();
$('#tableInactive').DataTable();
document.getElementById("defaultOpen").click();
$('.deleteOption').on('click', function () {
const insurance_id = $(this).data('id');
$.ajax({
url: 'http://localhost:8080/asuransi/option/getInsuranceJson',
data: {
insurance_id: insurance_id
},
method: 'post',
dataType: 'json',
success: function (data) {
$('#test').val(data.insurance_id);
}
})
});
$('.deletePatient').on('click', function () {
const patients_id = $(this).data('id');
$.ajax({
url: 'http://localhost:8080/asuransi/patients/getPatientJson',
data: {
patients_id: patients_id
},
method: 'post',
dataType: 'json',
$('#test').val(data.patients_id);
33
})
});
$('.deletePayment').on('click', function () {
const pay_id = $(this).data('id');
$.ajax({
url: 'http://localhost:8080/asuransi/payment/getPaymentJson',
data: {
pay_id: pay_id
},
method: 'post',
dataType: 'json',
$('#test').val(data.pay_id);
}
})
});
$('.asd').on('click', function () {
const allot_id = $(this).data('id');
$.ajax({
url: 'http://localhost:8080/asuransi/allotments/getAllotmentJson',
data: {
allot_id: allot_id
},
method: 'post',
dataType: 'json',
$('#test').val(data.allot_id);
}
34
})
});
$('.viewPatient').on('click', function () {
const patients_id = $(this).data('id');
$.ajax({
url: 'http://localhost:8080/asuransi/patients/getPatientJson',
data: {
patients_id: patients_id
},
method: 'post',
dataType: 'json',
$('#display_pict').attr('src','http://localhost:8080/asuransi/upload/foto/'+data.display_pict)
;
$('#patients_id').val(data.patients_id);
$('#f_name').val(data.f_name + ' ' + data.m_name + ' ' + data.l_name );
$('#gender').val(data.gender);
$('#blood_group').val(data.blood_group);
$('#birth_date').val(data.birth_date);
$('#email').val(data.email);
$('#phone').val(data.phone);
$('#address').val(data.address);
$('#status').html(data.status);
$('#password').val(data.password);
}
})
});
// ------------
$(".check-all").click(function(){
if($(this).is(":checked"))
$(".check-item").prop("checked", true);
else
35
$(".check-item").prop("checked", false);
});
$("#btn-delete").click(function(){
var confirm = window.confirm("Apakah Anda yakin ingin menghapus data-data ini?");
if(confirm)
$("#form-delete").submit();
});
});
function openCity(evt, cityName) {

var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>
References
[1] Maulana, E. (2017). Teknik Antarmuka Komputer. Retrieved from maulana.lecture.ub.ac.id:
http://maulana.lecture.ub.ac.id/files/2015/09/01-Arsitektur-Komputer-untuk-Antarmuka.pdf
[2] Rekayasa Perangkat Lunak. (2018, Mei 24). Interface Design. Retrieved from dinus.ac.id:
http://dinus.ac.id/repository/docs/ajar/RPL-Interface_Design.pdf
36
37

Laporan Apsi

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan Apsi

Diunggah oleh

Hak Cipta:

Format Tersedia

2019

TELKOM UNIVERSITY | School of Industrial Engineering| Project Management Profession Group

Submission Date : 9/05/2019 hour/minute/second

Name Student ID Role Task Proportion Photo

Waskito Radar W. 1201164 Project Team 20%

I Gusti Ngurah 1201164 Project Team 20%

Putri Etrif Hanifa 1201164418 Project Team 20%

Aldi Rahmawan 1201164013 Project Team 20%

Terdapat beberapa jenis rumah sakit antara lain:

1.2 Project Objective

1.3 System Definition

OOA (Object Oriented Analysis) adalah mengembangkan sederetan model yang

2.3 Acceptance Criteria

a. Tidak memerlukan biaya untuk membeli perangkat lunak yang akan

2.4 System user level

Role setingkat dibawah Editor adalah Author, ia berhak mengatur manajemen

3.2 Database Design

Business Flow - Out-Patient Pre-Paid

Vital Sign Medical

Bagian Counter akan menerima data-data pasien dan mengecek jadwal

3.2.2 File and Database Structures

3.3 Use Case Diagram

3.4 Activity Diagram

3.5 Sequence Diagram

Admin Interface Database Administrator

check (patient name,date)

Display Dashboard System Login Succesful

Desain antarmuka merupakan desain untuk komputer, peralatan, mesin,

4.2 Interface Detailed Design

Dapat dilihat dalam payment categories terdapat beberapa pilihan kategori

Lalu terdapat pilihan insurance allotments, yang didalamnya pengguna harus

<li class="dropdown user user-menu">

<li class="active treeview menu-open">

$(document).ready(function(){ // Ketika halaman sudah siap (sudah selesai di load)

function openCity(evt, cityName) {

Anda mungkin juga menyukai