BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1...

37
27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka tahap perancangan sistem telah mendapatkan gambaran dengan jelas apa yang harus dikerjakan. Tiba waktunya sekarang bagi rancangan sistem untuk memikirkan bagaimana membentuk sistem tersebut. Berikut ini adalah tahap-tahap analisa kebutuhan pengguna yang akan dirancang. Pada tahap analisis penyusun merancang sistem yang akan dugunakan dalam sistem antrian pasien puskesmas ini menggunakan aplikasi berbasis desktop. Berikut ini spesifikasi kebutuhan (system requirtment) dari sistem antrian pasien: A. Kebutuhan Pengguna Dalam Aplikasi Antrian terdapat dua pengguna yang dapat saling berinteraksi dalam lingkungan sistem, yaitu: Pasien dan bagian admin puskesmas. Kedua pengguna tersebut memiliki karakteristik interaksi dengan sistem yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut: A.1. Skenario Kebutuhan Pasien a) Pasien melakukan pengambilan tiket berbasis aplikasi b) Pasien melakukan registrasi terlebih dahulu sebelum memilih poli

Transcript of BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1...

Page 1: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

27

BAB IV

PERANCANGAN SISTEM USULAN

4.1 Tahapan Perancangan Sistem

Setelah tahap analisis sistem selesai dilakukan, maka tahap perancangan

sistem telah mendapatkan gambaran dengan jelas apa yang harus dikerjakan. Tiba

waktunya sekarang bagi rancangan sistem untuk memikirkan bagaimana

membentuk sistem tersebut. Berikut ini adalah tahap-tahap analisa kebutuhan

pengguna yang akan dirancang.

Pada tahap analisis penyusun merancang sistem yang akan dugunakan

dalam sistem antrian pasien puskesmas ini menggunakan aplikasi berbasis

desktop. Berikut ini spesifikasi kebutuhan (system requirtment) dari sistem antrian

pasien:

A. Kebutuhan Pengguna

Dalam Aplikasi Antrian terdapat dua pengguna yang dapat saling

berinteraksi dalam lingkungan sistem, yaitu: Pasien dan bagian admin

puskesmas. Kedua pengguna tersebut memiliki karakteristik interaksi

dengan sistem yang berbeda-beda dan memiliki kebutuhan informasi yang

berbeda-beda, seperti berikut:

A.1. Skenario Kebutuhan Pasien

a) Pasien melakukan pengambilan tiket berbasis aplikasi

b) Pasien melakukan registrasi terlebih dahulu sebelum memilih poli

Page 2: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

28

A.2. Skenario Kebutuhan Admin

a) Petugas melakukan mengecek nomor urut antrian pasien

b) Petugas melakukan pengecekan data pasien

c) Petugas dapat melakukan menambah dan mengecek jadwal dokter

d) Petugas dapat menambahkan data poli

B. Kebutuhan Sistem

1. Pasien harus melakukan registrasi dengan cara mendaftarkan diri agar

dapat melakukan pengambilan nomor urut

2. Pengguna harus melakukan login terlebih dahulu untuk dapat

mengakses aplikasi ini dengan cara memasukan username dan

password yang sudah didaftarkan, agar privasi masing-masing

pengguna tetap terjaga keamanannya.

3. Pengguna harus melakukan logout setelah selesai menggunakan

aplikasi.

4. Sistem akan melakukan kalkulasi nomor urut pasien

Page 3: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

29

4.1.1. Rancangan Diagram Use Case

Sumber : Hasil Perancangan (2018)

Gambar IV.1.Use Case Diagram

Tabel IV.1

Deskripsi Use Case Diagram Pasien

Use Case Name Checkout

Requirements Bagian untuk melalukan registrasi

pasien baru dan pasien yang sudah

terdaftar

Goal Pasien melakukan registrasi

Pre-conditions Pasien memilih poli sebelum menekan

tombol nomor antrian pasien

Page 4: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

30

Post-conditions Pasien menekan tombol nomor antrian

Primary Actors Pasien

