bab ii perancangan aplikasi · 2.2.5. membuat tabel tindakan tabel tindakan digunakan untuk...
TRANSCRIPT
47
BAB II
PERANCANGAN APLIKASI
2.1. Instalasi PHP dan Sublime Text
Saat ini banyak sekali pilihan paket PHP dan MYSQL yang
dapat kita gunakan, salah satu yang paling terkenal di kalangan
programmer adalah XAMPP. Didalam paket XAMPP kita sudah
mendapatkan program PHP, MySQL dan Apache. Dimana PHP
adalah untuk bahasa pemogrammannya, MySQL untuk
penyimpanan basis data, dan Apache untuk web server atau
mesin yang berfungsi menjalankan script PHP disisi server local,
dan disini kita menggunakan Sublime Text sebagai Text Editor.
2.1.1. Instalasi XAMPP
Hal pertama yang kita lakukan adalah mengunduh pada
situs https://www.apachefriends.org
48
Setelah selesai proses pengunduhan kita lanjutkan pada
proses instalasi, selama proses instalasi mungkin anda akan
diberi pertanyaan yang menanyakan apakah anda yakin akan
menginstalnya. Silahkan tekan YES untuk melanjutkan instalasi.
Kemudian klik tombol NEXT
Pada tampilan berikutnya akan muncul pilihan mengenai
komponen pada XAMPP yang ingin dan tidak ingin Anda instal.
Beberapa pilihan seperti Apache dan PHP adalah bagian penting
untuk menjalankan website dan akan otomatis diinstal. Silakan
centang MySQL dan phpMyAdmin, untuk pilihan lainnya biarkan
saja.
49
Berikutnya silakan pilih folder tujuan dimana kita ingin
menyimpan XAMPP, pada tutorial ini penulis menyimpan di
direktori C:\xampp.
Pada halaman berikutnya, akan ada pilihan apakah Anda
ingin menginstal Bitnami untuk XAMPP, dimana nantinya dapat
kita gunakan untuk men-install WordPress, Drupal, dan Joomla
secara otomatis.
50
Pada langkah ini proses instalasi XAMPP akan dimulai.
Silakan klik tombol Next
Setelah proses instalasi selesai. Silahkan klik Finish.
51
Setelah itu buka aplikasi XAMPP kemudian klik tombol
start pada Apache dan MySQL. Jika berhasil dijalankan pada
bagian Apache dan MySQL akan berwarna hijau seperti gambar
dibawah ini.
Untuk melakukan pengecekan, kita dapat mengakses
http://localhost/phpmyadmin/ melalui browser yang kita
gunakan
52
2.1.2. Instalasi Sublime Text
Hal pertama yang kita lakukan adalah mengunduh pada
situs https://www.sublimetext.com
Setelah proses pengunduhan selesai kita lanjutkan ke
proses instalasi Sublime Text, klik 2 kali pada Sublime Text yang
tadi sudah kita unduh.
53
Klik Next
Klik Next
54
Klik Next, jika kita ingin menampilkan di halaman utama
PC kita, ceklis box yang bertuliskan “Add to explorer context
menu”.
.
Text editor Sublime Text siap digunakan
2.2. Membuat Rancangan Basis data
Untuk membangun basis data/database, kita
menggunakan aplikasi XAMPP yang kita unduh tadi lalu ketik
http://localhost/phpmyadmin/ pada URL PC atau laptop kita,
atau kita dapat menggunakan XAMPP dengan meng-Klik Admin.
55
Langkah berikutnya adalah membuat database untuk
tutorial program aplikasi SiPOLI. Dalam pembuatan database
tidak boleh menggunakan Spasi kosong, harus menyambung
atau diberi tanda garis bawah. Pada database aplikasi SIPOLI
diberi nama db_rj.
Masukkan nama database db_rj, lalu klik Create
2.2.1. Membuat tabel petugas
Table petugas digunakan untuk menyimpan data petugas
pada Aplikasi SIPOLI. Berikut cara membuatnya :
1. Masukan nama tabel petugas
2. Masukan jumlah kolomnya 6
3. Klik Go
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya. Berikut cara membuatnya :
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
56
3. Masukkan panjang datanya pada (Length/Value)
4. Pada kolom kode_petugas, pilih opsi PRIMARY dari
bagian Index
Jika sudah klik Save
2.2.2. Membuat tabel dokter
Tabel dokter digunakan untuk menyimpan data dokter
pada Aplikasi SIPOLI. Berikut cara membuatnya :
1. Masukan nama tabel dokter
2. Masukan jumlah kolomnya 7
3. Klik Go
57
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya. Berikut cara membuatnya :
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
3. Masukkan panjang datanya pada (Length/Value)
4. Pada kolom kode_dokter, pilih opsi PRIMARY dari
bagian Index
Jika sudah klik Save
58
2.2.3. Membuat tabel pasien
Tabel pasien digunakan untuk menyimpan data pasien
pada Aplikasi SIPOLI. Berikut cara membuatnya :
1. Masukan nama tabel pasien
2. Masukan jumlah kolomnya 8
3. Klik Go
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya. Berikut cara membuatnya :
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
3. Masukkan panjang datanya pada (Length/Value)
4. Pada kolom nomor_pasien, pilih opsi PRIMARY dari
bagian Index
59
Pada atribut jenis_kelamin mempunyai tipe data ENUM dan
panjang datanya 'laki-laki','perempuan','',''
Jika sudah klik Save
2.2.4. Membuat tabel poliklinik
Tabel poliklinik digunakan untuk menyimpan data
poliklinik pada Aplikasi SIPOLI. Berikut cara membuatnya :
1. Masukan nama tabel poliklinik
2. Masukan jumlah kolomnya 3
3. Klik Go
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya. Berikut cara membuatnya :
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
3. Masukkan panjang datanya pada (Length/Value)
4. Pada kolom kode_poli, pilih opsi PRIMARY dari bagian
Index
60
Jika sudah klik Save
2.2.5. Membuat tabel tindakan
Tabel tindakan digunakan untuk menyimpan data
tindakan pada Aplikasi SIPOLI. Berikut cara membuatnya :
1. Masukan nama tabel tindakan
2. Masukan jumlah kolomnya 3
3. Klik Go
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya. Berikut cara membuatnya :
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
3. Masukkan panjang datanya pada (Length/Value)
61
4. Pada kolom kode_tindakan, pilih opsi PRIMARY dari
bagian Index
Jika sudah klik Save
2.2.6. Membuat tabel obat
Tabel obat digunakan untuk menyimpan data obat pada
Aplikasi SIPOLI. Berikut cara membuatnya :
1. Masukan nama tabel obat
2. Masukan jumlah kolomnya 7
3. Klik Go
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya. Berikut cara membuatnya :
62
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
3. Masukkan panjang datanya pada (Length/Value)
4. Pada kolom kode_obat, pilih opsi PRIMARY dari bagian
Index
Jika sudah klik Save
2.2.7. Membuat tabel pendaftaran
Tabel pendaftaran digunakan untuk menyimpan data
pendaftaran pada Aplikasi SIPOLI. Berikut cara membuatnya :
63
1. Masukan nama tabel pendaftaran
2. Masukan jumlah kolomnya 8
3. Klik Go
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya
Berikut cara membuatnya :
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
3. Masukkan panjang datanya pada (Length/Value)
4. Pada kolom no_daftar, pilih opsi PRIMARY dari bagian
Index
64
Jika sudah klik Save
2.2.8. Membuat tabel rekamedis
Tabel rekamedis digunakan untuk menyimpan data
rekamedis pada Aplikasi SIPOLI. Berikut cara membuatnya :
1. Masukan nama tabel rekamedis
2. Masukan jumlah kolomnya 5
3. Klik Go
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya. Berikut cara membuatnya :
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
3. Masukkan panjang datanya pada (Length/Value)
4. Pada kolom id_periksa, pilih opsi PRIMARY dari bagian
Index
5. Pada bagian A_I kita beri ceklis, A_I adalah singkatan dari
Auto Increment yang mempunyai fungsi secara otomatis
65
akan bertambah nilainya jika terjadi penambahan row
pada tabel dimana field tersebut berada.
Jika sudah klik Save
2.2.9. Membuat tabel resep
Tabel resep digunakan untuk menyimpan data resep
pada Aplikasi SIPOLI. Berikut cara membuatnya :
1. Masukan nama tabel resep
2. Masukan jumlah kolomnya 8
3. Klik Go
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya. Berikut cara membuatnya :
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
66
3. Masukkan panjang datanya pada (Length/Value)
4. Pada kolom id_resep, pilih opsi PRIMARY dari bagian
Index
5. Pada A_I ceklis kita beri ceklis
Jika sudah klik Save
2.2.10. Membuat tabel pembayaran
Tabel pembayaran digunakan untuk menyimpan data
pembayaran pada Aplikasi SIPOLI. Berikut cara membuatnya :
1. Masukan nama tabel pembayaran
2. Masukan jumlah kolomnya 5
3. Klik Go
67
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya. Berikut cara membuatnya :
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
3. Masukkan panjang datanya pada (Length/Value)
4. Pada kolom id_bayar, pilih opsi PRIMARY dari bagian
Index
5. Pada A_I ceklis kita beri ceklis
Jika sudah klik Save
2.2.11. Membuat tabel detail_pemeriksaan
Tabel pembayaran digunakan untuk menyimpan data
pembayaran pada Aplikasi SIPOLI. Berikut cara membuatnya :
68
1. Masukan nama tabel pembayaran
2. Masukan jumlah kolomnya 5
3. Klik Go
Setelah kita membuat tabel nya, sekarang kita bisa
mengisi struktur tabelnya. Berikut cara membuatnya :
1. Masukkan nama kolom pada (Name)
2. Masukkan tipe data pada (Type)
3. Masukkan panjang datanya pada (Length/Value)
Jika sudah klik Save
2.3. Membuat form master
Program Aplikasi Rekamedis ini dibuat dalam folder Web
Server yang sudah di-instal, yang diletakkan di
69
C:\xampp\htdocs. Sedangkan C\xampp adalah tempat kita
menginstal aplikasi Xampp di computer atau laptop.
2.3.1. Membuat folder proyek
Agar lebih mudah, folder proyek harus disamakan
dengan nama aplikasi yang akan dibuat. Nama folder kerja dapat
dibuat dengan nama AplikasiSIpoli. Pada pembahasan ini kita
akan memakai framework CodeIgniter. Berikut cara
membuatnya :
1. Buka Windows Explorer.
2. Cari folder CodeIgniter lalu rename nama folder tersebut
menjadi AplikasiSipoli
3. Simpan folder tersebut di dalam C:\xampp\htdocs
Bagi kalian yang belum meng-instal framework
CodeIgniter bisa mengunduhnya pada
https://www.codeigniter.com/
70
2.3.2. Menyiapkan folder resources
Folder resources dipakai untuk menyimpan berbagai
folder yang diperlukan dalam membuat aplikasi ini seperti
folder css, js, image, dan sebagainya. Berikut cara membuatnya:
1. Buka Windows Explorer.
2. Buka folder AplikasiSipoli.
3. Buat folder resources di dalam folder AplikasiSipoli.
2.3.3. Membuat Koneksi database MySQL
Untuk menyederhanakan program kita harus membuat
koneksi database MySQL dalam suatu file program, sehingga
nanti file ini dapat dipakai keseluruh file program dalam satu
aplikasi web. Berikut cara membuatnya :
1. Buka Sublime Text 3.
2. Open folder AplikasiSipoli.
3. Buka folder application.
4. Buka folder config.
5. Cari file database.php.
71
2.3.4. Membuat halaman login petugas
Untuk dapat mengakses studi kasus AplikasiSipoli untuk
CRUD data, harus melakukan login terlebih dahulu. Berikut
adalah contoh form login yang akan kita buat :
72
Pertama kita akan membuat MVC (model, view,
controllers). Buka text editor Sublime Text 3, pertama kita akan
membuat model. Model pada CodeIgneter digunakan untuk
mengelola database, seperti select, delete, update dan lainnya.
Berikut cara membuatnya :
1. Buka Sublime Text 3, lalu pilih file -> Open folder -> lalu
cari file AplikasiSipoli
2. Buka folder AplikasiSipoli -> application -> models, klik
kanan new file(beri nama file dengan web.php).
3. Berikut adalah script untuk login
Selanjutnya kita akan membuat view, berfungsi untuk
mengatur tampilan kepada pengguna website. Berikut cara
membuatnya :
4. Buka folder AplikasiSipoli -> application -> views, klik
kanan new file (beri nama file login.php)
73
5. Berikut adalah script untuk login.php
Selanjutnya kita akan membuat controllers, berfungsi
mengatur hubungan antara bagian model dan bagian view,
controllers juga berfungsi untuk menerima request dan data dari
user kemudian menentukan apa yang akan di proses pada
aplikasi. Berikut cara membuatnya :
6. Buka folder AplikasiSipoli -> application -> controllers,
klik kanan new file (beri nama file web.php)
7. Berikut adalah script untuk login
74
2.3.5. Membuat halaman data master pasien
Data master pasien digunakan oleh petugas untuk
menambah, mengedit, menghapus data yang tersedia pada
AplikasiSIpoli. Berikut adalah contoh data paket yang akan kita
buat :
75
1. Untuk awalan kita buat models, buka AplikasiSipoli ->
application -> models, klik kanan new file (beri nama
pasien.php)
2. Masukan script ini pada file tersebut.
3. Selanjutnya kita buat views, AplikasiSipoli -> application
-> views, klik kanan new file (beri nama data_pasie.php)
4. Berikut script pada data_pasien.php
76
5. Kemudian membuat views tambah pasien, AplikasiSipoli
-> application -> views, klik kanan new file (beri nama
data_pasien_tambah.php)
6. Berikut adalah script untuk data_pasien_tambah.php
77
7. Selanjutnya membuat views update data pasien,
AplikasiSipoli -> application -> views, klik kanan new file
(beri nama data_pasien_ubah.php)
78
8. Berikut adalah script pada data_pasien_ubah.php
79
9. Kemudian kita akan membuat controllers-nya,
AplikasiSipoli -> application -> controllers, klik web.php
10. Berikut adalah script untuk controllers
80
Setelah itu kita akan membuat fitu cetak kartu pasien
81
11. Kita buat dulu modelsnya, AplikasiSipoli -> application ->
models, klik pasien.php
12. Masukan script berikut ini.
13. Lalu kita buat viewsnya, AplikasiSipoli -> application ->
views, klik data_pasien.php dan masukan script berikut
14. Setelah itu kita buat controllersnya, AplikasiSipoli ->
application -> controllers, klik web.php dan masukan
script berikut
82
2.4. Membuat form transaksi
File transaksi digunakan untuk merekam data hasil dari
transaksi yang terjadi.
2.4.1. Membuat form pendaftaran
Data pendaftaran digunakan petugas untuk melihat,
menambah data dan membatalkan data pendaftaran pasien
pada Aplikasi SIPOLI. Berikut ini adalah contoh data pendaftaran
yang kita buat :
Selanjutnya kita akan membuat Model untuk data
pendaftaran. Berikut cara membuatnya :
1. Buka AplikasiSipoli -> application -> models, klik kanan
new file (beri nama pendaftaran.php)
2. Setelah itu masukan script berikut ini
83
3. Berikutnya membuat views, buka AplikasiSipoli ->
application -> views, klik kanan new file (beri nama
transaksi_pendaftaran.php) masukan script berikut ini.
84
4. Kemudian kita buat controllers, buka AplikasiSipoli ->
application -> controllers, klik web.php
5. Masukan script berikut ini
85
86
Setelah itu kita akan membuat views untuk form tambah
data seperti dibawah ini.
6. Buka AplikasiSipoli -> application -> views, klik kanan
new file (beri nama transaksi_pendaftaran_tambah.php)
87
88
89
2.4.2. Membuat form pembayaran
Data pembayaran digunakan petugas untuk melihat,
menambah data dan mencetak bukti pembayaran pada Aplikasi
SIPOLI. Berikut ini adalah contoh data pembayaran yang kita
buat :
1. Selanjutanya kita akan membuat Models form
pembayaran, buka AplikasiSipoli -> application ->
models, klik kanan new file (beri nama pembayaran.php).
berikut adalah script didalamnya
90
2. Selanjutnya membuat views form pembayaran, buka
AplikasiSipoli -> application -> views, klik kanan new file
(beri nama transaksi_pembayaran.php), lalu masukan
script berikut ini.
91
3. Kemudian kita buat controllersnya, buka AplikasiSipoli ->
application -> controllers, klik file web.php dan masukan
script berikut ini.
92
Lalu kita lanjutkan membuat tampilan tambah data
pembayaran seperti yang dibawah ini.
4. Buka AplikasiSipoli -> application -> views, klik kanan
new file (beri nama transaksi_pembayaran_tambah.php)
93
94
2.5. Membuat form medis
Form medis digunakan petugas untuk mengisi data
rekamedis pasien dan data resep pasien
2.5.1. Membuat form rekamedis
Data rekamedis digunakan petugas dan apoteker untuk
mengisi diagnosa, keluhan dan tindakan apa yang diambil.
Berikut adalah contoh form rekamedis yang akan kita buat.
1. Pertama kita buat modelsnya terlebih dahulu, buka
AplikasiSipoli -> application -> models, klik kanan new
95
file (beri nama rekamedis.php) dan masukan script
berikut ini.
2. Selanjutnya kita buat viewsnya, buka AplikasiSipoli ->
application -> views, klik kanan new file (bari nama
medis_pemeriksaan.php) dan masukan script berikut ini.
96
97
3. Setelah itu kita buat controllersnya, buka AplikasiSipoli
-> application -> controllers, klik file web.php dan
masukan script berikut ini.
98
Kemudian kita akan membuat tampilan form untuk mengisi
data rekamedis.
Buka AplikasiSipoli -> application -> views, klik kanan new file
(beri nama medis_pemeriksaan_tambah.php) dan masukan
script berikut ini.
99
2.5.2. Membuat form resep
Data resep digunakan apoteker untuk mengisi data obat
apa saja yang akan diberikan kepada pasien.
100
1. Pertama kita buat modelsnya terlebih dahulu, buka
AplikasiSipoli -> application -> models, klik kanan new
file (beri nama resep.php) dan masukan script berikut ini.
2. Selanjutnya kita buat viewsnya, buka AplikasiSipoli ->
application -> views, klik kanan new file (beri nama
medis_resep.php) dan masukan script berikut ini.
101
3. Setelah itu kita buat controllersnya, buka AplikasiSipoli
-> application -> controllers, klik file web.php dan
masukan script berikut ini.
102
103
Selanjutnya kita akan membuat form untuk mengelola data
obat pada resep seperti gambar dibawah ini.
Buka AplikasiSipoli -> application -> views,klik kanan new
file (beri nama medis_resep_kelola.php) dan masukan script
berikut ini.
104
105
106
2.6. Membuat Laporan
Data laporan digunakan oleh petugas ataupun super
admin untuk merekap seluruh kegiatan yang terjadi pada
Aplikasi SIPOLI.
2.6.1. Membuat laporan rekamedis
Laporan rekamedis ini berfungsi melihat data laporan
rekamedis pasien yang tersimpan didalam database SIPOLI.
Berikut ini adalah contoh laporan rekamedis yang akan kita
bikin.
1. Pertama kita akan membuat models terlebih dahulu,
buka AplikasiSipoli -> application -> models, klik file
rekamedis.php dan masukan script berikut ini.
107
2. Kemudan kita akan membuat viewsnya, buka
AplikasiSipoli -> application -> views, klik kanan new file
(beri nama laporan_hasil_rm.php) dan masukan script
berikut ini.
108
3. Selanjutnya membuat controllersnya, buka AplikasiSipoli
-> application -> controllers, klik file web.php dan
masukan script berikut ini.
2.6.2. Membuat laporan pasien
Data laporan pasien berfungsi untuk melihat laporan
medis individu. Berikut ini adalah contoh laporan detail pasien
yang akan kita buat.
109
1. Pertama kita akan membuat modelsnya terlebih dahulu,
buka AplikasiSipoli -> application -> models, klik file
pasien.php dan masukan script berikut ini.
2. Selanjutnya kita membuat viewsnya, buka AplikasiSipoli -
> application -> views, klik kanan new file (beri nama
laporan_master_pasien.php) dan masukan script berikut
ini.
110
3. Kemudian kita kan membuat controllersnya, buka
AplikasiSipoli -> application -> controllers, klik file
web.php dan masukan script berikut ini.
111
Setelah itu kita akan membuat form laporan detail pasien
seperti yang ada dibawah ini.
4. Kita buat terlebih dahulu modelsnya, buka AplikasiSipoli
-> application -> models,klik file pendaftaran.php dan
masukan script berikut ini.
5. Selanjutnya kita buat viewsnya, buka AplikasiSipoli ->
application -> views, klik kanan new file (beri nama
pemeriksaan_detail_pasien.php) dan masukan script
berikut ini.
112
113
6. Kemudian controllersnya, buka AplikasiSipoli ->
application -> controllers, klik file web.php dan masukan
script berikut ini.
2.7. Membuat halaman backup dan restore
Backup dan restore digunakan untuk men-cadangkan
data dan mengembalikan data. Dan berikut ini adalah contoh
tampilan backup dan restoreu pada Aplikasi SIPOLI.
114
1. Pertama kita akan membuat viewsnya, buka
AplikasiSipoli -> application -> views, klik kanan new file
(beri nama backup.php) dan masukan script berikut ini.
2. Selanjutnya kita buat controllersnya, buka AplikasiSipoli
-> application -> controllers, klik web.php dan masukan
script berikut ini.
115