BAB III

65

3.6.2 Relasi Antar Tabel
Relais tabel merupakan hubungan antar tabel satu dengan tabel

yang lain. Tabel yang memiliki relasi antar tabelnya akan
dihubungkan dengan field yang memiliki foreign key denganprimary
key pada tabel yang berelasi. Relasi tabel dapat dilihat pada Gambar
3.37. Relasi Tabel.

Gambar 3.37. Relasi Tabel

3.6.3 Perancangan Tabel

a. Tabel User

Entitas user yang terdapat pada Gambar 3.36. Entity

Relationship Diagram dapat dilihat detail tabelnya pada Tabel

3.36. Tabel User.

Tabel 3.36. Tabel User

Field Type Length Key Ket

nik Varchar 10 Primary Key

Username Varchar 20

66

Password Varchar 20
hak_akses Varchar 20

b. Tabel Petugas

Entitas petugas yang terdapat pada Gambar 3.35. Entity

Relationship Diagram dapat dilihat detail tabelnya pada Tabel

3.37. Tabel Petugas.

Tabel 3.37. Tabel Petugas

Field Type Length Key Ket

nik Varchar 10 Primary Key

nama Varchar 30

alamat Text

tmp_lahir Varchar 20

tgl_lahir Date

jenis_kelamin Char 1

agama Varchar 10

telp Varchar 12

c. Tabel Dokter

Entitas dokter yang terdapat pada Gambar 3.35. Entity

Relationship Diagram dapat dilihat detail tabelnya pada Tabel

3.38. Tabel Dokter.

Tabel 3.38. Tabel Dokter

Field Type Length Key Ket

nik Varchar 10 Primary Key

nama_dokter Varchar 30

alamat Text

tmp_lahir Varchar 20

tgl_lahir Date

jenis_kelamin Char 1

67

agama Varchar 10 Foreign Key
telp Varchar 12
id_spesialis Int 5

d. Tabel Spesialis

Entitas spesialis yang terdapat pada Gambar 3.35. Entity

Relationship Diagram dapat dilihat detail tabelnya pada Tabel

3.39. Tabel Spesialis.

Tabel 3.39. Tabel Spesialis

Field Type Length Key Ket

id_spesialis Int 5 Primary Key

spesialis Varchar 10

nama_spesialis Text 30

id_poliklinik Int 5 Foreign Key

e. Tabel Poliklinik

Entitas poliklinik yang terdapat pada Gambar 3.35. Entity

Relationship Diagram dapat dilihat detail tabelnya pada Tabel

3.40. Tabel Poliklinik.

Tabel 3.40. Tabel Poliklinik

Field Type Length Key Ket

id_poliklinik Int 5 Primary Key

Nama_poliklinik Varchar 20

f. Tabel Perawat
Entitas perawat yang terdapat pada Gambar 3.35. Entity
Relationship Diagram dapat dilihat detail tabelnya pada Tabel
3.41. Tabel Perawat.

68

Tabel 3.41. Tabel Perawat

Field Type Length Key Ket

nik Varchar 10 Primary Key

Nama_perawat Varchar 30

alamat Text

tmp_lahir Varchar 20

tgl_lahir Date

jenis_kelamin Char 1

Agama Varchar 10

Telp Varchar 12

g. Tabel Pasien

Entitas pasien yang terdapat pada Gambar 3.35. Entity

Relationship Diagram dapat dilihat detail tabelnya pada Tabel

3.42. Tabel Pasien.

Tabel 3.42. Tabel Pasien

Field Type Length Key Ket

nik Varchar 10 Primary Key

nama_pasien Varchar 30

alamat Text

tmp_lahir Varchar 20

tgl_lahir Date

jenis_kelamin Char 1

agama Varchar 10

status Varchar 10

telpon Varchar 12

69

h. Tabel Pendaftaran

Entitas pendaftaran yang terdapat pada Gambar 3.35. Entity