Main Flow / Basic Path

1. Pasien melakukan pengisisan registrasi

2. Sistem menampilkan form

registrasi

3. Pasien memilih poli .

4. Pasien memasukan kode pasien

5. Pasien menekan tombol antrian

pasien

6. Pasien menunggu panggilan oleh

petugas yang sesuai nomor antrian

Sumber : Hasil Perancangan (2018)

Tabel IV.2

Deskripsi Use Case Diagram Melihat Dan Mengecek Nomor Antrian

Use Case Name Checkout

Requirements Bagian untuk menambah user

Goal Admin berhasil menghapus user

Pre-conditions Admin berhasil Login

Post-conditions Sistem berhasil merubah dan

menghapus data user

Failed end condition

Gagal menghapus atau merubah data

user. Terdapat data user yang belum

lengkap

Primary Actors Petugas

Main Flow / Basic Path

1. Petugas login dengan user admin

2. Sistem menampilkan daftar nomor

antian

3. Petugas dapat melihat detail user

4. Petugas dapat menghapus user

5. Petugas dapat merubah data user Sumber : Hasil Perancangan (2018)

Page 5: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

31

Tabel IV.3

Deskripsi Use Case Halaman Petugas

Use Case Name Checkout

Requirements Bagian untuk mengolah aplikasi

Goal

Petugas dapat menambah data, merubah

dan menghapus data jadwal dokter dan

data poli

Pre-conditions Petugas dapat melihat data pasien yang

sudah registrasi

Post-conditions Sistem berhasil menambah data,

merubah dan menghapus data jadwal

dokter dan data poli

Failed end condition Gagal menambah data, merubah dan

menghapus data jadwal dokter dan poli di

menu petugas

Primary Actors Petugas

Main Flow / Basic Path

1. Petugas login dengan user admin 2. Sistem menampilkan halaman

petugas .

3. Apabila admin berhasil login maka

sistem akan menampilkan menu

halaman petugas .

4. Admin dapat menambah,

merubah dan menghapus data

jadwal dokter dan poli

5. Petugas dapat melihat nomor

antrian dan panggilan pasien

Sumber : Hasil Perancangan (2018)

Page 6: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

32

Tabel IV.4

Deskripsi Use Case Halaman Menambah Jadwal Dokter

Use Case Name Checkout

Requirements Bagian untuk mengolah jadwal dokter

Goal

Petugas dapat menambah data, merubah

dan menghapus data jadwal dokter

Post-conditions Sistem berhasil menambah data,

merubah dan menghapus data jadwal

dokter

Failed end condition Gagal menambah data, merubah dan

menghapus data jadwal dokter dan poli di

menu petugas

Primary Actors Petugas

Main Flow / Basic Path

1. Petugas login dengan user admin 2. Sistem menampilkan halaman

petugas .

3. Apabila admin berhasil login maka

sistem akan menampilkan menu

halaman petugas .

4. Admin dapat menambah,

merubah dan menghapus data

jadwal dokter

5. Petugas dapat melihat nomor

antrian dan panggilan pasien

Sumber : Hasil Perancangan (2018)

Tabel IV.5

Deskripsi Use Case Halaman Menambah Data Poli

Use Case Name Checkout

Requirements Bagian untuk mengolah data Poli

Goal

Petugas dapat menambah data, merubah

dan menghapus data data poli

Post-conditions Sistem berhasil menambah data,

merubah dan menghapus data poli

Failed end condition Gagal menambah data, merubah dan

menghapus data poli di menu petugas

Primary Actors Petugas

Page 7: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

33

Main Flow / Basic Path

6. Petugas login dengan user admin 7. Sistem menampilkan halaman

petugas .

8. Apabila admin berhasil login maka

sistem akan menampilkan menu

halaman petugas .

9. Admin dapat menambah,

merubah dan menghapus data

jadwal dokter

10. Petugas dapat melihat nomor

antrian dan panggilan pasien

Sumber : Hasil Perancangan (2018)

Tabel IV.6

Deskripsi Use Case Diagram Kelola User

