Dokumentasi Proyek Rancangan Healthy People

DOKUMENTASI PROYEK RANCANGAN HEALTHY PEOPLE
Disusun oleh:
Kelompok _ INF/A
Trie Hardini Harahap (J0303201050)
Nabiela Virda Syarief (J0303201017)
Yuni Nur Rohmatilah (J0303201038)
PROGRAM STUDI INF
SEKOLAH VOKASI
INSTITUT PERTANIAN BOGOR
BOGOR
2022
KATA PENGANTAR
Puji syukur penulis panjatkan atas ke hadirat Allah subhanaahu wa ta’ala,

atas segala rahmat dan karunia yang diberikan, sehingga laporan akhir ini dapat
terselesaikan dengan baik dan tepat waktu. Maksud dan tujuan dari penulisan
laporan ini untuk memenuhi persyaratan tugas akhir mata kuliah Rekayasa
Perangkat Lunak, pada Program Studi Manajemen Informatika Sekolah Vokasi
Institut Pertanian Bogor.
Dalam penyusunan laporan ini, tidak lepas dari bantuan berbagai pihak,
maka pada kesempatan ini kami menyampaikan terima kasih kepada:
1. Kepada Orang Tua kami yang selalu mendoakan dan memberikan

dukungan kepada kami.
2. Ibu Sofiyanti Indriasari, S.Kom, M.Kom sebagai Dosen mata kuliah
Rekayasa Perangkat Lunak.
3. Teman-teman kami yang selalu setia memberikan dukungan kepada
kami.
Akhir kata, semoga Allah subhanaahu wa ta’ala senantiasa melimpahkan

karunia-Nya dan membalas segala amal budi serta kebaikan pihak yang telah
membantu dalam penyusunan laporan ini dan semoga laporan ini dapat
memberikan manfaat bagi pihak yang membuat.
Bogor, Desember 2022
Penyusun
DAFTAR ISI
KATA PENGANTAR i
DAFTAR ISI ii
DAFTAR GAMBAR iii
DAFTAR TABEL iv
BAB I PENDAHULUAN 1
1.1 Latar Belakang 1

1.2 Tujuan 1
1.3 Manfaat 1
BAB II SPESIFIKASI KEBUTUHAN PERANGKAT LUNAK 2
2.1 Lembar Pernyataan 2

2.2 Dokumen Perencanaan 2
2.2.1 Project Charter 2
2.2.2 Struktur Sumber Daya Manusia 2
2.2.3 Metodelogi Pengembangan Sistem 2
2.2.4 Work Breakdown Structure (WBS) 2
2.3 Dokumen Spesifikasi Kebutuhan Perangkat Lunak 2
2.3.1 Deskripsi Umum Sistem 2
2.3.2 Tujuan Pembuatan Sistem 2
2.3.3 Daftar Kebutuhan Fungsional (Product Backlog) 2
2.3.4 Daftar Kebutuhan Non Fungsional 2
2.3.5 Diagram Fungsional Sistem 2
2.3.6 Model Class Diagram 2
2.3.7 Spesifikasi Software dan Hardware 2
BAB III DOKUMEN PERANCANGAN PERANGKAT LUNAK 3
3.1 Pendahuluan 3
3.1.1 Tujuan Penulisan Dokumen 3
3.1.2 Lingkup Masalah 3
3.1.3 Definisi dan Istilah 3
3.1.4 Aturan Penamaan dan Penomoran 3
ii
3.1.5 Referensi 3
3.2 Rancangan Lingkungan Implementasi 3
3.3 Perancangan Data 3
3.3.1 Daftar Tabel 3
3.3.2 Struktur Tabel 3
3.3.3 Skema Relasi 3
3.4 Perancangan Arsitektural 3
3.4.1 Struktur Program 3
3.4.2 Dekomposisi Fungsional Modul 3
3.5 Perancangan Antarmuka 3
3.5.1 Spesifikasi Antarmuka 3
3.6 Peracangan Prosedural 3
3.7 Matriks Keturunan 3
BAB IV DOKUMEN UJI PERANGKAT LUNAK 4
4.1 Pendahuluan 4
4.1.1 Tujuan 4
4.1.2 Lingkup Masalah 4
4.1.3 Definisi dan Singkatan 4
4.1.4 Referensi 4
4.1.5 Deskripsi Umum Dokumen 4
4.2 Lingkungan Pengujian Peangkat Lunak 4
4.2.1 Perangkat Lunak Pengujian 4
4.2.2 Perangkat Keras Pengujian 4
4.2.3 Material Pengujian 4
4.2.4 Sumber Daya Manusia 4
4.2.5 Prosedur Umum Pengujian 4
4.3 Identifikasi dan Rencana Pengujian 4
4.4 Deskripsi dan Hasil Uji 4
4.5 Matrix Kerunutan 4
BAB V PENUTUP 5
5.1 Kesimpulan 5
5.2 Saran 5
iii
iv
DAFTAR GAMBAR
Gambar 1 Project Charter........................................................................................4
Gambar 2 Struktur Sumber Daya Manusia..............................................................4
Gambar 3 Metodelogi Pengembangan Sistem.........................................................5
Gambar 4 Work Breakdown Structure (WBS)........................................................6
Gambar 5 DFD Level 0............................................................................................9
Gambar 6 DFD Level 1............................................................................................9
Gambar 7 DFD Level 2..........................................................................................10
Gambar 8 Use Case Diagram.................................................................................10
Gambar 9 Activity Diagram...................................................................................11
Gambar 10 ERD.....................................................................................................12
Gambar 11 Model Class DIagram.........................................................................12
Gambar 12 Arsitektur Jaringan..............................................................................17
Gambar 13 Skema Relasi.......................................................................................29
Gambar 14 Struktur Program.................................................................................30
Gambar 15 Halaman Utama...................................................................................32
Gambar 16 Halaman Vaksin..................................................................................33
Gambar 17 Halaman Berita....................................................................................34
Gambar 18 Halaman Login....................................................................................35
Gambar 19 Halaman CRUD..................................................................................37
Gambar 20 Material Pengujian Halaman Utama...................................................48
Gambar 21 Material Pengujian Halaman Vaksin..................................................49
Gambar 22 Material Pengujian Halaman Berita....................................................49
Gambar 23 Material Pengujian Halaman Login....................................................50
Gambar 24 Material Pengujian Halaman Register................................................50
Gambar 25 Material Pengujian Halaman Pendaftaran Vaksin..............................51
Gambar 26 Material Pengujian Layanan Kami......................................................51
Gambar 27 Material Pengujian Hubungi Kami.....................................................52
v
DAFTAR TABEL
Tabel 1 Lembar Pernyataan.....................................................................................3

