BAB V

IMPLEMENTASI DAN PEMBAHASAN

5.1 Implementasi

Tahap implementasi adalah mempresentasikan hasil desain ke dalam

pemograman, berdasarkan hasil analisis dan perancangan yang dilakukan pada

bab IV. Pada bab V ini dijelaskann mengenai implementasi perangkat lunak.

Implementasi perangkat keras, implementasi antar muka rancang bangun sistem

informasi donor darah pada PMI Kota Prabumulih.

5.1.1 Implementasi Perangkat Lunak

Rancang bangun sistem informasi donor darah pada PMI Kota Prabumulih

berbasis website menggunakan PHP & MySQL ini di kembangkan pada laptop

dengan beberapa komponen pendukung perangkat lunak, adapun komponen

pendukung pembuatan aplikasi ini antara lain :

1. Sistem Operasi Windows 10

2. Bahasa Pemograman PHP

3. Basis Data MySQL

4. Visual Studio Code

5. Xampp

66
 67

5.1.2 Implementasi perangkat keras

Perangkat keras (hardware) yaitu komponen-komponen fisik bersifat dapat

di lihat, disentuh, dan bentuk nyata yang membentuk suatu kesatuan sistem.

Hardware digunakan sebagai media untuk menjalankan instruksi-instruksi yang di

berikan dan mengeluarkannya dalam bentuk informasi yang digunakan oleh

manusia untuk laporan. Adapun perangkat keras yang digunakan untuk

mendukung pembuatan program aplikasi ini sebagai berikut :

1. Laptop

2. Mouse

3. Printer

5.2 Pembahasan

Penelitian ini membahas mengenai bagaimana merancang bangun Sistem

Informasi donor darah pada PMI berbasis web untuk mempermudah admin dan

user/masyarakat dalam melakukan pegolahan data dan mencari informasi tentang

PMI Kota Prabumulih.

5.2.1 Implementasi Database

Implementasi database untuk rancang bangun sistem informasi donor darah

pada PMI Kota Prabumulih menggunakan bantuan web server dari Xampp dengan

mengaktifkan Apache, dan MySQL. Untuk mengakses database dilakukan pada

browser yaitu dengan mengetikkan http://localhost/phpmyadmin atau

http://127.0.0.1/phpmyadmin/.
 68

Gambar 5.1 PhpMyAdmin

Pada halaman utama phpmyadmin ditampilkan beberapa database yang akan

digunakan dalam penyimpanan data untuk rancang bangun sistem informasi

donor darah pada PMI Kota Prabumulih.

5.2.2 Implementasi Antar Muka

Implementasi antar muka dilakukan dengan membuat antar muka pada form

yang ada pada website ini. Setiap halaman yang akan dibuat akan dibentuk sebuah

file yang berektensi php. File-file tersebut selanjutnya dapat diakses dan akan

menjadi penghubung antara admin, dan pengunjung website ini. Pada

implementasi antar muka halaman utama merupakan sentral penghubung dengan

antar muka yang lain. Berikut adalah implementasi antara muka rancang bangun

sistem informasi donor darah pada PMI Kota Prabumulih:

1. Tampilan login admin

2. Tampilan antar muka halaman beranda admin

3. Tampilan antar muka halaman menu admin

 69

4. Tampilan antar muka halaman menu data pendonor

5. Tampilan antar muka halaman menu jadwal donor darah

6. Tampilan antar muka halaman menu data stok darah

7. Tampilan antar muka halaman menu data permintaan darah

8. Tampilan antar muka halaman menu Realtime

9. Tampilan antar muka halaman utama web untuk pengunjung

10. Tampilan antar muka halaman tabel permintaan darah

11. Tampilan antar muka halaman tabel jadwal donor

12. Tampilan antar muka halaman tabel pendonor

13. Tampilan antar muka halaman PMR dan relawan

14. Tampilan antar muka halaman kemitraan

15. Tampilan antar muka halaman pejabat pengelola

16. Tampilan antar muka halaman profil PMI Prabumulih

17. Tampilan antar muka halaman pengurus PMI Prabumulih

18. Tampilan antar muka halaman visi dan mis