Use Case Name Checkout

Requirements Bagian untuk menambah user

Goal Petugas berhasil menghapus user

Pre-conditions Petugas berhasil Login

Post-conditions Sistem berhasil merubah dan

menghapus data user

Failed end condition

Gagal menghapus atau merubah data

user. Terdapat data user yang belum

lengkap

Primary Actors Petugas

Main Flow / Basic Path

6. Petugas login dengan user admin

7. Sistem menampilkan daftar user

8. Petugas dapat melihat detail user

9. Petugas dapat menghapus user

10. Petugas dapat merubah data user

Sumber : Hasil Perancangan (2018)

4.1.2. Rancangan Diagram Aktivitas

Penggambaran proses relasi yang telah dibuat pada diagram aktivitas datas

ehingga berhubungan antar Diagram Aktivitas, Dapat terlihat dan melibatkan

rancangan field-field didalam database. Berikut adalah diagram aktivitas yang

Page 8: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

34

dibuat untuk Perancangan Sistem Informasi.

1. Aktivitas diagram registrasi dan penggambilan nomor antrian

Sumber : Hasil Perancangan (2018)

Gambar IV.2 Aktivitas diagram registrasi dan pengambilan nomor

antrian

Page 9: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

35

2. Aktivitas diagram penggambilan nomor antrian yang sudah terdaftar

Sumber : Hasil Perancangan (2018)

Gambar IV.3 Aktivitas Diagram Penggambilan Nomor Antrian Yang

Sudah Terdaftar

Page 10: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

36

3. Aktivitas Diagram Halaman Petugas

Sumber : Hasil Perancangan (2018)

Gambar IV.4 Aktivitas Diagram Halaman Petugas

4. Aktivitas Diagram Pemanggilan Pasien Oleh Petugas

Sumber : Hasil Perancangan (2018)

Gambar IV.5 Aktivitas Diagram Pemanggilan Pasien Oleh Petugas

Page 11: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

37

5. Aktivitas Diagram Halaman Tambah Poli

Sumber : Hasil Perancangan (2018)

Gambar IV.6 Aktivitas Diagram Halaman Tambah Poli Oleh Petugas

Page 12: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

38

6. Aktivitas Diagram Halaman Tambah Jadwal Dokter

Sumber : Hasil Perancangan (2018)

Gambar IV.7 Aktivitas Diagram Halaman Jadwal Dokter Oleh Petugas

Page 13: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

39

7. Aktivitas Diagram Halaman User

Sumber : Hasil Perancangan (2018)

Gambar IV.8 Aktivitas Diagram Halaman Tambah User

4.1.3. Rancangan Dokumen Sistem Usulan

a. Bentuk Dokumen Masukan

Dokumen Masukan yang digunakan pada sistem usulan adalah:

1. Nama Dokumen : Data Pasien

Fungsi : Data profil pasien

Sumber : Pasien

Tujuan : Petugas Puskesmas

Frekuensi : Setiap melakukan registrasi

Page 14: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

40

Jumlah : Sesuai kebutuhan

Media : Tampilan layar

Bentuk : Lihat lampiran C-1

b. Bentuk Dokumen Keluaran

Dokumen keluaran yang digunakan pada sistem usulan adalah:

1. Nama Dokumen : Nomor Antrian

Fungsi : Data nomor antrian pasien

Sumber : Petugas Puskesmas

Tujuan : Pasien

Frekuensi : Setiap pemanggilan antrian untuk pasien

Jumlah : Sesuai kebutuhan

Media : Tampilan layar

Bentuk : Lihat lampiran D-2

4.2 Perancangan Perangkat Lunak

Rancangan prototype adalah rancangan sistem usulan yang dirancang oleh

peneliti diantaranya:

Page 15: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

41

A. Interface Halaman Utama Pasien

DINAS KESEHATAN

PUSKESMAS SANGGAU KAPUAS

ALAMAT

GAMBAR PUSKESMAS

POLI UMUM

POLI GIGI

POLI GIZI

POLI KB