Tabel 2 Daftar Kebutuhan Fungsional (Product Backlog).......................................7
Tabel 3 Daftar Kebutuhan Non Fungsional.............................................................8
Tabel 4 Diagram Fungsional Sistem........................................................................8
Tabel 5 Spesifikasi Software..................................................................................13
Tabel 6 Spesifikasi Hardware................................................................................13
Tabel 7 Definisi dan Istilah....................................................................................14
Tabel 8 Rancangan Lingkungan Implementasi Laptop/PC...................................15
Tabel 9 Rancangan Lingkungan Implementasi Smartphone.................................16
Tabel 10 Rancangan Lingkungan Implementasi Software....................................16
Tabel 11 Daftar Tabel Perancangan Data..............................................................17
Tabel 12 Struktur Tabel User.................................................................................18
Tabel 13 Struktur Tabel Vaksinasi.........................................................................19
Tabel 14 Struktur Tabel Provinsi...........................................................................23
Tabel 15 Struktur Tabel Lokasi Vaksin.................................................................23
Tabel 16 Struktur Tabel Jenis Vaksin....................................................................25
Tabel 17 Struktur Tabel Dokter.............................................................................26
Tabel 18 Struktur Tabel Berita...............................................................................28
Tabel 19 Dekomposisi Fungsional Modul.............................................................31
Tabel 20 Deksripsi Tabel Halaman Utama............................................................32
Tabel 21 Spesifikasi Objek Halaman Utama.........................................................33
Tabel 22 Deskripsi Tabel Halaman Vaksin...........................................................34
Tabel 23 Spesifikasi Objek Halaman Vaksin........................................................34
Tabel 24 Deskripsi Tabel Halaman Berita.............................................................35
Tabel 25 Deskripsi Tabel Halaman Login.............................................................36
Tabel 26 Spesifikasi Objek Halaman Login..........................................................36
Tabel 27 Deskripsi Tabel Halaman CRUD............................................................37
Tabel 28 Spesifikasi Objek Halaman CRUD.........................................................38
Tabel 29 Perancangan Prosedural Lokasi Vaksinasi.............................................38
Tabel 30 Perancangan Prosedural Jenis Vaksinasi................................................39
Tabel 31 Perancangan Prosedural Beranda............................................................40
Tabel 32 Perancangan Prosedural Detail Beranda.................................................40
Tabel 33 Perancangan Prosedural Login...............................................................41
Tabel 34 Perancangan Prosedural CRUD..............................................................43
Tabel 35 Matriks Kerunutan DPPL.......................................................................44
Tabel 36 Perangkat Keras Pengujian.....................................................................46
Tabel 37 Tim Penguji.............................................................................................52
Tabel 38 Identifikasi dan Rencana Pengujian........................................................53
Tabel 39 Hasil Uji Halaman Utama.......................................................................54
Tabel 40 Hasil Uji Tambah Vaksin........................................................................55
vi
Tabel 41 Hasil Uji Halaman Berita........................................................................55
Tabel 42 Hasil Uji Halaman Login........................................................................56
Tabel 43 Hasil Uji Halaman Pendaftaran Vaksin..................................................56
Tabel 44 Hasil Uji Halaman Layanan Kami..........................................................57
Tabel 45 Hasil Uji Hubungi Kami.........................................................................57
Tabel 46 Matriks Kerunutan DUPL.......................................................................58
vii
BAB I
PENDAHULUAN
1.1 Latar Belakang
Pandemi Covid-19 yang terjadi saat ini telah membawa dampak pada
terbatasnya pergerakan manusia akibat social distancing dan physical distancing.
Menjadikan teknologi informasi memiliki peranan yang sangat penting, sekaligus
sebagai solusi untuk mengatasi pembatasan tersebut, diantaranya dalam urusan
pemerintahan, pendidikan, bisnis, ekonomi, kesehatan, bahkan urusan agama dan
ibadah.
Dalam bidang kesehatan misalnya, masyarakat di wajibkan untuk

melakukan vaksinasi sebagai upaya pencegahan primer yang sangat handal
mencegah penyakit. Dengan prosedur vaksinasi yang benar diharapkan akan di
peroleh kekebalan yang optimal, penyuntikan yang aman dan Kejadian Ikutan
Pasca Imunisasi(KIPI) yang minimal. Vaksinasi Covid-19 dilakukan sebagai
upaya untuk menurunkan kesakitan dan kematian serta mendorong terbentuknya
kekebalan kelompok (herd imunity).
Namun, kenyataanya pelaksanaan vaksinasi Covid-19 di Indonesia banyak

mengalami kendala di masyarakat. Salah satu kendalanya yaitu terjadinya antrian
di tempat vaksin yang mengakibatkan terjadinya kerumunan dan tidak menjaga
jarak, hal ini justru bisa mengakibatkan terjadinya peningkatan covid-19 di tempat
vaksinasi tersebut. Terjadinya antrian tersebut juga di karena kan proses
pendaftaran vaksinasi yang memakan waktu karena sebelum vaksin dilakukan
pendataan dan penginputan secara manual. Oleh karena itu, kami membuat
website vaksinasi yang bernama “Healthy People” dengan salah satu fiturnya
yaitu pendaftaran dan pendataan riwayat kesehatan masyarakat yang bisa
dilakukan secara online. Sebagai upaya meminimalisir terjadinya antrian yang
mengakibatkan peningkatan mobilitas covid-19. Adapun fitur lainnya yang akan
kami buat yaitu layanan vaksinasi dari rumah, lokasi layanan vaksinasi di
beberapa wilayah, notifikasi pengingat tanggal vaksin, artikel dan berita terkait
covid-19, dan fitur review pasca vaksinasi.
1.2 Tujuan
Tujuan penulisan dokumen proyek rancangan Healthy People yaitu sebagai

gabungan dokumentasi dari aktifitas yang dilakukan selama pengembangan
proyek perangkat lunak berbasis website. Dokumen ini berisikan terkait dengan
Spesifikasi Kebutuhan Perangkat Lunak (SKPL), Dokumen Perancangan
Perangkat Lunak (DPPL), dan Dokumen Uji Perangkat Lunak (DUPL).
1.3 Manfaat
Adapun manfaat dari penulisan dokumen proyek rancangan Heathy People

ini yaitu pengembang dan pembaca akan mengetahui secara keseluruhan
dokumentasi dari aktifitas pengembangan perangkat lunak website Healthy People
yang dilakukan selama proses pengembangan proyek perangkat lunak.
2
BAB II
SPESIFIKASI KEBUTUHAN PERANGKAT LUNAK
2.1 Lembar Pernyataan
Dokumen ini dibuat untuk memenuhi Ujian Tengah Semester Mata Kuliah
Rekayasa Perangkat Lunak TA 2022/2023.
Karya di dalamnya adalah murni ide dan karya dari tim penyusun. Jika ada
rujukan materi yang memuat ide/karya orang lain dan dicantumkan dalam
dokumen ini, maka sudah dituliskan dalam daftar pustaka. Karya ini bebas dari
plagiarisme dan tim penyusun bersedia menerima segala konsekuensi hukum jika
hal tersebut terbukti terjadi.
Tim yang menyatakan :
Tanggal : 10 Oktober 2022
Tabel 1 Lembar Pernyataan
NO Nama NIM Status Tanda

Tangan
Trie Hardini Harahap J0303201050
1 Ketua
Nabiela Virda Syarief J0303201017

2 Anggota
Yuni Nur Rohmatilah J0303201038

3 Anggota
3
2.2 Dokumen Perencanaan
2.2.1 Project Charter
Gambar 1 Project Charter
2.2.2 Struktur Sumber Daya Manusia
Sumber daya
manusia
Project
Programmer UI/UX
Manajer
Manajer Front end Back end
Gambar 2 Struktur Sumber Daya Manusia
4
Trie Hardini Harahap : Project Manajer
Yuni Nur Rohmatilah : Programer
Nabiela Virda Syarief : Designer UI/UX
2.2.3 Metodelogi Pengembangan Sistem
Gambar 3 Metodelogi Pengembangan Sistem
Scrum adalah metode yang mumpuni untuk kebutuhan manajemen proyek,

selain ampuh untuk memecahkan permasalahan, perusahaan dapat mencapai
tujuan proyek dengan lebih cepat jika menggunakan metode satu ini. Berikut
tahapan-tahapan dari metode scrum:
1. Menentukan tim
Dalam mengerjakan suatu project, tentu kamu membutuhkan tim. Tahapan
awal dalam memulai menerapkan metode Scrum adalah dengan menentukan
anggotatim. Biasanya, anggota tim tak lebih dari 5-10 orang. Usahakan jumlah
anggota seefektif dan seefisien mungkin.
2. Menentukan waktu pengerjaan
Dalam project management ada yang dikenal dengan sprint. Sprint sendiri
serangkaian pekerjaan yang dilakukan untuk menyelesaikan suatu masalah
khususnya penciptaan produk baru. Untuk menentukan waktu pengerjaan atau
sprint biasanya, sprint berlangsung 7 hingga 30 hari.
3. Menentukan peran dalam tim
Pada tahap ini bertujuan agar tim dapat bekerja maksimal, suatu tim
haruslah memiliki struktur dan perannya masing-masing agar tidak tumpang
tindih.
4. Mengumpulkan berbagai permasalahan
Langkah berikutnya adalah mengumpulkan berbagai hal yang didapat di
lapangan. Dalam project management, hal ini disebut sebagai backlog. Berbagai
5
permasalahan atau backlog ini kemudian dikumpulkan dan dibuat prioritas
pengerjaannya.
5. Memulai sprint
Setelah semua Langkah dijalankan, maka tim dapat memulai sprint. Dalam
melaksanakan sprint, tim dapat menemukan permasalahan atau backlog lain, maka
dari itu tim harus komunikasikan hal ini dengan product owner.
Scrum dipilih oleh tim dikarenakan memiliki beberapa manfaat dalam
melakukan projek Farmagic, diantaranya :
1. Mampu menyelesaikan proyek kompleks yang sebelumnya tidak bisa
dilakukan
2. Rilis produk siap pakai yang lebih cepat untuk pengguna dan pelanggan
3. Produktivitas yang lebih tinggi
2.2.4 Work Breakdown Structure (WBS)
Gambar 4 Work Breakdown Structure (WBS)
6
2.3 Dokumen Spesifikasi Kebutuhan Perangkat Lunak
2.3.1 Deskripsi Umum Sistem
Pada website kami ini merupakan Web kesehatan pasca pandemi dengan
judul HealthyPeople yang berisikan tentang berita – berita covid-19 dan
pentingnya vaksinasi. Pada kali ini untuk fitur utama dalam website tersebut
adalah fitur pendaftaran vaksin secara online, seperti menginput data secara
online dan memberikan respon terkait kesehatan pengguna agar diketahui bahwa
pengguna sudah bisa melaksanakan vaksin atau tidak. Jadi pada saat pengguna
datang kebooth vaksinasi, pendaftar/pengguna sudah memiliki nomer antrian
dan data sudah dilengkapi jadi tidak harus berebut antrian. Dan website ini juga
memiliki fitur lainnya seperti home service Vaksin, yang dimana kita bisa
mendatangkan petugas Vaksin tanpa harus kita pergi keluar rumah. Didalam
website ini juga terdapat fitur untuk mengetahui dimana dan jadwal vaksin setiap
daerah.
2.3.2 Tujuan Pembuatan Sistem