Relationship Diagram dapat dilihat detail tabelnya pada Tabel

3.43. Tabel Pendaftaran.

Tabel 3.43. Tabel Pendaftaran

Field Type Length Key Ket

no_pendaftaran Varchar 10 Primary Key

no_rm Varchar 10 Foreign Key

tgl_masuk Date

jam_masuk Time

kategori Varchar 10

nik_dokter Varchar 10 Foreign Key

nik_petugas Varchar 10 Foreign Key

antrian Int 3

status Varchar 11

diagnosis Text

discount_dokter Iint 11

i. Tabel Tindakan

Entitas tindakan yang terdapat pada Gambar 3.35. Entity

Relationship Diagram dapat dilihat detail tabelnya pada Tabel

3.44. Tabel Tindakan.

Tabel 3.44. Tabel Tindakan

Field Type Length Key Ket

id_tindakan Int 5 Primary Key

nama_tindakan Varchar 50

harga Int 11

70

j. Tabel Tindakan pasien
Entitas tindakan pasien yang terdapat pada Gambar 3.35. Entity
Relationship Diagram dapat dilihat detail tabelnya pada Tabel
3.45. Tabel Tindakan Pasien.

Tabel 3.45. Tabel Tindakan Pasien

Field Type Length Key Ket
Auto_increment
id_tindak Int 11 Primary Key

id_tindakan Int 5 Foreign Key

no_pendaftaran Varhcar 10 Foreign Key

nik_perawat Varhcar 10 Foreign Key

k. Tabel Transaksi

Entitas transaksi yang terdapat pada Gambar 3.35. Entity

Relationship Diagram dapat dilihat detail tabelnya pada Tabel

3.46. Tabel Transaksi.

Tabel 3.46. Tabel Transaksi

Field Type Length Key Ket

id_transaksi Int 11 Primary Key Auto_increment

jam_keluar Time

total_harga Int 11

discount_total Int 11

Subtotal Int 11

no_pendaftaran Varchar 10 Foreign Key

nik_kasir Varchar 10 Foreign Key

l. Tabel Biaya Dokter
Entitas biaya dokter yang terdapat pada Gambar 3.35. Entity
Relationship Diagram dapat dilihat detail tabelnya pada Tabel
3.47. Tabel Biaya Dokter.

71

Tabel 3.47. Tabel Biaya Dokter

Field Type Length Key Ket
spesialis
harga Varchar 10

Int 11

m. Tabel Cetak Kartu

Entitas cetak kartu yang terdapat pada Gambar 3.35. Entity

Relationship Diagram dapat dilihat detail tabelnya pada Tabel

3.48. Tabel Cetak Kartu.

Tabel 3.48. Tabel Cetak Kartu

Field Type Length Key Ket

id_cetak Int 11 Primary Key

no_rm Varhcar 10 Foreign Key

tanggal Date 10

status_cetak Varhcar 15

72

3.9 Desain Tampilan User Interface
3.7.1 Desain Tampilan Daftar User
Tampilan daftar user merupakan tampilan untuk menampilkan daftar
list user yang dapat digunakan untuk login. Pada tampilan daftar user
terdapat data seperti NIK, username, password, hak akses, serta
tombol untuk tambah, view, edit dan nonaktif. Untuk desain tampilan
daftar user dapat dilihat pada Gambar 3.38. Desain Tampilan Daftar
User.

Gambar 3.38. Desain Tampilan Daftar User

73

3.7.2 Desain Tampilan Daftar Petugas
Tampilan daftar petugas merupakan tampilan untuk menampilkan
daftar list petugas seperti admin pendaftaran dan kasir. Pada tampilan
daftar petugas terdapat data seperti NIK, nama, tempat tanggal lahir
(TTL), dll. Serta tombol untuk view, edit dan nonaktif. Untuk desain
tampilan daftar petugas dapat dilihat pada Gambar 3.39. Desain
Tampilan Daftar Petugas.