Sumber : Hasil Perancangan (2018)

Gambar IV.7 Interface Halaman Utama Pasien

Nama Program : Halaman Utama Pasien

Akronim Program : halaman_utama_pasien.php

Fungsi Program : Untuk menampilkan halaman utama pasien

Bahasa Program : HTML, PHP, Java Script, CSS

Proses Program :

a. Halaman utama pasien merupakan tampilan halaman awal sebelum pasien

melakukan pengobatan, pada halaman utama pengunjung terdapat menu

pilihan poli untuk pemeriksaan. Pasien harus memilih salah satu menu poli

sesuai kebutuhannya.

b. Setelah selesai memilih atau mengklik salah satu menu poli, pasien di

hadapkan dengan menu registrasi.

Page 16: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

42

B. Interface Halaman Registrasi Calon Pasien

DINAS KESEHATAN

PUSKESMAS SANGGAU KAPUAS

ALAMAT

REGISTRASI CALON PASIEN BARU PERHATIAN !!!

Jika anda sudah pernah melakukan registrasi

silahkan langsung saja memasukan Kode Pasien

anda untuk mendaptakan Tiket !!!

Gambar Tiket

Kode Pasien: 99999Cetak

TOMBOL NOMOR

ANTRIAN

Nama text:

No. KTP Number:

No. Kartu Sehat Number:

Jenis Kelamin : Laki-Laki Perempuan

Alamat :

Text Area

SimpanBatal

Tempat & tgl. Lahir text: tgl bulan tahun

Kode Pasien : Number

Masuk

Sumber : Hasil Perancangan (2018)

Gambar IV.9 Interface Halaman Registrasi Calon Pasien

Nama Program : Halaman Registrasi Calon Pasien

Akronim Program : Registrasi_pasien.php

Fungsi Program : Untuk menampilkan halaman registrasi pasien

Bahasa Program : HTML, PHP, Java Script, CSS

Proses Program :

a. Pada tampilan halaman ini pasien baru diwajibkan untuk mengisi setiap data

yang ada pada halaman registrasi calon pasien untuk pendataan yang akan

diberikan secara otomatis kepetugas Puskesmas.

b. Pasien yang sudah pernah melakukan registrasi untuk mendapatkan nomor

antrian atau tiket hanya perlu memasukan kode pasien, kode pasien tersebut

Page 17: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

43

didapatkan saat melakukan selesai mengisi data registrasi, dan terdapat pada

kertas antrian waktu melakukan kunjungan pertama kali dipuskemas ini.

c. Setelah tahap registrasi selesai, tampilan halaman akan menampilkan nomor

antrian untuk pasien. Tampilan tersebut akan tampilan di form gambar.

C. Interface Halaman Login Petugas

DINAS KESEHATAN

PUSKESMAS SANGGAU KAPUAS

ALAMAT

LOGIN PETUGAS

USERNAME

PASSWORD

:

:

TEXT

TEXT

MASUKBATAL

Sumber : Hasil Perancangan (2018)

Gambar IV.10 Interface Login Petugas

Nama Program : Halaman login petugas

Akronim Program : login_petugas.php

Fungsi Program : Untuk melakukan login

Bahasa Program : HTML, PHP, Java Script, CSS

Proses Program :

a. Sebelum masuk ke menu halaman petugas, petugas harus melakukan login

Page 18: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

44

dengan cara memasukan username dan password yang sudah didaftarkan.

b. Untuk mendaftarkan username dan password hanya bisa dilakukan oleh

admin dihalaman menu utama petugas.

D. Interface Halaman Utama Petugas

DINAS KESEHATAN

PUSKESMAS SANGGAU KAPUAS

ALAMAT

LoginProfil Admin

Welcome [email protected]

Menu Petugas

Data Pasien +

Jadwal Dokter +

Data Poli +

Data Petugas +

footer

Sumber : Hasil Perancangan (2018)

Gambar IV.11 Interface Menu Utama Petugas

Nama Program : Halaman utama petugas

Akronim Program : halaman_utama_petugas.php