a) Mempermudah masyarakat untuk daftar vaksin secara online sehingga tidak
perlu mengantri.
b) Sebagai upaya mencegah terjadinya keramaian di tempat vaksinasi yang bisa
mengakibatkan peningkatan mobilitas covid-19.
c) Mengingatkan masyarakat untuk melakukan vaksinasi kembali sesuai waktu
yang telah ditentukan melalui fitur notifikasi.
d) Memudahkan masyarakat jika ada keluhan pasca vaksin melalui fitur review
vaksinasi.
2.3.3 Daftar Kebutuhan Fungsional (Product Backlog)
Aplikasi HealthyPeople memiliki beberapa kebutuhan fungsional,

sebagaimana yang terdapat pada tabel berikut ini.
Tabel 2 Daftar Kebutuhan Fungsional (Product Backlog)
Fitur /
No. Pengguna / User
Tugas
1 Beranda
Pembaca (User) Fitur beranda digunakan untuk melihat preview
dari artikel tentang covid dan seputar vaksin.
2 Tentang
7
Fitur ini berisikan seputar nama team yang
membuat website tersebut.
3 Kontak
Fitur kontak ini berisikan sosial media yang telah

disediakan agar mempermudah pengguna untuk
menghubungi jika memiliki kendala.
4 Pendaftaran Vaksin
Fitur ini merupakan fitur utama dari website ini

ya itu pendfataran vaksin, yang berfungsi untuk
mendaftar dan mendapat nomor antrian beserta
lokasi vaksin yang telah di sediakan.
2.3.4 Daftar Kebutuhan Non Fungsional

Tabel 3 Daftar Kebutuhan Non Fungsional
No
Analisa Perangkat Keras Analisa Perangkat Lunak
.
1. Minimum AMD Ryzen 5 & CPU-8 core Visual Studio Code
2. 16 GB RAM XAMPP
3. 512 GB Penyimpanan MySql
4. Windows 11 & MacOS Monterey Microsoft Project
2.3.5 Diagram Fungsional Sistem

 DFD Level 0-2 (OOP)
Tabel 4 Diagram Fungsional Sistem
Pengguna No Fungsi Nama Fungsi

User 1 Input pendaftaran vaksin
2 Input syarat vaksin
3 Melihat notifikasi pengingat vaksin
4 Mengisi formulir kesehatan
Melihat dan membaca artikel terkait
5
covid-19
Melihat data terkait layanan vaksinasi
6
perwilayah
7 Mengisi review vaksinasi
Admin 8 Menampilkan data vaksinasi
Menampilkan data yang bisa dan tidak
8.1
bisa vaksinasi
8
Menampilkan data layanan vaksinasi
8.2
perwilayah
9 Menampilkan notifikasi pengingat vaksin
 DFD Level 0
Gambar 5 DFD Level 0
 DFD Level 1
9
 DFD Level 2
 Use Case Diagram
Gambar 8 Use Case Diagram
10
 Activity Diagram
Gambar 9 Activity Diagram
11
 Diagram Analisis Data (Entity Relationship Diagram - ERD)
12
2.3.6 Model Class Diagram
2.3.7 Spesifikasi Software dan Hardware

 Software
Tabel 5 Spesifikasi Software
No Nama Software Kegunaan

.
1 Visual Studio Code Menulisakan dan membuat baris kode dalam
pembuatan website
2 XAMPP Untuk mengkoneksikan database dan
mengaktifkan local server
3 Microsoft Project Digunakan untuk membuat Work Breakdown
Structure
4 Zoom Meeting Digunakan untuk melakukan diskusi dengan team
secara Virtual Meeting
 Hardware
Tabel 6 Spesifikasi Hardware
No Nama Hardware Spesifikasi

.
1. Personal Laptop OS : Windows 11 & MacOS Monterey
RAM : 8 – 16 GB
Storage : Minimum AMD Ryzen 5 & CPU-8 core
Display : Minimum AMD Radeon Graphic
2. Smartphone OS : IOS & Android
Storage : 64 - 128
13
14
BAB III
DOKUMEN PERANCANGAN PERANGKAT LUNAK
3.1 Pendahuluan
3.1.1 Tujuan Penulisan Dokumen
Dokumen Deskripsi Perancangan Perangkat Lunak (DPPL) bertujuan
untuk mendefinisikan perancangan sistem informasi berbasis web untuk
masyarakat yang mencari informasi terkait registrasi vaksin dan juga ketersediaan
jenis vaksin lainnya serta ketersediaan dokter yang ada. Dokumentasi DPPL akan
digunakan sebagai acuan teknis untuk implementasi pada tahap selanjutnya.
3.1.2 Lingkup Masalah
Pandemi Covid-19 telah memberi dampak yang cukup mendasar bagi

manusia dalam menjalani kehidupan sehari-hari. Perubahan gaya hidup setelah
pandemi tentu dirasakan masyarakat di seluruh dunia. Mulai dari kebijakan
vaksin, dan masyarakat dituntut untuk meningkatkan kesadaran tentang kesehatan.
Akan tetapi, banyak masyarakat yang masih kesusahan dalam mengakses
informasi mengenai kesehatan.
Website vaksinasi yang bernama “Healthy People” dengan salah satu
fiturnya yaitu pendaftaran dan pendataan riwayat kesehatan masyarakat yang bisa
3.1.3 Definisi dan Istilah
Tabel 7 Definisi dan Istilah
Keyword/Phrase Definisi
DPPL Deskripsi Perancangan Perangkat Lunak (DPPL) merupakan
sebuah dokumen yang ditujukkan untuk mendefinisikan
secara jelas perangkat lunak yang akan dibuat. Dokumen ini
merupakan lanjutan dari SKPL.
Healthy People Nama website yang akan dirancang dalam dokumen
deskripsi perancangan perangkat kali ini.
Vaksin Vaksin adalah produk biologi yang berisi antigen yang bila
diberikan kepada seseorang akan menimbulkan kekebalan
spesifik secara aktif terhadap penyakit tertentu. Produk/ zat
yang dimasukkan (suntikan/ lewat mulut) kedalam tubuh
15
untuk menstimulasi sistem imun tubuh.
Visual Studio Digunakan untuk menuliskan baris kode dalam pembuatan
Code aplikasi
Draw.io Digunakan untuk merancang database, usecase, ERD, dan
class diagram
XAMPP XAMPP adalah perangkat lunak bebas, yang mendukung
banyak sistem operasi, merupakan kompilasi dari beberapa
program. Fungsinya adalah sebagai server yang berdiri
sendiri, yang terdiri atas program Apache HTTP Server,
MySQL database, dan penerjemah bahasa yang ditulis
dengan bahasa pemrograman PHP dan Perl.
3.1.4 Aturan Penamaan dan Penomoran