Gambar 3.39. Desain Tampilan Daftar Petugas

74
3.7.3 Desain Tampilan Daftar Dokter

Tampilan daftar dokter merupakan tampilan untuk menampilkan
daftar list dokter. Pada tampilan daftar dokter terdapat data seperti
NIK, nama, tempat tanggal lahir (TTL), spesialis, dll. Serta tombol
untuk view, edit dan nonaktif. Untuk desain tampilan daftar dokter
dapat dilihat pada Gambar 3.40. Desain Tampilan Daftar Dokter.

Gambar 3.40. Desain Tampilan Daftar Dokter

75
3.7.4 Desain Tampilan Daftar Perawat

Tampilan daftar perawat merupakan tampilan untuk menampilkan
daftar list perawat. Pada tampilan daftar perawat terdapat data seperti
NIK, nama, tempat tanggal lahir (TTL), dll. Serta tombol untuk view,
edit dan nonaktif. Untuk desain tampilan daftar perawat dapat dilihat
pada Gambar 3.41. Desain Tampilan Daftar Perawat.

Gambar 3.41. Desain Tampilan Daftar Perawat

76
3.7.5 Desain Tampilan Daftar Pasien

Tampilan daftar pasien merupakan tampilan untuk menampilkan
daftar list pasien. Pada tampilan daftar pasien terdapat data seperti No
RM, nama, tempat tanggal lahir (TTL), dll. Serta tombol untuk view,
edit dan nonaktif. Untuk desain tampilan daftar pasien dapat dilihat
pada Gambar 3.42. Desain Tampilan Daftar Pasien.

Gambar 3.42. Desain Tampilan Daftar Dokter

77

3.7.6 Desain Tampilan Form Tambah User
Tampilan form tambah user merupakan tampilan untuk menampilkan
form pengisian tambah user. Pada tampilan tambah user terdapat
kolom input seperti nik, username, password dan hak akses. Serta
tombol simpan untuk menyimpan data dan cancel untuk kembali.
Untuk desain tampilan form tambah user dapat dilihat pada Gambar
3.43. Desain Tampilan Form Tambah User.

Gambar 3.43. Desain Tampilan Form Tambah User

78

3.7.7 Desain Tampilan Form Edit User
Tampilan form edit user merupakan tampilan untuk menampilkan
form pengisian edit user yang telah memiliki data untuk diubah. Pada
tampilan edit user terdapat kolom input seperti nik, username,
password dan hak akses. Serta tombol simpan untuk menyimpan data
dan cancel untuk kembali. Untuk desain tampilan form tambah user
dapat dilihat pada Gambar 3.44. Desain Tampilan Form Edit User.

Gambar 3.44. Desain Tampilan Form Edit User

79

3.7.8 Desain Tampilan Form Edit Petugas
Tampilan form edit petugas merupakan tampilan untuk menampilkan
form pengisian edit petugas yang telah memiliki data untuk diubah.
Pada tampilan edit petugas terdapat kolom input seperti nik, nama,
alamat, ttl, jenis kelamin, dll. Serta tombol simpan untuk menyimpan
data dan cancel untuk kembali. Untuk desain tampilan form edit
petugas dapat dilihat pada Gambar 3.45. Desain Tampilan Form Edit
Petugas.

Gambar 3.45. Desain Tampilan Form Edit Petugas

80

3.7.9 Desain Tampilan Form Edit Dokter
Tampilan form edit dokter merupakan tampilan untuk menampilkan
form pengisian edit dokter yang telah memiliki data untuk diubah.
Pada tampilan edit dokter terdapat kolom input seperti nik, nama,
alamat, ttl, jenis kelamin, spesialis, dll. Serta tombol simpan untuk
menyimpan data dan cancel untuk kembali. Untuk desain tampilan
form edit dokter dapat dilihat pada Gambar 3.46. Desain Tampilan
Form Edit Dokter.