5.2.3 Implementasi Tampilan Login admin

Pada bagian ini admin dapat memasukan nama pengguna dan password.
 70

Gambar 5.2 Halaman Login admin

5.2.4 Implementasi Tampil Antar Muka Halaman Beranda Admin

Pada bagian ini terdapat beberapa menu yaitu data pendonor, jadwal donor,

data stok darah, data permintaan, dan data Realtime darah.

Gambar 5.3 Halaman Beranda Admin

5.2.5 Implementasi Tampilan Antar Muka Halaman Menu Pendonor

 71

Pada bagian ini admin dapat menambah, edit, hapus dan cetak data

pendonor

Gambar 5.4 Halaman Menu Data Pendonor

5.2.6 Implementasi Tampilan Antar Muka Halaman Menu Jadwal Donor

Pada bagian ini admin dapat menambah, edit, hapus dan cetak data jadwal.

Gambar 5.5 Halaman Menu Jadwal Donor

5.2.7 Implementasi Tampilan Antar Muka Halaman Menu Data Stok Darah
 72

Pada bagian ini admin dapat menambah, edit, hapus dan cetak data stok

darah.

Gambar 5.6 Halaman Menu Data Stok Darah

5.2.8 Implementasi Tampilan Antar Muka Halaman Menu Data Permintaan

Pada bagian ini admin dapat menambah, edit, hapus dan cetak data

permintaan.

Gambar 5.7 Halaman Menu Data Permintaan Darah

5.2.9 Implementasi Tampilan Antar Muka Halaman Menu Data Realtime

 73

Pada bagian ini admin dapat mengedit data, cetak data dan menghubungkan

data ke halaman beranda pengunjung.

Gambar 5.8 Halaman Menu Data Realtime Darah

5.2.10 Implementasi Tampilan Antar Muka Halaman Beranda Web

Pada bagian ini pengunjung dapat melihat dan mengakses halaman unit

markas, informasi public, permintaan darah, jadwal donor, pendonor, data stok

terkini, galeri kegiatan, manfaat donor, tata cara donor dan halaman kontak.
74
 75

Gambar 5.9 Halaman Beranda

5.2.11 Implementasi Tampilan Antar Muka Halaman Tabel Permintaan

Pada bagian ini terdapat data permintaan darah.

 76

Gambar 5.10 Halaman Tabel Permintaan

5.2.12 Implementasi Tampilan Antar Muka Halaman Tabel Jadwal

Pada bagian ini terdapat data jadwal donor darah.

Gambar 5.11 Halaman Data Jadwal Donor Darah

5.2.13 Implementasi Tampilan Antar Muka Halaman Menu Pendonor

Pada bagian ini terdapat data pendonor.

 77

Gambar 5.12 Halaman Data Pendonor Darah.

5.3 Pengujian Sistem

Pengujian perangkat lunak ini menggunakan metode pengujian Black

Box. Pengujian Black Box berfokus pada persyaratan atau kebutuhan fungsional

perangkat lunak yang dibuat. Rencana pengujian pada rancang bangun sistem

informasi donor darah pada PMI Kota Prabumulih menggunakan data uji

berupa beberapa data masukan yang diperoleh dari PMI dan pengisian data

dilakukan pada sistem informasi yang telah dibuat, untuk selengkapnya dapat

dilihat tabel di bawah ini:

Tabel 5.1 Pengujian dengan Black Box Testing

 78

No Skenario Pengujian Hasil yang Diharapkan Kesimpulan

1 Menjalankan halaman menu Sistem akan menampilkan

beranda dengan cara mebuka halaman menu beranda.
link localhost atau
localhost/webpmi Valid

2 Mengakses Sistem akan menampilkan

localhost/webpmi/login halaman login admin

Valid

3 Menjalankan menu data Sistem akan menampilkan

pendonor, jadwal donor, data halaman pendonor, jadwal
stok darah, data permintaan, donor, data stok darah, data
data realtime darah. permintaan, data realtime Valid
darah.
 79

4 Mengakses halaman Sistem akan menampilkan

permintaan darah, jadwal halaman table permintaan
donor, data pendonor. darah, jadwal donor, data
 80

pendonor Valid
81