DPPL.HPEOPLE.001 : Menampilkan Halaman Utama
DPPL.HPEOPLE.002 : Menampilkan Halaman Vaksin
DPPL.HPEOPLE.003 : Menampilkan Halaman Berita
DPPL.HPEOPLE.004 : Menampilkan Halaman Login
DPPL.HPEOPLE.005 : Menampilkan Halaman CRUD Pada Pendaftaran
Vaksin
3.1.5 Referensi
Dokumen acuan yang digunakan dalam penulisan dokumen ini adalah :
1. Program Studi Manajemen Informatika – Sekolah Vokasi Institut Pertanian
Bogor, template dokumen Deskripsi Perancangan Perangkat Lunak (DPPL) 2020.
2. Program Studi Teknologi Rekayasa Komputer – Sekolah Vokasi Institut
Pertanian Bogor, dokumen Spesifikasi Kebutuhan Perangkat Lunak (SKPL)
Healthy People.
3.2 Rancangan Lingkungan Implementasi

Hardware :
Laptop / PC
Tabel 8 Rancangan Lingkungan Implementasi Laptop/PC
Komponen Minimum Digunakan
RAM 4 GB 8 GB
16
Storage 128 GB 512 GB
Sistem Operasi 1. Windows 7 Windows 11

2. MacOS monterey
Processor Int Minimum AMD Ryzen 5
CPU-8 core
Smartphone
Tabel 9 Rancangan Lingkungan Implementasi Smartphone
RAM 2 GB 8 GB
Sistem Android / iOS Android

Operasi
Software :
Tabel 10 Rancangan Lingkungan Implementasi Software
Nama Software Fungsi
Visual Studio Code Digunakan untuk menuliskan baris kode dalam

pembuatan aplikasi
Draw.io Digunakan untuk merancang database, usecase, ERD,

dan class diagram
Browser (Opera, Digunakan untuk mengakses aplikasi yang sedang di

Chrome, Safari) kembangkan
Zoom Meeting Digunakan untuk berdiskusi secara online
Figma Digunakan untuk mendesain UI website
Envato Digunakan untuk mencari template website yang

sesuai
basis data :
Tools yang digunakan untuk database adalah MySQL dan phpmyadmin.

MySQL merupakan DBMS yang paling familiar untuk digunakan serta
mempunyai dokumentasi yang sangat banyak sehingga pada saat terjadi
17
troubleshooting dapat dengan mudah untuk melakukan proses troubleshooting.
MySql merupakan dan phpMyAdmin merupakan tools untuk manajemen
databasenya, yaitu MySql.

Arsitektur jaringan :
3.3 Perancangan Data

3.3.1 Daftar Tabel
Tabel 11 Daftar Tabel Perancangan Data
Nama Tabel Primary key Data Store Deskripsi isi

Users Id_user Db_user Penyimpanan nama, nomor telepon dan
alamat dari user.
Vaksinasi Id_vaksinasi Db_vaksinasi Penyimpanan id_vaksinasi, alamat
vaksinasi, alamat rumah yang akan
vaksinasi (vaksin dirumah),
kode_vaksin, tanggal untuk vaksin,
gelombang vaksin(gelombang vaksin
pertama, kedua, atau ketiga(booster)),
no antrian pada saat vaksin,
Gambar 12 Arsitektur Jaringan
status(apakah sudah di vaksin atau
belum vaksin).
Provinsi Id_provinsi Db_provinsi Penyimpanan nama provinsi yang
terdapat tempat/lokasi untuk vaksinasi.
18
Nama Tabel Primary key Data Store Deskripsi isi
Lokasi Vaksin Nama_tempat Db_tempat Penyimpanan nama tempat untuk
vaksinasi (misalnya di
RS/Puskesmas/Mall), alamat lengkap
(kecamatan,kabupaten hingga
provinsi), status (apakah tempat
tersebut bisa melakukan
vaksinasi/sedang tidak bisa melakukan
vaksinasi), waktu (terkait jadwal
vaksinasi), nomor telepon (untuk info
seputar vaksinasi di lokasi).
Jenis Vaksin Id_jenis Db_jenis_vaksin Penyimpanan nama/jenis vaksin, serta
status (ketersediaan vaksin).
Dokter Id_dokter Db_dokter Penyimpanan nama dokter, alamat
lengkap, status (jadwal dari dokter),
serta nomor telepon dokter tersebut.
Berita Id_berita Db_berita Penyimpanan terkait artikel/berita,
kategori berita.
3.3.2 Struktur Tabel

Deskripsi Isi : Penyimpanan nama, nomor telepon user, dan alamat user.
Primary Key : id_user
Tabel 12 Struktur Tabel User
Nama Deskripsi Tipe & Boleh Default Keterangan

Field length
NULL
Id_user 01 CHAR NO 0 Primary Key
Id_user adalah
nomor urut data
yang sudah
berurutan (auto
increament).
Nama Nama adalah VARCHAR NO 50 FK
nama lengkap
dari user.
No_tlp No_tlp adalah INT NO 13 FK
nomor telepon
dari user
Alamat Alamat adalah VARCHAR NO 100 FK
alamat lengkap
dari user yang
biasanya terdiri
dari nomor
19
rumah, rt/rw,
desa/kelurahan,
kecamatan,
kabupaten/kota
hingga provinsi.
Identifikasi/Nama : Vaksinasi
DeskripsiIsi : Penyimpanan id_vaksinasi, id_user, id_lokasi_vaksin,
id_jenis_vaksin, id_provinsi, rumah, alamat, id_dokter, kode_vaksin, tanggal,
gelombang_vaksin, no_antrian, status.
Primary Key : id_vaksinasi
Tabel 13 Struktur Tabel Vaksinasi
Nama Deskripsi Tipe& Boleh Default Keterangan

Field length
NULL
Id_vaksi 011032031 CHAR NO 9 Primary Key
nasi
aabbccdde
id_vaksinasi
adalah nomor
user yang akan
melakukan
vaksinasi.
Dimana :
aa = id user
bb = lokasi
vaksin
cc = id
provinsi
dd = jenis
vaksin
e = gelombang
vaksin
Id_user 01 CHAR NO 0 FK
20
Id_user adalah
nomor urut
data yang
sudah
berurutan (auto
increament).
Id_lokasi 01 CHAR NO 0 FK
_vaksin
Id_lokasi_vaks
in adalah
nomor urut
lokasi vaksin
di wilayah
tesebut dan
nomor nya
berurutan (auto
increament).
Id_jenis_ 01 CHAR NO 2 FK
vaksin
id_jenis_vaksi
n merupakan
jenis vaksin,
misalnya :
astrazeneca
(01),
Pfizer(02),
Sinovac(03)
Id_provi 01 CHAR NO 2 FK
nsi
Id_provinsi di
sesuaikan
dengan
banyaknya
provinsi yang
ada di wilayah
indonesia.
21
Alamat Alamat adalah VARCHAR NO 100 FK
rumah alamat lengkap
dari user yang
biasanya terdiri
dari nomor
rumah, rt/rw,
desa/kelurahan
, kecamatan,
kabupaten/kota
hingga
provinsi.
Alamat Alamat disini VARCHAR NO 100 FK
merupakan
alamat/lokasi
vaksinasi yang
di sediakan.
Id_dokte 0132011222 CHAR NO 10 FK
r
aabbccddee
Id_dokter
terdiri dari :
aa = berakitan
dengan id
lokasi vaksin
dokter tersebut
di tempatkan.
bb = daerah
provinsi
cc = tanggal
masuk dokter
tersebut
dd = bulan
masuk dokter
tersebut
ee = tahun
masuk dokter
tersebut.
Kode_va 010323 CHAR NO 6 FK
ksin
22
aabbcc
kode_vaksin
yang terdiri
dari :
aa = jenis
vaksin
bb = bulan
expired vaksin
tersebut
cc = tahun
expired vaksin.
Tanggal Tanggal disini DATE NO YY- FK
merupakan MM-DD
tanggal untuk
melakukan
vaksinasi
misalnya 22-
10-30 berarti
YY-MM-DD,
tahun-bulan-
tanggal
Gelomba 01 INT NO 2 FK
ng_vaksi
n
Gelombang_va
ksin adalah
gelombang
vaksin
pertama,
kedua, atau
ketiga(booster)
.
No_antri 01 CHAR NO 0 FK
an
Nomor_antrian
adalah nomor
antrian dari
user yang akan
23
melakukan
vaksinasi
status Status disini TINYINT NO 4 FK
untuk
menentukan
apakah vaksin
tersebut
tersedia atau
tidak
Identifikasi/Nama : Provinsi
DeskripsiIsi : Penyimpanan nama provinsi
Primary Key : id_provinsi
Tabel 14 Struktur Tabel Provinsi