Gambar 3.46. Desain Tampilan Form Edit Dokter

81

3.7.10 Desain Tampilan Form Edit Perawat
Tampilan form edit perawat merupakan tampilan untuk menampilkan
form pengisian edit perawat yang telah memiliki data untuk diubah.
Pada tampilan edit perawat terdapat kolom input seperti nik, nama,
alamat, ttl, jenis kelamin, dll. Serta tombol simpan untuk menyimpan
data dan cancel untuk kembali. Untuk desain tampilan form edit
perawat dapat dilihat pada Gambar 3.47. Desain Tampilan Form Edit
Perawat.

Gambar 3.47. Desain Tampilan Form Edit Perawat

82

3.7.11 Desain Tampilan Form Tambah Pasien
Tampilan form tambah pasien merupakan tampilan untuk
menampilkan form pengisian tambah. Pada tampilan tambah pasien
terdapat kolom input seperti no rm, nama, alamat, ttl, jenis kelamin,
dll. Serta tombol simpan untuk menyimpan data dan cancel untuk
kembali. Untuk desain tampilan form tambah pasien dapat dilihat pada
Gambar 3.48. Desain Tampilan Form Tambah Pasien.

Gambar 3.48. Desain Tampilan Form Tambah Pasien

83

3.7.12 Desain Tampilan Form Edit Pasien
Tampilan form edit pasien merupakan tampilan untuk menampilkan
form pengisian edit pasien yang telah memiliki data untuk diubah.
Pada tampilan edit pasien terdapat kolom input seperti no rm, nama,
alamat, ttl, jenis kelamin, dll. Serta tombol simpan untuk menyimpan
data dan cancel untuk kembali. Untuk desain tampilan form edit
pasien dapat dilihat pada Gambar 3.49. Desain Tampilan Form Edit
Pasien.

Gambar 3.49. Desain Tampilan Form Edit Pasien

84
3.7.13 Desain Tampilan Pemesanan Kartu Pasien

Tampilan pemesanan kartu pasien merupakan tampilan untuk
menampilkan daftar pemesanan kartu pasien. Pada tampilan ini
terdapat tabel yang berisis data no rm, nama, status, dan tombol untuk
cetak. Untuk desain tampilan pemesanan kartu pasien dapat dilihat
pada Gambar 3.50. Desain Tampilan Pemesanan Kartu Pasien.

Gambar 3.50. Desain Tampilan Pemesanan Kartu Pasien

85

3.7.14 Desain Tampilan Daftar Pendaftaran Pasien
Tampilan pendaftaran pasien merupakan tampilan untuk menampilkan
daftar dari pasien yang mendaftarn di poliklinik. Pada tampilan ini
terdapat tabel yang berisi data no pendaftaran, no rm, nama pasien,
dll. Serta tombol untuk view dan edit. Untuk desain tampilan daftar
pendaftaran pasien dapat dilihat pada Gambar 3.51. Desain Tampilan
Daftar Pendaftaran Pasien.

Gambar 3.51. Desain Tampilan Daftar Pendaftaran Pasien

86

3.7.15 Desain Tampilan Form Tambah Pendaftaran
Tampilan form tambah pendaftaran merupakan tampilan untuk
menampilkan form tambah pendaftaran. Pada tampilan form tambah
pendaftaran terdapat kolom input seperti no pendaftaran, no rm, pilih
dokter, pilih poliklinik, dll. Serta tombol simpan untuk menyimpan
data dan cancel untuk kembali. Untuk desain tampilan form tambah
pendaftaran dapat dilihat pada Gambar 3.52. Desain Tampilan Form
Tambah Pendaftaran.

Gambar 3.52. Desain Tampilan Form Tambah Pendaftaran

87