Fungsi Program : Untuk melakukan login

Bahasa Program : HTML, PHP, Java Script, CSS

Proses Program :

a. Setelah petugas berhasil login maka layar computer akan menampilkan

halaman utama petugas. Halaman ini berisi menu data pasien, menu jadwal

Page 19: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

45

dokter, menu data poli, dan menu data petugas Puskesmas.

b. Jika mengklik menu data pasien maka layar akan menampilkan data registrasi

pasien dan nomor urut antri. Terdapat tampilan menu panggil pasien pada

menu data pasien.

c. Jika mengklik menu jadwal dokter maka akan menampilkan jadwal dokter,

dimenu ini petugas puskesmas bisa mengedit atau menginput jadwal dokter

sesuai jadwal yang sudah di tentukan oleh pihak Puskesmas.

d. Jika mengklik menu data poli maka akan menampilkan menu poli untuk

pilihan pasien, dimenu ini petugas juga bisa merubah nama poli sesuai

pelayanan poli yang ada di Puskesmas.

e. Jika mengklik menu data petugas maka layar akan menampilkan data-data

petugas yang ada dipuskesmas serta data petugas loket. Dimenu ini petugas

bisa menregistrasikan atau mendaftarkan username dan password petugas

yang berhak mengakses menu utama petugas Puskesmas ini.

Page 20: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

46

E. Interface Halaman Admin Menu Data dan Panggil Pasien

DINAS KESEHATAN

PUSKESMAS SANGGAU KAPUAS

ALAMAT

LoginProfil Admin

Menu Petugas

Data Pasien

footer

Nama : MAWAR

Tempat &tgl.lahir : Pontianak,10-08-1995

No. KTP : 9123345xxxx

No. Kartu Sehat : 6280177xxxx

Jenis Kelamin : Perempuan

Alamat : Jln. Adisucipto Gg.Flamboyan No. 11

M 01

No.Urut

POLI UMUM

Panggil

Ulangi

Lewati

10:56:30

Jam

Sumber : Hasil Perancangan (2018)

Gambar IV.12 Interface Halaman Menu Data dan Panggil Pasien

Nama Program : Halaman menu data dan panggil pasien

Akronim Program : data_panggil_pasien.php

Fungsi Program : Untuk melakukan pengecekan data dan memanggil

nomor antrian pasien

Bahasa Program : HTML, PHP, Java Script, CSS

Proses Program :

a. Menu ini akan menampilkan data pasien yang sudah mendaftarkan atau

melakukan registrasi pengantrian.

b. Terdapat tampilan nomor urut pasien, tombol panggil untuk memanggil

Page 21: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

47

nomor urut pasien.

c. Tombol ulangi untuk mengulangi pemanggilan nomor urut pasien.

d. Tombol lewati untuk melewati pemanggil nomor urut pasien. Tombol ini

digunakan jika pasien tidak merespon panggilan nomor urutnya dan

dilanjutkan untuk pemanggilan nomor urut berikutnya

F. Interface Halaman Jadwal Dokter

DINAS KESEHATAN

PUSKESMAS SANGGAU KAPUAS

ALAMAT

LoginProfil Admin

Menu Petugas

Jadwal Dokter

footer

Id_dokter :

Nama Dokter :

Status :

Jadwal :

text

text

Aktif Tidak Aktif

text Jam : text

simpanBatal

Sumber : Hasil Perancangan (2018)

Gambar IV.13 Interface Halaman Menu Jadwal Dokter

Nama Program : Halaman menu jadwal dokter

Akronim Program : jadwal_dokter.php

Fungsi Program : untuk memasukan jadwal dokter yang bertugas

Bahasa Program : HTML, PHP, Java Script, CSS

Proses Program :

Page 22: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

48

a. Halaman untuk mengatur jadwal dokter yang bertugas.

b. Dihalaman ini petugas bisa mengedit atau menginputkan jadwal dokter sesuai

jadwal yang sudah ditentukan oleh Puskesmas

G. Interface Data Poli

DINAS KESEHATAN