Field length
NULL
Id_provins 01 CHAR NO 2 Primary Key
i
Id_provinsi
di sesuaikan
dengan
banyaknya
provinsi yang
ada di
wilayah
indonesia.
Nama_pro Nama VARCHAR NO 50 FK
vinsi Provinsi yang
ada di
Indonesia
Identifikasi/Nama : lokasi vaksin

DeskripsiIsi : penyimpanan nama tempat vaksin, id_provinsi, id_lokasi,
status, waktu, no telepon, serta alamat lengkap
Primary Key : nama_tempat
24
Tabel 15 Struktur Tabel Lokasi Vaksin

Field length
NULL
Nama_tem Nama tempat VARCHAR NO 255 Primary Key
pat disini yaitu
misalnya
puskesmas,
mall dll.
Id_provins 01 CHAR NO 2 FK
i
Id_provinsi
di sesuaikan
dengan
banyaknya
provinsi yang
ada di
wilayah
indonesia.
Id_lokasi 01 CHAR NO 0 FK
Id_lokasi
adalah nomor
urut lokasi
vaksin di
wilayah
tesebut dan
nomor nya
berurutan
(auto
increament).
Status Status disini TINYINT NO 4 FK
menjelaskan
terkait lokasi
vaksin
tersebut
jadwal buka
atau tutup
Waktu Waktu disini TIME NO hhmmss FK
menjelaskan
25
mengenai
waktu mulai
dan akhir
vaksinasi
yang di buka
di lokasi
tersebut
No_tlp Nomor INT NO 13 FK
telepon /
narahubung
di lokasi
vaksin
tersebut
Alamat_le Alamat VARCHAR NO 255 FK
ngkap lengkap
disini
menjelaskan
mulai dari
desa,
kecmatan
hingga
tempat
tersebut
merupakan
rumah sakit
atau mall
atau layanan
Kesehatan
lain.
Identifikasi/Nama : jenis_vaksin
DeskripsiIsi : Penyimpanan id_jenis, status, nama vaksin
Primary Key : jenis_vaksin
Tabel 16 Struktur Tabel Jenis Vaksin

Field length
NULL
Id_jenis 01 CHAR NO 2 Primary Key
26
id_jenis_vaks
in merupakan
jenis vaksin,
misalnya :
astrazeneca
(01),
Pfizer(02),
Sinovac(03)
Status Status disini TINYINT NO 4 FK

menjelaskan
apakah
vaksin
tersebut
tersedia atau
tidak
nama Nama disini VARCHAR NO 50 FK
menjelaskan
terkait nama
vaksinnya
Identifikasi/Nama : Dokter
DeskripsiIsi : Penyimpanan id_dokter, id_provinsi, nama, no_tlp, dan status
Primary Key : id_dokter
Tabel 17 Struktur Tabel Dokter

Field length
NULL
Id_dokter 0132011222 CHAR NO 10 Primary Key
aabbccddee
Id_dokter
terdiri dari :
aa =
berakitan
dengan id
lokasi vaksin
dokter
27
tersebut di
tempatkan.
bb = daerah
provinsi
cc = tanggal
masuk dokter
tersebut
dd = bulan
masuk dokter
tersebut
ee = tahun
masuk dokter
tersebut.
Id_provins 01 CHAR NO 2 FK
i
Id_provinsi
di sesuaikan
dengan
banyaknya
provinsi yang
ada di
wilayah
indonesia.
Nama Nama disini VARCHAR NO 50 FK
menjelaskan
nama dokter.
No_tlp Nomor VARCHAR NO 13 FK
telepon
dokter
status Status apakah TINYINT NO 4 FK
dokternya
ada atau tidak
Identifikasi/Nama : Berita
DeskripsiIsi : Penyimpanan id_berita, judul berita, slug, deskripsi, foto,
kategori
Primary Key : id_berita
28
Tabel 18 Struktur Tabel Berita

Field length
NULL
Id_berita Id berita INT NO 10 Primary Key
disini terkait
dengan berita
yang telah di
terbitkan, dan
bersifat auto
increamnet.
Judul Terkait VARCHAR NO 255 FK
dengan judul
berita yang
diterbitkan
pada halaman
website
Slug Slug disini VARCHAR YES 255 FK
merupakan
bagian dari
url/permalink
website yang
merujuk pada
sebuah
konten yang
secara
spesifik.
Deskripsi Deskripsi TEXT NO FK
yang ada
pada halaman
website berita
Foto Foto yang VARCHAR YES 255 FK
ada dalam
website
Kategori Kategori VARCHAR NO 10 FK
disini
menjelaskan
berita yang
ada termasuk
ke dalam
29
kategori
vaksin atau
covid
3.3.3 Skema Relasi
Gambar 13 Skema Relasi
30
31
3.4 Perancangan Arsitektural
3.4.1 Struktur Program
Gambar 14 Struktur Program
32
3.4.2 Dekomposisi Fungsional Modul
Tabel 19 Dekomposisi Fungsional Modul
No DPPL Fungsi/ Data Input Data Output Keterangan

proses
DPPL.HPEOPLE.00 Beranda Pilih Menampilka Library
1 beranda n header, beranda.
layanan
kami, berita,
hubungi
kami, login,
daftar
vaksinasi
covid-19,
artikel serta
terdapat
footer.
DPPL.HPEOPLE.00 Vaksin Pilih Menampilka
2 vaksinasi n Riwayat
Covid-19 vaksin,
pendaftaran
vaksin,
vaksinasi
booth,
hingga
vaksinasi
dari rumah.
DPPL.HPEOPLE.00 Berita Pilih berita Menampilka
3 yang ada n untuk input
pada berita, judul
halaman berita,
beranda gambar
berita serta
isi berita.
DPPL.HPEOPLE.00 Login Email, Validasi
4 Password benar :
menampilka
n halaman
utama.
Validasi
salah :
Menampilka
n halaman
registrasi
(nama email,
username,
password).
33
DPPL.HPEOPLE.00 CRUD Pilih Menampilka Library
5 pendaftaran pendaftara n menu Vaksinasi
vaksinasi n vaksinasi daftar,
tanggal
vaksin,
pilihan untuk
vaskin dari
rumah atau
tidak, vaksin
keberapa,
serta alamat
user.
3.5 Perancangan Antarmuka

3.5.1 Spesifikasi Antarmuka
1. Halaman Utama
Gambar 15 Halaman Utama
a. Nama Pengguna : User, Admin

b. Nama Modul/Fungsi : Halaman Utama
c. Deskripsi :
Tabel 20 Deksripsi Tabel Halaman Utama
Nama Jumlah Keterangan

Komponen Komponen
Header 1 Header aplikasi yang berisi daftar menu yang ada

di dalam web Healthy People
34
d. Spesifikasi Layar Utama
Pada halaman Utama terdapat tombol login yang akan masuk ke halaman
User atau Admin. Juga ada tombol registrasi vaksinasi yang nantinya akan dibawa
ke halaman login.
e. Spesifikasi Objek Pada Layar
Tabel 21 Spesifikasi Objek Halaman Utama
Id_Object Jenis Keterangan
login Button Ketika Login berhasil maka akan masuk ke halaman user atau
admin
2.Halaman Vaksin
Gambar 16 Halaman Vaksin

b. Nama Modul/Fungsi : Halaman Vaksin

c. Deskripsi :
Tabel 22 Deskripsi Tabel Halaman Vaksin

Komponen Komponen
35
Tabel Jenis 1 Berisi jenis – jenis vaksin yang tersedia
Vaksin

Pada halaman Vaksin terdapat tombol tambah jenis vaksin yang nantinya data
tersebut akan masuk ke dalam tabel.
Tabel 23 Spesifikasi Objek Halaman Vaksin
tambah_jenis_vaksin Button Akan memunculkan pop up untuk memasukkan

