bab ii perancangan aplikasi · 2.2.5. membuat tabel tindakan tabel tindakan digunakan untuk...

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