PUSKESMAS SANGGAU KAPUAS

ALAMAT

LoginProfil Admin

Menu Petugas

Data Poli

footer

Id_poli :

Nama Poli :

text

text

simpanBatal

Sumber : Hasil Perancangan (2018)

Gambar IV.14 Interface Halaman Menu Jadwal Dokter

Nama Program : Halaman data poli

Akronim Program : data_poli.php

Fungsi Program : untuk memasukan data poli

Bahasa Program : HTML, PHP, Java Script, CSS

Proses Program :

a. Dimenu ini petugas bisa menginput atau pun mengedit data poli

Page 23: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

49

H. Interface Data Petugas

DINAS KESEHATAN

PUSKESMAS SANGGAU KAPUAS

ALAMAT

LoginProfil Admin

Menu Petugas

Data Petugas

footer

Id petugas :

Nama :

text

text

simpanBatal

Username : text

Password : text

Ulangi Password : text

Email : text

Sumber : Hasil Perancangan (2018)

Gambar IV.15 Interface Halaman Menu Data Petugas

Nama Program : Halaman data petugas

Akronim Program : data_poli.php

Fungsi Program : untuk memasukan data poli

Bahasa Program : HTML, PHP, Java Script, CSS

Proses Program :

a. Jika mengklik menu data petugas maka layar akan menampilkan data-data

petugas yang ada dipuskesmas serta data petugas loket. Dimenu ini petugas

bisa menregistrasikan atau mendaftarkan username dan password petugas

yang berhak mengakses menu utama petugas puskesmas ini.

Page 24: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

50

4.2.1. Entity Relationsip Diagram (ERD)

Penggambaran proses relasi yang telah dibuat pada diagram alir

datasehingga berhubungan antar Entity Relationship Diagram, Dapat terlihat dan

melibatkan rancangan field-field didalam database. Berikut adalah ERD yang

dibuat untuk Perancangan Sistem Informasi

Sumber : Hasil Perancangan (2018)

Gambar IV.16 Entity Relationsip Diagram (ERD)

Page 25: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

51

4.2.2. Logical Record Structure (LRS)

Sumber : Hasil Perancangan (2018)

Gambar IV.17 Logical Structure (LRS)

Page 26: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

52

4.2.3. Spesifikasi File

Adapun spesifikasi file yang penulis gunakan dalam rancangan program

sistem usulan antrian pasien pada puskesmas sanggau kapuas adalah sebagai

berikut :

1. Nama Database : Pasien

Nama File : Pasien

Akronim : pasien.frm

Tipe File : File Master

Akses File : Random

Panjang Record : 147 byte

Kunci Field : id_pasien

Tabel IV.8.

Spesifikasi File Tabel Pasien

No. Elemen Data Nama Field Type Size Keterangan

1 Kode pasien Kd_pasien Int 11 Primary key

2 Nama poli Nm_poli Varchar 10

3 Nomor kk No_kk Varchar 10

4 Nomor kartu sehat No_ks Varchar 10

5 Nama Nama Varchar 15

6 Tempa&tgl lahir Tempat_tgl Varchar 30

7 Umur Umur Int 11

8 alamat Alamat Text 50

Page 27: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

53

2. Nama Database : registrasi

Nama File : registrasi

Akronim : registrasi.frm

Tipe File : File Master

Akses File : Random

Panjang Record : 147 byte

Kunci Field : registrasi

Tabel IV.9.

Spesifikasi File Tabel Registrasi Pasien

No. Elemen Data Nama Field Type Size Keterangan

1 Kode pasien Kd_pasien Int 11 Primary key

2 Nama poli Nm_poli Varchar 10

3 Nomor kk No_kk Varchar 10

4 Nomor kartu sehat No_ks Varchar 10

5 Nama Nama Varchar 15

6 Tempa&tgl lahir Tempat_tgl Varchar 30

7 Umur Umur Int 11

8 alamat Alamat Text 50

Page 28: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

54

3. Nama Database : nomor antrian

Nama File : nomor antrian