data jenis vaksin yang akan ditambahkan
3. Halaman Berita
Gambar 17 Halaman Berita

b. Nama Modul/Fungsi : Halaman Berita
c. Deskripsi :
36
Tabel 24 Deskripsi Tabel Halaman Berita

Komponen Komponen
Header 1 Header aplikasi yang berisi daftar menu yang

ada di dalam web Healthy People
Berita 1 Berisi list artikel atau berita yang ada terkait

kesehatan
Footer 1 Berisi informasi lain mengenai apa saja yang

ada di dalam website dan profile website

Pada halaman Berita terdapat beberapa menu di bagian header juga terdapat
tombol login yang nantinya akan membawa ke halaman login untuk user dan
admin.
4. Halaman Login

b. Nama Modul/Fungsi : Halaman Login
Gambar 18 Halaman Login
Data Input : Username & Password
37
Data Output : Validasi Benar → Halaman Pendaftaran Vaksin,
Validasi Salah → Pesan Kesalahan
c. Deskripsi :
Tabel 25 Deskripsi Tabel Halaman Login

Komponen Komponen
Section Login 1 Section Login adalah bagian utnuk melakukan

input username dan password untuk melakukan
login

Pada halaman Login user atau admin diminta memasukkan username dan
password yang dimana nantinya akan dibawa ke halaman registrasi vaksinasi.
Tabel 26 Spesifikasi Objek Halaman Login
login Button Ketika Login berhasil maka akan masuk ke halaman registrasi
vaksin
38
Data Output : Button Simpan → Halaman Vaksin
Gambar 19 Halaman CRUD
c. Deskripsi :
Tabel 27 Deskripsi Tabel Halaman CRUD

Komponen Komponen
Form 1 Bagian form yang didalamnya terdapat

beberapa data yang harus di isi oleh user untuk
melakukan registrasi vaksin

Pada halaman ini user diminta untuk mengisi beberapa data yang
dibutuhkan untuk registrasi vaksinasi
Tabel 28 Spesifikasi Objek Halaman CRUD
simpan Button Ketika simpan berhasil maka akan masuk ke halaman

vaksin
39
3.6 Perancangan Prosedural
1. Menampilkan list lokasi vaksinasi.
Tabel 29 Perancangan Prosedural Lokasi Vaksinasi
Kode Perancangan DPPL.HPEOPLE.001

Input Vaksin button
Output List lokasi pemilihan vaksin
Initial State Menampilkan Dasbord
Final State Menampilkan seluruh nama tempat
Pengguna Guest
Alur Proses
Pseudocode / Algoritma class button

Input (location name as button)
function index{
query(get id location)
Load detail view
}
Spesifikasi Query SELECT * FROM lokasi WHERE
id_lokasi= $id
40
2. Menampilkan List Jenis Vaksinasi.
Tabel 30 Perancangan Prosedural Jenis Vaksinasi

Input Vaksin button
Output List Jenis pemilihan vaksin
Final State Menampilkan jenis vaksin
Pengguna Guest
Alur Proses

Input (Jenis name as button)
function index{
query(get id jenis)
Load detail view
}
Spesifikasi Query SELECT * FROM jenis WHERE id_jenis=
$id
3. Menampilkan Beranda
Tabel 31 Perancangan Prosedural Beranda

Input Beranda Button
41
Output List Beranda
Initial State Menampilkan halaman beranda
Final State Menampilkan menu menu pada
beranda
Pengguna Guest
Alur Proses

Input (blog button)
function index{
get query
Load view
}
Spesifikasi Query SELECT * FROM blog WHERE is_deleted
IS NULL OR is_deleted != 0
4. Menampilkan Detail Beranda
Tabel 32 Perancangan Prosedural Detail Beranda

Input Judul artikel
Output Detail Artikel
Initial State Menampilkan macam macam artikel
Final State Menampilkan detail artikel
Pengguna Guest
42
Alur Proses

Input (title as button)
function index{
query(get id artikel)
Load detail view
}
Spesifikasi Query SELECT * FROM blog WHERE
id_artikel= $id
5. Login
Tabel 33 Perancangan Prosedural Login

Input Username dan Password
Output Login to Beranda
Final State Login
Pengguna Admin
43
Alur Proses
Pseudocode / Algoritma var username, password

Input username
Input password
function login{
query(get u_username and u_password)

if username == u_username(
decrypt u_password
if password == u_password(
load Dashboard))
else(
back login)
}
44
Spesifikasi Query query username :
SELECT * FROM user where u_username =
'$username'
6. CRUD Pada Bagian Pendaftaran Vaksin

Tabel 34 Perancangan Prosedural CRUD
Kode DPPL.HPEOPLE.005
Perancangan
Input CRUD Database
Output Penambahan data Sukses
Initial State Current Database
Final State CRUD
Pengguna Admin
Alur Proses
45
Pseudocode / get datatable
Algoritma if create{
input form
post query(id = autoincrement)
load datatable
}
if update{
get id row
input form
load datatable
}
if delete{
get id row
is_deleted = 1
load datatable
}
Spesifikasi SELECT * FROM jenis WHERE id_jenis= $id
Query
3.7 Matriks Kerunutan
Tabel 35 Matriks Kerunutan DPPL
No No SKPL Fungsionalitas DPPL

1 HPEOPLE.001 Menampilkan Halaman DPPL.
Utama HPEOPLE.001
Vaksin HPEOPLE.002
Berita HPEOPLE.003
Login HPEOPLE.004
6 HPEOPLE.005 CRUD Pada Pendaftaran DPPL.
Vaksin HPEOPLE.005
46
BAB IV
DOKUMEN UJI PERANGKAT LUNAK
4.1 Pendahuluan
4.1.1 Tujuan
Dokumen DUPL ini dibagi menjadi empat bagian utama. Bagian utama berisi
penjelasan tentang dokumen DUPL, definisi, referensi dan deskripsi umum.
Bagian kedua berisi penjelasan lingkungan pengujian perangkat lunak meliputi
perangkatlunak pengujian, perangkat keras pengujian, material pengujian, sumber
daya manusia, prosedur umum pengujian, pengenalan dan latihan, persiapan awal,
pelaksanan. Bagian ketiga berisi identifikasi dan rencana pengujian. Bagian
keempat merupakan deskripsi dan hasil pengujian. Dan bagian terkhir yaitu
matrix kerunutan.
4.1.2 Lingkup Masalah

Pandemi Covid-19 telah memberi dampak yang cukup mendasar bagi
manusia dalam menjalani kehidupan sehari-hari. Perubahan gaya hidup setelah
pandemi tentu dirasakan masyarakat di seluruh dunia. Mulai dari kebijakan
vaksin, dan masyarakat dituntut untuk meningkatkan kesadaran tentang kesehatan.
Akan tetapi, banyak masyarakat yang masih kesusahan dalam mengakses
informasi mengenai kesehatan.
Website vaksinasi yang bernama “Healthy People” dengan salah satu fiturnya
yaitu pendaftaran dan pendataan riwayat kesehatan masyarakat yang bisa
4.1.3 Definisi dan Singkatan

1. SKPL-NAMASISTEM.xxxx adalah kode yang merepresentasikan kebutuhan
fungsional dan non-fungsiomal pada website PorVoks, dengan xxxx adalah
kode produk, SKPL adalah kode fase dan xxxx adalah kode fungsionalitas.
2. DPPL-NAMASISTEM.xxxx adalah kode yang dipakai sebagai panduan
perancangan antar muka. DPPL adalah kode fase, NAMASISTEM adalah
nama website yang dibuat, dan xxx adalah kode fungsionalitas.
3. DUPL-NAMASISTEM-yyyy kode yang merepresentasikan kasus uji
perangkat lunak pada website PorVoks dan yyyy merupakan nomor kasus uji
relative tehadap nomor SKPL.
47
4.1.4 Referensi
Dokumen acuan yang digunakan dalam penulisan dokumen ini adalah :
1. Program Studi Manajemen Informatika – Sekolah Vokasi Institut Pertanian
Bogor, template dokumen Deskripsi Perancangan Perangkat Lunak (DPPL)
2020.
2. Program Studi Teknologi Rekayasa Komputer – Sekolah Vokasi Institut
Pertanian Bogor, dokumen Spesifikasi Kebutuhan Perangkat Lunak (SKPL)
Healthy People.
4.1.5 Deskripsi Umum Dokumen