3.7.16 Desain Tampilan Form Edit Pendaftaran
Tampilan form edit pendaftaran merupakan tampilan untuk
menampilkan form pengisian edit pendaftaran pasien yang telah
memiliki data untuk diubah. Pada tampilan edit pendaftaran terdapat
kolom input seperti no pendaftaran, no rm, nama, pilih dokter, dan
pilih poliklinik. Serta tombol simpan untuk menyimpan data dan
cancel untuk kembali. Untuk desain tampilan form edit pendafraran
dapat dilihat pada Gambar 3.53. Desain Tampilan Form Edit
Pendaftaran.

Gambar 3.53. Desain Tampilan Form Edit Pendaftaran

88

3.7.17 Desain Tampilan Tindakan Pasien
Tampilan tindakan pasien merupakan tampilan untuk menampilkan
detail tindakan pasien. Pada tampilan tindakan pasien terdapat data
diri pasien dan tabel tindakan pasien yang terdiri dari nama tindakan,
harga, dan tombol edit dan hapus. Untuk desain tampilan tindakan
pasien dapat dilihat pada Gambar 3.54. Desain Tampilan Tindakan
Pasien.

Gambar 3.54. Desain Tampilan Tindakan Pasien

89

3.7.18 Desain Tampilan Tambah Tindakan Pasien
Tampilan tambah tindakan pasien merupakan tampilan untuk
menampilkan form pengisian tambah tindakan. Pada tampilan tambah
tindakan pasien terdapat combo box untuk memilih tindakan. Serta
tombol add untuk menambah tindakan, simpan untuk menyimpan data
dan cancel untuk kembali. Untuk desain tampilan form tambah
tindakan pasien dapat dilihat pada Gambar 3.55. Desain Tampilan
Tambah Tindakan Pasien.

Gambar 3.55. Desain Tampilan Tambah Tindakan Pasien

90

3.7.19 Desain Tampilan Edit Tindakan Pasien
Tampilan edit tindakan pasien merupakan tampilan untuk
menampilkan form mengubah tindakan pasien. Pada tampilan edit
tindakan pasien terdapat combo box untuk memilih tindakan. Serta
tombol simpan untuk menyimpan data dan cancel untuk kembali.
Untuk desain tampilan form edit tindakan pasien dapat dilihat pada
Gambar 3.56. Desain Tampilan Edit Tindakan Pasien.

Gambar 3.56. Desain Tampilan Edit Tindakan Pasien

91

3.7.20 Desain Tampilan Tambah dan Edit Diagnosis
Tambah diagnosis dan edit diagnosis pasien memiliki tampilan yang
sama, halaman ini digunakan untk menambah atau mengedit diagnosis
yang dilakukan oleh dokter. Pada tampilan ini terdapat kolom input
untuk menginputkan diagnosis. Serta tombol simpan untuk
menyimpan data dan cancel untuk kembali. Untuk desain tampilan
form tambah dan edit diagnosis dapat dilihat pada Gambar 3.57.
Desain Tampilan Tambah Diagnosis.

Gambar 3.57. Desain Tampilan Tambah Diagnosis

92
3.7.21 Desain Tampilan Daftar Transaksi

Tampilan daftar transaksi merupakan tampilan untuk menampilkan
daftar transaksi. Pada tampilan daftar transaksi terdapat tabel untuk
menampilkan data transaksi. Untuk desain tampilan daftar transaksi
dapat dilihat pada Gambar 3.58. Desain Tampilan Daftar Transaksi.

Gambar 3.58. Desain Tampilan Daftar Transaksi

93

3.7.22 Desain Tampilan Tambah Transaksi
Tampilan tambah transaksi merupakan tampilan untuk menampilkan
form menambah data transaksi. Pada tampilan ini terdapat data
tindakan pasien disertai harga. Serta tombol simpan untuk menyimpan
data dan cancel untuk kembali. Untuk desain tampilan tambah
transaksi dapat dilihat pada Gambar 3.59. Desain Tampilan Tambah
Transaksi.

Gambar 3.59. Desain Tampilan Tambah Transaksi