Akronim : tborder_details.frm

Tipe File : File Master

Akses File : Random

Panjang Record : 50 byte

Kunci Field : id_detail_pesanan

Tabel IV.10.

Spesifikasi File Tabel Nomor Antrian

No. Elemen Data Nama Field Type Siz

e

Keterangan

1 Nomor

Antrian No_antrian Int 10 Primary key

2 Kode pasien Kd_pasien Int 10

3 Loket Loket Int 10

4 Nama Nama Varchar 10

5 Nama poli Nm_poli Varchar 10

4. Nama Database : Data Pasien

Nama File : Data Pasien

Akronim : Data Pasien.frm

Tipe File : File Master

Akses File : Random

Panjang Record : 150 byte

Kunci Field : data_pasien

Page 29: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

55

Tabel IV.11.

Spesifikasi File Data Pasien

No. Elemen Data Nama Field Type Siz

e

Keterangan

1 Nomor

Antrian No_antrian Int 10 Primary key

2 Kode pasien Kd_pasien Int 10

3 Loket Loket Int 10

4 Nama Nama Varchar 10

5 Nama poli Nm_poli Varchar 10

5. Nama Database : data petugas

Nama File : data petugas

Akronim : data_petugas.frm

Tipe File : File Master

Akses File : Random

Panjang Record : 106 byte

Kunci Field : dt_petugas

Tabel IV.12.

Spesifikasi File Data Petugas

No. Elemen Data Nama Field Type Size Keterangan

1 Id petugas Id_petugas Int 11 Primary key

2 Nama petugas Nm_petugas Varchar 25

3 username Username Varchar 20

4 Password Password Varchar 20

5 Email E-mail Varchar 30

Page 30: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

56

6. Nama Database : jadwal dokter

Nama File : jadwal dokter

Akronim : jadwal_dokter.frm

Tipe File : File Master

Akses File : Random

Panjang Record : 68 byte

Kunci Field : jadwal_dokter

Tabel IV.13.

Spesifikasi File Jadwal Dokter

No. Elemen Data Nama Field Type Size Keterangan

1 Id dokter Id_dokter Int 11 Primary key

2 Nama dokter Nm_dokter varchar 20

3 Status Status tinyint 2

4 Jadwal Jadwal Int 35

4.2.4. Class Diagram / Class Model

Penggambaran proses relasi yang telah dibuat pada diagram alir data

sehingga berhubungan antar Class Model, Dapat terlihat dan melibatkan

rancangan field-field didalam database. Berikut adalah Class Diagram yang dibuat

adalah:

Page 31: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

57

Sumber : Hasil Perancangan (2018)

Gambar IV.18 Class Model

4.2.5. Sequence Diagram

Dalam sequence diagram, setiap object hanya memiliki garis yang

digambarkan garis putus-putus ke bawah. Pesan antar object digambarkan dengan

anak panah dari object yang mengirimkan pesan ke object yang menerima pesan

berikut ini adalah sequence diagram yang dirancang

Page 32: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

58

1. Sequence Diagram Halaman Pasien

a. Sequence Diagram Registrasi Dan Penggambilan No Antrian

Sumber : Hasil Perancangan (2018)

Gambar IV.19 Sequence Diagram Registrasi Dan Penggambilan

No Antrian

2. Sequence Diagram Halaman Petugas

b. Sequence Diagram Pemanggilan Antrian Pasien

Sumber : Hasil Perancangan (2018)

Gambar IV.20 Sequence Diagram Pemanggilan No Antrian Pasien

c. Sequence Diagram Tambah Data Poli

Page 33: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

59

Sumber : Hasil Perancangan (2018)

Gambar IV.21 Sequence Diagram Tambah Data Poli

d. Sequence Diagram Tambah Data Jadwal dokter

Sumber : Hasil Perancangan (2018)

Gambar IV.22 Sequence Diagram Tambah Data Jadwal Dokter

e. Sequence Diagram Tambah Data User

Page 34: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

60

Sumber : Hasil Perancangan (2018)