1. Bagian I Pendahuluan berisi tentang, Tujuan Penulisan Dokumen, Lingkup
Masalah, Definisi dan Singkatan, dan Referensi.
2. Bagian II Lingkungan Pengujian perangkat Lunak berisikan tentang, Perangkat
Lunak, Perangkat keras, Material pengujian, SDM, dan Prosedur umum
pengujian.
3. Bagian III Terdapat identifikkasi dan rencana pengujian.
4. Bagian IV Terdapat deskripsi dan hasil uji.
5. Bagian V Terdapat Matrix Kerunutan.
4.2 Lingkungan Pengujian Peangkat Lunak

4.2.1 Perangkat Lunak Pengujian
Perangkat lunak ini diujikan dengan beberapa perangkat lunak lain, yaitu:
 Sistem Operasi : Microsoft ® Windows 11

 Bahasa Pemprograman : PHP
 Compiler : Visual Studio Code
 Data Base : PHP MyAdmin
4.2.2 Perangkat Keras Pengujian
Perangkat keras yang diperlukan untuk menguji aplikasi ini adalah satu
set komputer dengan spesifikasi :
Tabel 36 Perangkat Keras Pengujian

RAM 4 GB 8 GB
48
Sistem Operasi 1. Windows 7 Windows 11
2. MacOS monterey
Processor Minimum AMD Ryzen 5
CPU-8 core
4.2.3 Material Pengujian

A. Halaman Utama
49
Gambar 20 Material Pengujian Halaman Utama
Pada halaman beranda menampilkan sebagian isi dari fitur-fitur yang

terdapat pada website Healthy People. Pada halaman beranda di bagian footer
terdapat kontak dan email yang dapat di hubungi terkait dengan Healthy People,
selanjutnya terdapat fitur-fitur yang di tampilkan yaitu fitur daftar vaksinasi
Covid-19, berita, hubungi kami, dan fitur login.
50
B. Halaman Vaksin
Gambar 21 Material Pengujian Halaman Vaksin
Pada halaman vaksin ini berisi riwayat vaksin user yang berisi jenis vaksin
yang di pilih, vaksin ke berapa, temapt yang di pilih untuk vaksin, tanggal vaksin,
nomor antrian untuk vaksin, serta status vaksin user.
C. Halaman Berita
Gambar 22 Material Pengujian Halaman Berita
51
Pada halaman berita ini menampilkan berita serta artikel yang berkaitan dengan
covid-19 dan vaksinasi.
D. Login
Gambar 23 Material Pengujian Halaman Login
Pada halaman login ini menampilkan data untuk login seperti email
address serta password apabila sudah memiliki akun sebelumnya, apabila belum
memiliki akun maka dianjurkan untuk membuat akun terlebih dahulu.
Gambar 24 Material Pengujian Halaman Register
52
Pada halaman resgister ini menampilkan data-data yang harus diisi, seperti
nama, email address, password serta confirm password.
E. Halaman Pendaftaran Vaksin
Gambar 25 Material Pengujian Halaman Pendaftaran Vaksin
Pada halaman pendaftaran vaksin ini menampilkan data yang harus diisi
oleh user untuk melakukan pendaftaran vaksin. Data tersebut yaitu tanggal untuk
vaksin, vaksin di rumah atau bukan, alamat, jenis vaksin, serta vaksin ke berapa.
F. Layanan Kami
Gambar 26 Material Pengujian Layanan Kami
Pada fitur layanan kami menampilkan terkait dengan daftar vaksin atau
vaksin di rumah, selanjutnya masuk ke fitur login apabila belum sempat login.
53
G. Hubungi Kami
Gambar 27 Material Pengujian Hubungi Kami
Pada halaman hubungi kami ini digunakan sebagai media komunikasi.

Pada website healthy people ini terdapat alamat kantor Healthy People dan sosial
media Healthy People.
4.2.4 Sumber Daya Manusia

Persyaratan sumber daya manusia yang akan terlibat dalam proses pengujian
perangkat lunak ini adalah :
 Memahami konsep pemrograman berbasis web dalam bahasa PHP, HTML,
dan CSS.
 Memahami proses pengujian perangkat lunak dengan Teknik blackbox.
 Memahami konsep manajemen basisdata.
Tim Penguji adalah sebagai berikut :

Tabel 37 Tim Penguji
No Nama Keahlian (Skill)

1. Ihsanul Hadi Bahasa pemrograman PHP, HTML, dan CSS
serta manajemen basis data.
2. Albert Ramadhan Van Bahasa pemrograman PHP, HTML, dan CSS
54
Wijk serta manajemen basis data.
4.2.5 Prosedur Umum Pengujian

1. Pengenalan dan Latihan
Pengenalan dan Latihan dilakukan dengan observasi secara langsung terhadap
website Healthy People.
2. Persiapan Awal
Pada persiapan awal ini dilakukan perencanaan pengujian mulai dari tanggal 17
November 2022 dan untuk tempatnya di bebaskan.
3. Pelaksanaan Pengujian
Pelaksanaan pengujian dilakukan dengan mengeksekusi perangkat lunak Healthy

People dengan mengikuti skenario tertentu yang dibuat berdasarkan skenario
fungsional yang tedapat pada dokumen SKPL.
4.3 Identifikasi dan Rencana Pengujian

Pengujian yang dilakukan berdasarkan fungsi yang sebelumnya telah
didefinisikan di dalam SKPL. Secara singkat, proses ini dijabarkan dalam tabel
dibawah :
Tabel 38 Identifikasi dan Rencana Pengujian
Jenis
Tingkat Jadw
Butir Identifikasi Penguj
No Pengujian al
Uji ian
SKPL DPPL DUPL
Pengujia Pengujian Black 17
DUPL
n fungsi Fungsional box NOV
SKPL- DPPL- -
menampi 2022
1 HPEOPL HPEOPL HPEO
lkan
E.001 E.001 PLE.0
halaman
01
utama.
DUPL Pengujian Black 17
Pengujia
SKPL- DPPL- - Fungsional box NOV
n fungsi
2 HPEOPL HPEOPL HPEO 2022
tambah
E.002 E.002 PLE.0
vaksin.
02
55
DUPL
n fungsi Fungsional box NOV
SKPL- DPPL- -
menampi 2022
3 HPEOPL HPEOPL HPEO
lkan
E.003 E.003 PLE.0
halaman
03
berita.
DUPL Pengujian Black 17
Pengujia SKPL- DPPL- - Fungsional box NOV
4 n fungsi HPEOPL HPEOPL HPEO 2022
login. E.004 E.004 PLE.0
04
Pengujia DUPL Pengujian Black 17
n fungsi SKPL- DPPL- - Fungsional box NOV
5 pendaftar HPEOPL HPEOPL HPEO 2022
an E.005 E.005 PLE.0
vaksin. 05
DUPL
n Fungsi non- box NOV
-
menampi Tidak Fungsional 2022
6. Tidak ada HPEO
lkan ada
PLE.0
layanan
06
kami.
DUPL
n Fungsi non- box NOV
-
menampi Tidak Fungsional 2022
7. Tidak ada HPEO
lkan ada
PLE.0
Hubungi
07
kami
4.4 Deskripsi dan Hasil Uji

1. Hasil Pengujian Fungsi Halaman Utama
Tabel 39 Hasil Uji Halaman Utama
Identifikasi [DUPL-HPEOPLE.001]
Nama Kasus Uji Fungsi Menampilkan Halaman Utama
Deskripsi Kasus Menampilkan berbagai fitur yang terdapat di halaman
utama
Kondisi Awal User membuka website menggunakan url
Tanggal Pengujian 18 November 2022
Penguji Ihsanul Hadi
Skenario
56
Langkah langkah prosedur uji untuk kasus uji [DUPL-
HPEOPLE.001]
1. Membuka website dengan url di browser.
Hasil
Yang Diharapkan Pengamatan Kesimpulan
1. Bisa masuk ke halaman
utama dan menampilkan
berbagai fitur di bagian
header
2. Hasil Pengujian Fungsi Tambah Vaksin
Tabel 40 Hasil Uji Tambah Vaksin
Nama Kasus Uji Fungsi Menambahkan Data Vaksin
Deskripsi Kasus Menambahkan data vaksin
Kondisi Awal User dan admin login
Skenario
HPEOPLE.002]
1. User login terlebih dahulu
2. Lalu akan muncul ke halaman tambah vaksin
Hasil
1. User dapat
menambahkan data
vaksin yang akan
digunakan.
3. Hasil Pengujian Fungsi Halaman Berita
Tabel 41 Hasil Uji Halaman Berita
Nama Kasus Uji Fungsi Menampilkan Halaman Berita
Deskripsi Kasus Menampilkan berbagai informasi di dalam halaman
berita
Kondisi Awal User di halaman utama
Skenario
57
HPEOPLE.003]
1. User membuka website menggunakan url
2. Lalu akan ditampilkan ke halaman utama
3. Scroll ke halaman bawah website
Hasil
1. Bisa mengakses halaman
utama dan menampilkan
halaman berita.
4. Hasil Pengujian Fungsi Login
Tabel 42 Hasil Uji Halaman Login
Nama Kasus Uji Fungsi Login
Deskripsi Kasus Login
Kondisi Awal User login menggunakan username dan password
Skenario
HPEOPLE.003]
1. User melakukan login dengan menggunakan username dan
password
Hasil
1. User dapat melakukan
login dan berhasil masuk ke
halaman vaksin
5. Hasil Pengujian Fungsi Pendaftaran Vaksin
Tabel 43 Hasil Uji Halaman Pendaftaran Vaksin
Nama Kasus Uji Fungsi Pendaftaran Vaksin
Deskripsi Kasus Pendaftaran Vaksin
Kondisi Awal User login lalu melakukan pendaftaran
Skenario
58
HPEOPLE.003]
1. User login lalu klik untuk pendaftaran vaksin.
2. User mengisi data yang dibutuhkan untuk pendaftaran
vaksin.
Hasil
1. Bisa melakukan
pendaftaran dan mengisi
data yang dibutuhkan dan
berhasil ter-submit
6. Hasil Pengujian Fungsi Layanan Kami
Tabel 44 Hasil Uji Halaman Layanan Kami
Nama Kasus Uji Fungsi Layanan Kami
Deskripsi Kasus Menampilkan informasi terkait layanan yang
disediakan
Kondisi Awal User berada di halaman utama
Skenario
HPEOPLE.003]
1. User berada di halaman utama.
2. Lakukan klik ke fitur layanan kami.
Hasil
layanan kami dan
mendapatkan informasi
yang dibutuhkan.
7. Hasil Pengujian Fungsi Hubungi Kami
Tabel 45 Hasil Uji Hubungi Kami
Nama Kasus Uji Fungsi Halaman Hubungi Kami
Deskripsi Kasus Menampilkan informasi terkait kontak yang dapat
dihubungi
Kondisi Awal User berada di halaman utama
59
Skenario
HPEOPLE.003]
1. User berada di halaman utama
2. Klik fitur hubungi kami
Hasil
hubungi kami dan
mendapatkan informasi
yang dibutuhkan.
4.5 Matrix Kerunutan

Tabel 46 Matriks Kerunutan DUPL
Kode SKPL Kode DPPL Kode DUPL

SKPL-HPEOPLE.001 DPPL- HPEOPLE.001 DUPL-HPEOPLE.001
- - DUPL-HPEOPLE.006
- - DUPL-HPEOPLE.007
60
BAB V
PENUTUP
5.1 Kesimpulan
Kesehatan merupakan hal yang sangat penting bagi kehidupan manuisa. Pandemi
Covid-19 yang terjadi saat ini telah membawa dampak pada terbatasnya pergerakan
manusia akibat social distancing dan physical distancing. Menjadikan teknologi informasi
memiliki peranan yang sangat penting, sekaligus sebagai solusi untuk mengatasi
pembatasan tersebut, terutama dalam bidang kesehatan.
Healthy People merupakan website yang dibuat sebagai solusi untuk permasalahan
yang berkaitan dengan pandemi khususnya dalam bidang kesehatan. Dengan menerapkan
ilmu-ilmu yang telah dipelajari untuk pembuatan website ini, diharapkan website ini
dapat bermanfaat untuk masyarakat.
5.2 Saran
Dalam pengembangan website Healthy People ini masih terdapat
kekurangan, seperti salah satu fitur yang belum bisa bekerja secara optimal. Hal
tersebut akan dijadikan sebagai bahan evaluasi untuk pengembang agar website
yang telah dibuat ini bisa bermanfaat, dapat digunakan, dan bekerja secara
optimal.
61

Dokumentasi Proyek Rancangan Healthy People

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Dokumentasi Proyek Rancangan Healthy People

Diunggah oleh

Hak Cipta:

Format Tersedia

DOKUMENTASI PROYEK RANCANGAN HEALTHY PEOPLE

Nabiela Virda Syarief (J0303201017)

Yuni Nur Rohmatilah (J0303201038)

PROGRAM STUDI INF

INSTITUT PERTANIAN BOGOR

Puji syukur penulis panjatkan atas ke hadirat Allah subhanaahu wa ta’ala,

1. Kepada Orang Tua kami yang selalu mendoakan dan memberikan

Akhir kata, semoga Allah subhanaahu wa ta’ala senantiasa melimpahkan

Bogor, Desember 2022

DAFTAR GAMBAR iii

1.1 Latar Belakang 1

2.1 Lembar Pernyataan 2

Tabel 1 Lembar Pernyataan.....................................................................................3

Dalam bidang kesehatan misalnya, masyarakat di wajibkan untuk

Namun, kenyataanya pelaksanaan vaksinasi Covid-19 di Indonesia banyak

Tujuan penulisan dokumen proyek rancangan Healthy People yaitu sebagai

Adapun manfaat dari penulisan dokumen proyek rancangan Heathy People

NO Nama NIM Status Tanda

Nabiela Virda Syarief J0303201017

Yuni Nur Rohmatilah J0303201038

Gambar 1 Project Charter

2.2.2 Struktur Sumber Daya Manusia

Manajer Front end Back end

Gambar 2 Struktur Sumber Daya Manusia

Yuni Nur Rohmatilah : Programer

Nabiela Virda Syarief : Designer UI/UX

2.2.3 Metodelogi Pengembangan Sistem

Gambar 3 Metodelogi Pengembangan Sistem

Scrum adalah metode yang mumpuni untuk kebutuhan manajemen proyek,

2.2.4 Work Breakdown Structure (WBS)

Gambar 4 Work Breakdown Structure (WBS)

2.3.2 Tujuan Pembuatan Sistem

2.3.3 Daftar Kebutuhan Fungsional (Product Backlog)

Aplikasi HealthyPeople memiliki beberapa kebutuhan fungsional,

Tabel 2 Daftar Kebutuhan Fungsional (Product Backlog)

Fitur kontak ini berisikan sosial media yang telah

Fitur ini merupakan fitur utama dari website ini

2.3.4 Daftar Kebutuhan Non Fungsional

2.3.5 Diagram Fungsional Sistem

Pengguna No Fungsi Nama Fungsi

Gambar 5 DFD Level 0

Gambar 6 DFD Level 1

Gambar 7 DFD Level 2

 Use Case Diagram

Gambar 8 Use Case Diagram

Gambar 9 Activity Diagram

2.3.7 Spesifikasi Software dan Hardware

No Nama Software Kegunaan

No Nama Hardware Spesifikasi

Pandemi Covid-19 telah memberi dampak yang cukup mendasar bagi

3.1.4 Aturan Penamaan dan Penomoran

3.2 Rancangan Lingkungan Implementasi

Komponen Minimum Digunakan

Sistem Operasi 1. Windows 7 Windows 11

Komponen Minimum Digunakan

Sistem Android / iOS Android

Tabel 10 Rancangan Lingkungan Implementasi Software

Nama Software Fungsi

Visual Studio Code Digunakan untuk menuliskan baris kode dalam

Draw.io Digunakan untuk merancang database, usecase, ERD,

Browser (Opera, Digunakan untuk mengakses aplikasi yang sedang di

Zoom Meeting Digunakan untuk berdiskusi secara online

Figma Digunakan untuk mendesain UI website

Envato Digunakan untuk mencari template website yang