Gambar IV.23 Sequence Diagram Tambah Data User

4.2.6. Spesifikasi Hardware dan Software

Program aplikasi yang mudah digunakan akan sangat membantu dalam

menyelesaikan pekerjaan. Kemudahan dalam penggunaan aplikasi tersebut dapat

meminimalisir kesalahan yang dilakukan oleh para user pada saat menjalankan

program yang pada akhirnya diharapkan akan berfungsi secara maksimal.

Pada pengembangan sistem berbasis komputer ini membutuhkan banyak

sumber daya dan juga memakan waktu yang cukup lama untuk menyelesaikannya,

karena terdapat beberapa tahapan yang dimulai dari sistem itu direncanakan

hingga sistem ini diterapkan. Apabila sistem yang telah ada masih menimbulkan

berbagai masalah yang rumit dan tidak dapat diatasi dalam tahap

pemeliharaannya, maka perlu dikembangkan kembali suatu sistem untuk

menunjang kebutuhan akan pengolahan data tersebut dengan menggunakan

perangkat keras (hardware) dan perangkat lunak (software).

A. Spesifikasi Hardware

Page 35: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

61

Perangkat keras merupakan elemen vital yang diperlukan untuk menjalankan

program aplikasi atau software yang akan digunakan. Elemen-elemen vital

tersebut merupakan peralatan masukan (input device), tempat penyimpanan

(storage unit), dan peralatan keluaran (output device). Spesifikasi perangkat keras

minimal yang dibutuhkan adalah sebagai berikut:

1. Spesifikasi Perangkat Keras

1) Server

a) CPU

(1) Processor Intel® BayTrailL M Duol-Core 2,50Ghz

(2) RAM 2,00 GB

(3) Hard Disk 500 GB

b) Mouse

c) Keyboard

d) Monitor dengan resolusi layar minimum 1024 x 768

e) Koneksi internet dengan kecepatan 2 Mbps

2) Client

a) CPU

(1) Processor AMD C-60 APU with Radeon(tm) HD Graphics 1.00

GHz

(2) RAM 2,00 GB

(3) Hard Disk 320 GB

b) Mouse

c) Keyboard

d) Monitor dengan resolusi layar minimum 1024 x 768

Page 36: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

62

Koneksi internet dengan kecepatan 1 Mbps

B. Spesifikasi Software

Perangkat lunak atau software merupakan suatu rangkaian instruksi yang

disusun secara teratur agar komputer dapat mengolah data untuk mendapatkan

informasi yang dibutuhkan oleh user atau pengguna. Dalam pembuatan program

ini dibutuhkan perangkat lunak sebagai berikut:

1) Server

a) Sistem operasi seperti Microsoft Windows 7 dan Windows XP.

b) Aplikasi web server seperti Xampp yang memiliki beberapa komponen,

diantaranya:

(1) Aplikasi Apache Server

(2) Aplikasi MySQL Server

(3) Aplikasi PHP Server

(4) Aplikasi phpMyAdmin

2) Client

a) Sistem operasi seperti Microsoft Windows 7 dan Windows XP.

b) Aplikasi web browser seperti: Google Chrome dan Mozilla Firefox.

4.2. Jadwal Implementasi

Dalam usaha untuk membangun sebuah sistem, diperlukan tahapan-tahapan

bijak agar sistem yang dirancang dapat dibuat dengan semestinya.

Pengimplementasian dari sistem ini membutuhkan waktu selama 3 bulan adapun

rincian kegiatan sebagai berikut:

Page 37: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id · 27 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem Setelah tahap analisis sistem selesai dilakukan, maka

63

Tabel IV.14.

Jadwal Implementasi

NO Tahapan

Kegiatan

Waktu Kegiatan

1 2 3

1 2 3 4 1 2 3 4 1 2 3 4

1 Riset

2 Analisa

Kebutuhan

3 Analisa

Sistem

Berjalan

4 Perancangan

prototype

5 Desain

Perancangan

Usulan

6 Evaluasi

Sumber : Hasil Penelitian (2018)