Software Design Document (SDD)

Kelompok 2
Website Informasi dan Pendaftaran Travel Umroh &
Haji Alfalah Zein
Dokumen Rancangan Perangkat Lunak

Nama Penyusun: Kelompok 2

Bagian: Project Manager, Web Developer, Support Developer, Quality
Assurance
Workstation: [Link] (membuat uml), laptop Acer (membuat dokumen),
dan Figma (membuat UI)
Tanggal: 24 November 2024
 Dokumen Rancangan Perangkat Lunak

Daftar Isi
1. PENDAHULUAN 2
1.1 Tujuan 2
1.2 Ruang Lingkup 2
1.3 Ikhtisar 2
1.4 Referensi Material 2
1.5 Definisi dan Singkatan 2
2. GAMBARAN UMUM SISTEM 2
3. ARSITEKTUR SISTEM 2
3.1 Rancangan Arsitektur 2
3.2 Deskripsi Dekomposisi 3
3.3 Alasan Rancangan 3
4. RANCANGAN DATA 3
4.1 Deskripsi Data 3
4.2 Kamus Data 3
5. RANCANGAN ANTARMUKA 4
5.1 Gambaran Umum Rancangan Antarmuka 4
5.2 Tampilan Layar 4
5.3 Objek Layar dan Tindakan 4
6. MATRIKS PERSYARATAN 4
7. LAMPIRAN 4

1
 Dokumen Rancangan Perangkat Lunak

1. PENDAHULUAN
1.1 Tujuan
Tujuan dibuatnya dokumen Software Design Document (SDD) ini
adalah untuk memberikan penjelasan rinci mengenai rancangan
perangkat lunak Website Informasi dan Pendaftaran Travel Umroh &
Haji Alfalah Zein. Rancangan ini mencakup deskripsi arsitektur sistem,
desain modul, antarmuka pengguna, serta komponen yang akan
digunakan untuk memenuhi kebutuhan bisnis dan teknis yang telah
ditentukan dalam tahap analisis.
1.2 Ruang Lingkup
Website ini akan memberikan informasi terkait paket umroh dan haji,
memungkinkan calon jamaah untuk memilih paket, mengisi data diri,
dan melakukan transaksi pembayaran melalui berbagai metode yang
terintegrasi langsung di website. Website ini juga menyediakan artikel
terkait dengan perjalanan umroh dan haji, serta integrasi kalender
keberangkatan. Sasaran utama proyek ini adalah untuk
mempermudah calon jamaah dalam mengakses informasi dan
melakukan pendaftaran secara online. Manfaat yang diharapkan
antara lain meningkatkan efisiensi pendaftaran, mempercepat proses
administrasi, dan memberikan pengalaman pengguna yang lebih baik
melalui antarmuka yang responsif.
1.3 Ikhtisar
Dokumen ini secara garis besar terdiri dari lima bagian utama dengan
perincian sebagai berikut:
1. Bagian 1: Pendahuluan
Merupakan pengantar Software Design Document (SDD) yang
berisi tujuan, ruang lingkup, ikhtisar, referensi material, serta
definisi dan singkatan yang digunakan dalam dokumen SDD ini.

2
 Dokumen Rancangan Perangkat Lunak

2. Bagian 2: Gambaran Umum Sistem

Mendefinisikan lingkungan perangkat keras (hardware),
perangkat lunak (software), dan basis data yang akan digunakan
untuk implementasi sistem.
3. Bagian 3: Arsitektur Sistem
Mendefinisikan rancangan arsitektur menggunakan use case
diagram, deskripsi dekomposisi menggunakan activity diagram,
dan alasan rancangan.
4. Bagian 4: Rancangan Data
Mendefinisikan deskripsi data dan kamus data.
5. Bagian 5: Rancangan Antarmuka
Mendefinisikan gambaran umum rancangan antarmuka,
tampilan layar, serta objek layar dan tindakan.
1.4 Referensi Material
• EEE, Software Design Descriptions (SDD) Template, IEEE STD
1016-2009
1.5 Definisi dan Singkatan
ISTILAH DEFINISI
SDD Software Design Description
UI User Interface (antarmuka pengguna yang
digunakan untuk berinteraksi dengan
sistem)
UX User Experience (pengalaman yang
dirasakan oleh pengguna saat berinteraksi
dengan sistem)

3
 Dokumen Rancangan Perangkat Lunak

2. GAMBARAN UMUM SISTEM

Website Informasi dan Pendaftaran Travel Umroh & Haji Alfalah Zein
adalah aplikasi berbasis web yang menyediakan informasi lengkap
mengenai paket umroh dan haji. Website ini memungkinkan pengguna
untuk memilih paket perjalanan, mengisi data diri secara online, dan
melakukan transaksi pembayaran melalui berbagai metode yang
terintegrasi langsung di website. Selain itu, website ini juga
menyediakan artikel dan testimoni terkait perjalanan umroh dan haji,
serta kalender keberangkatan yang membantu jamaah dalam memilih
waktu keberangkatan yang tepat.
3. ARSITEKTUR SISTEM
3.1 Rancangan Arsitektur
Rancangan arsitektur sistem ini digambarkan menggunakan use case
diagram, yang menunjukkan interaksi antara aktor (user dan admin)
dengan sistem.
1. Use case admin dengan sistem
Ketika admin berhasil login ke dalam sistem, sistem akan
menampilkan dashboard admin yang berisi berbagai fitur
manajemen yang dapat diakses oleh admin. Fitur-fitur ini
mencakup manajemen paket, di mana admin dapat menambah,
mengedit, atau menghapus paket umroh dan haji yang tersedia.
Selain itu, admin juga dapat mengelola pendaftaran paket,
termasuk memantau dan mengelola data pendaftaran jamaah
untuk setiap paket yang dipilih. Admin memiliki kontrol penuh
atas manajemen testimoni, yang memungkinkan untuk
menambah, mengedit, atau menghapus testimoni dari jamaah.
Fitur manajemen mitra memungkinkan admin untuk mengelola
informasi mitra, termasuk penambahan dan pengeditan data
mitra yang terdaftar. Admin juga dapat mengelola artikel yang

4
 Dokumen Rancangan Perangkat Lunak

ditampilkan di website, dengan kemampuan untuk membuat,

mengedit, atau menghapus artikel sesuai kebutuhan. Terakhir,
admin memiliki akses untuk mengelola akun pengguna serta
akun admin.
2. Use case user dengan sistem
Ketika user atau jamaah mengakses website, mereka akan
diarahkan ke halaman utama. Di halaman ini, user dapat
memilih fitur untuk melihat informasi mengenai paket umroh
atau haji yang tersedia. Selain itu, user dapat melakukan
pendaftaran umroh/haji dengan mengklik tombol "Daftar
Sekarang". Sistem akan menampilkan formulir pendaftaran
untuk pengisian data seperti nama lengkap, jumlah pendaftar,
jenis paket, dan nomor Whatsapp.
Selain itu, sistem menyediakan fitur untuk melihat artikel dan
testimoni. Jika user/jamaah ingin mendaftar sebagai mitra,
mereka dapat mengklik menu "Kemitraan" dan mengisi formulir
pendaftaran yang disediakan.

5
 Dokumen Rancangan Perangkat Lunak

3.2 Deskripsi Dekomposisi

1. Activity diagram menu login admin
Proses login admin dimulai dengan admin menekan tombol
“Login Admin”, yang kemudian menampilkan form login. Admin
akan menginput username dan password, dan sistem akan
memverifikasi data yang telah diinput tersebut. Jika verifikasi
berhasil, sistem menampilkan halaman utama admin. Namun,
jika gagal, form login akan tetap ditampilkan, memungkinkan
admin untuk memperbaiki data yang salah dan mencoba lagi.

6
 Dokumen Rancangan Perangkat Lunak

2. Activity diagram pendaftaran paket

Proses pendaftaran paket dimulai ketika pengguna menekan
tombol “Daftar Sekarang”, yang kemudian menampilkan
halaman pendaftaran. Pengguna akan mengisi formulir
pendaftaran, dan sistem akan memvalidasi data yang
dimasukkan. Jika ada data yang tidak sesuai format atau masih
ada yang belum terisi, halaman pendaftaran akan tetap
ditampilkan untuk diperbaiki. Jika data valid, pengguna dapat
melanjutkan ke halaman pembayaran untuk melakukan
pembayaran. Setelah pembayaran berhasil, sistem akan
menyimpan data pendaftaran, dan admin akan menyimpan detail
informasi pendaftaran paket.

7
 Dokumen Rancangan Perangkat Lunak

3. Activity diagram pendaftaran mitra

Proses pendaftaran mitra dimulai ketika mitra memilih menu
'Daftar sebagai Mitra', yang kemudian menampilkan halaman
pendaftaran. Mitra mengisi formulir pendaftaran, dan sistem
akan memvalidasi data yang diinput. Jika data tidak sesuai
format atau masih ada yang belum terisi, halaman pendaftaran
akan tetap ditampilkan untuk diperbaiki. Namun, jika data sudah
sesuai format dan terisi semua, sistem akan menyimpan data,
dan admin akan menyimpan detail informasi pendaftaran mitra.

8
 Dokumen Rancangan Perangkat Lunak

3.3 Alasan Rancangan (opsional)

Rancangan arsitektur sistem ini menggunakan use case diagram untuk
menggambarkan interaksi antara aktor (user dan admin) dengan
sistem. Pendekatan ini dipilih karena use case diagram memberikan
gambaran yang jelas dan mudah dipahami mengenai fungsi sistem
yang diinginkan, serta hubungan antara aktor dan sistem.
4. RANCANGAN DATA
4.1 Deskripsi Data
1. Tabel nama_paket

9
 Dokumen Rancangan Perangkat Lunak

2. Tabel paket_umroh_haji

3. Tabel admin

4. Tabel pendaftaran_paket

10
 Dokumen Rancangan Perangkat Lunak

5. Tabel artikel

6. Tabel testimoni

7. Tabel mitra

4.2 Kamus Data

Daftar secara alfabetis entitas sistem atau data utama beserta jenis
dan deskripsinya. Jika memberikan deskripsi fungsional di Bagian 3.2,
buat daftar semua fungsi dan parameter fungsi.

11
 Dokumen Rancangan Perangkat Lunak

Daftar Entitas Sistem atau Data Utama

1. Admin

o Jenis: Data Utama

o Deskripsi: Menyimpan informasi login admin, seperti username

dan password, yang digunakan untuk mengelola semua fitur
backend.

2. Artikel

o Jenis: Data Utama

o Deskripsi: Berisi informasi artikel terkait tips perjalanan,

panduan, dan pengalaman jamaah, yang dapat ditampilkan di
halaman pengguna.

3. Mitra

o Jenis: Data Utama

o Deskripsi: Menyimpan informasi pendaftaran mitra, seperti nama

mitra, nomor telepon, dan alamat, serta data lain yang dibutuhkan
untuk program kemitraan.

4. Nama Paket

o Jenis: Data Master

o Deskripsi: Menyimpan nama-nama paket Umroh dan Haji yang

digunakan sebagai referensi dalam entitas paket_umroh_haji.

5. Paket Umroh & Haji

o Jenis: Data Utama

o Deskripsi: Berisi informasi detail setiap paket, termasuk harga,

tanggal keberangkatan, kuota, fasilitas, durasi perjalanan, dan
rute perjalanan.

6. Pendaftaran Mitra

o Jenis: Data Utama

o Deskripsi: Berisi data yang dimasukkan oleh calon mitra saat

mendaftar, termasuk data validasi.

7. Pendaftaran Paket

o Jenis: Data Utama

o Deskripsi: Berisi data pendaftaran pengguna untuk paket Umroh

atau Haji, termasuk data peserta, jenis paket, dan jumlah peserta.

12
 Dokumen Rancangan Perangkat Lunak

8. Testimoni

o Jenis: Data Utama

o Deskripsi: Berisi feedback dari pengguna yang dikelola oleh

admin, termasuk nama pengguna, kota asal, rating, dan
komentar.

Daftar Fungsi dan Parameter Fungsi

1. Login Admin

• Fungsi:

o verifikasi_login(username, password)

• Parameter:

o username: String, input dari admin untuk autentikasi.

o password: String, input dari admin untuk autentikasi.

• Output:

o Halaman utama admin jika berhasil, atau pesan kesalahan jika

gagal.

2. Pendaftaran Paket

• Fungsi:

o validasi_form_pendaftaran(data_pendaftaran)

o simpan_pendaftaran(data_pendaftaran)

• Parameter:

o data_pendaftaran: Objek berisi nama, nomor telepon, jumlah

peserta, jenis paket, dan tanggal keberangkatan.

• Output:

o Redirect ke halaman pembayaran jika validasi berhasil, atau pesan

kesalahan jika gagal.

3. Pendaftaran Mitra

• Fungsi:

o validasi_form_mitra(data_mitra)

o simpan_data_mitra(data_mitra)

13
 Dokumen Rancangan Perangkat Lunak

• Parameter:

o data_mitra: Objek berisi nama, nomor telepon, alamat, dan data

lain yang diperlukan.

• Output:

o Redirect ke WhatsApp dengan pesan otomatis jika validasi

berhasil, atau pesan kesalahan jika gagal.

4. Manajemen Artikel

• Fungsi:

o tambah_artikel(data_artikel)

o edit_artikel(id_artikel, data_baru)

o hapus_artikel(id_artikel)

• Parameter:

o data_artikel: Objek berisi judul, konten, dan gambar artikel.

o id_artikel: Integer, ID artikel yang akan diubah atau dihapus.

• Output:

o Artikel yang berhasil dikelola.

5. Manajemen Testimoni

• Fungsi:

o tambah_testimoni(data_testimoni)

o edit_testimoni(id_testimoni, data_baru)

o hapus_testimoni(id_testimoni)

• Parameter:

o data_testimoni: Objek berisi nama pengguna, kota, rating, dan

feedback.

o id_testimoni: Integer, ID testimoni yang akan diubah atau

dihapus.

• Output:

o Testimoni berhasil ditambahkan atau dikelola.

14
 Dokumen Rancangan Perangkat Lunak

6. Manajemen Kuota Paket

• Fungsi:

o update_kuota(id_paket, jumlah_baru)

• Parameter:

o id_paket: Integer, ID dari paket Umroh/Haji.

o jumlah_baru: Integer, jumlah kuota terbaru.

• Output:

o Kuota berhasil diperbarui pada sistem.

7. Filter Paket

• Fungsi:

o filter_paket(jenis_paket, bulan)

• Parameter:

o jenis_paket: String, jenis paket yang dipilih (Reguler, Ramadhan,

dll).

o bulan: String, bulan keberangkatan yang dipilih.

• Output:

o Daftar paket yang sesuai dengan filter.

5. RANCANGAN ANTARMUKA
5.1 Gambaran Umum Antarmuka
Fungsionalitas Sistem dari Sudut Pandang Pengguna

1. Menjelajahi Paket Umroh dan Haji

• Akses Halaman Utama:

o Pengguna akan disambut dengan tampilan daftar jenis paket

(Reguler, Umroh Ramadhan, Umroh Gold, Umroh Private, Umroh
Plus Tour, Haji Furoda, Haji Plus, Haji Regular) yang terorganisir
secara rapi.

o Pengguna dapat memilih jenis paket untuk melihat daftar lengkap

berdasarkan bulan keberangkatan.

15
 Dokumen Rancangan Perangkat Lunak

• Melihat Detail Paket:

o Setelah memilih jenis paket dan bulan, pengguna diarahkan ke

halaman daftar paket yang menampilkan:

▪ Nama Paket

▪ Harga

▪ Kuota yang tersedia

▪ Status kuota (tersedia atau sold out)

▪ Durasi perjalanan

o Pengguna dapat mengeklik "Lihat Detail" untuk membuka

halaman detail yang menampilkan:

▪ Fasilitas lengkap

▪ Jadwal perjalanan (rute harian)

▪ Informasi tambahan terkait paket.

2. Mendaftar untuk Paket Umroh atau Haji

• Pengisian Formulir:

o Pada halaman detail paket, pengguna dapat mengisi formulir

pendaftaran dengan informasi seperti:

▪ Nama Lengkap

▪ Jumlah peserta

▪ Kontak (nomor HP dan email)

o Tombol "Daftar Sekarang" mengirimkan data ke sistem untuk

disimpan di database.

• Pengalihan ke WhatsApp:

o Setelah berhasil submit, pengguna diarahkan ke WhatsApp

dengan pesan otomatis yang berisi:

▪ Nama pengguna

▪ Jumlah peserta

▪ Nama paket dan jenisnya

▪ Bulan keberangkatan

o Pesan ini membantu pengguna untuk mengonfirmasi pendaftaran

dengan admin secara langsung.

16
 Dokumen Rancangan Perangkat Lunak

3. Membaca Artikel

• Menjelajahi Artikel:

o Di halaman artikel, pengguna dapat melihat daftar artikel terbaru

yang terkait dengan tips perjalanan, panduan ibadah, atau cerita
pengalaman jamaah.

o Pengguna dapat menggunakan kolom pencarian untuk

menemukan artikel berdasarkan kata kunci tertentu.

• Membuka Artikel:

o Pengguna dapat mengeklik artikel untuk membuka halaman

lengkap yang berisi konten teks, gambar, dan informasi tambahan
yang relevan.

4. Melihat Testimoni

• Membaca Testimoni:

o Di halaman testimoni, pengguna dapat membaca umpan balik dari

jamaah yang telah menggunakan jasa travel.

o Setiap testimoni menampilkan:

▪ Nama pengguna

▪ Kota asal

▪ Rating (bintang)

▪ Komentar atau kesan

▪ Foto yang diunggah (dengan penyesuaian otomatis sesuai

layout).

5. Informasi tentang Perusahaan

• Akses Halaman Tentang Kami:

o Pengguna dapat membaca informasi lengkap tentang sejarah

perusahaan, visi, misi, dan kontak melalui halaman "Tentang
Kami".

o Informasi ini membantu pengguna mengenal perusahaan lebih

dalam sebelum memutuskan mendaftar.

6. Mengajukan Kemitraan

• Formulir Pendaftaran Mitra:

o Di halaman mitra, pengguna dapat membaca detail program

kemitraan (manfaat, komisi, aturan).

17
 Dokumen Rancangan Perangkat Lunak

o Pengguna dapat mengisi formulir pendaftaran dengan informasi:

▪ Nama lengkap

▪ Nomor HP

▪ Alamat

o Tombol "Daftar sebagai Mitra" mengarahkan pengguna ke

WhatsApp dengan pesan otomatis yang memuat informasi
pendaftaran.

7. Umpan Balik yang Ditampilkan untuk Pengguna

• Form Submission:

o Setelah pengguna mengisi formulir pendaftaran paket atau mitra,

akan ditampilkan pesan sukses seperti:

▪ "Terima kasih! Data Anda telah berhasil disimpan. Anda

akan diarahkan ke WhatsApp untuk langkah selanjutnya."

• Pencarian Artikel:

o Jika hasil pencarian artikel tidak ditemukan, akan muncul pesan

seperti:

▪ "Maaf, artikel yang Anda cari tidak tersedia. Coba kata

kunci lain."

• Kuota Paket:

o Jika pengguna mencoba memilih paket yang sudah habis

kuotanya, akan ada notifikasi:

▪ "Mohon maaf, kuota untuk paket ini telah habis. Silakan

pilih paket lain."

5.2 Tampilan Layar

Antarmuka pengguna (user interface) merupakan bentuk tampilan
grafis yang berhubungan dengan pengguna (user). Antarmuka
pengguna berfungsi untuk menghubungkan antara pengguna dengan
sistem, sehingga sistem tersebut bisa digunakan. Berikut merupakan
rancangan desain antarmuka pengguna website Alfalah Zein.

18
 Dokumen Rancangan Perangkat Lunak

1. Halaman utama

19
 Dokumen Rancangan Perangkat Lunak

20
 Dokumen Rancangan Perangkat Lunak

2. Pendaftaran umroh dan haji

3. Paket umroh

21
 Dokumen Rancangan Perangkat Lunak

4. Paket Haji

5. Jadwal Umroh

22
 Dokumen Rancangan Perangkat Lunak

6. Mendaftar sebagai mitra

7. Dashboard Admin

23
 Dokumen Rancangan Perangkat Lunak

8. Manajemen Paket

9. Manajemen Nama Paket

10. Manajemen Artikel

24
 Dokumen Rancangan Perangkat Lunak

11. Manajemen Testimoni

12. Manajemen Pendaftar

13. Manajemen Admin

25
 Dokumen Rancangan Perangkat Lunak

14. Manajemen Mitra

5.3 Objek Layar dan Tindakan

1. Login Admin

• Objek Layar:

o Form Login:

▪ Field:
▪ Input untuk username.

▪ Input untuk password (dengan tipe password untuk

menyembunyikan teks).

▪ Tombol "Login".

o Pesan Kesalahan: Ditampilkan jika login gagal (contoh:

"Username atau password salah").

• Tindakan:

o Admin memasukkan username dan password ke dalam form.

o Klik tombol "Login".

o Sistem memverifikasi:

▪ Jika berhasil → Admin diarahkan ke halaman dashboard.

▪ Jika gagal → Pesan kesalahan muncul, dan form tetap

ditampilkan untuk mencoba lagi.

26
 Dokumen Rancangan Perangkat Lunak

2. Pendaftaran Paket Umroh/Haji

• Objek Layar:

o Daftar Paket:

▪ Kartu/tabel berisi daftar paket dengan informasi singkat

(nama paket, harga, keberangkatan, kuota, status, tombol
"Daftar Sekarang").

o Halaman Detail Paket:

▪ Berisi detail lengkap (nama paket, harga, tanggal

keberangkatan, fasilitas, rute perjalanan, dll.).

▪ Tombol "Daftar Sekarang".

o Formulir Pendaftaran:

▪ Input untuk nama, nomor telepon, jumlah peserta, dan

catatan tambahan.

▪ Tombol "Submit".

o Konfirmasi WhatsApp:

▪ Link otomatis untuk mengarahkan pengguna ke aplikasi

WhatsApp dengan pesan yang telah diisi.

• Tindakan:

o Pengguna memilih paket pada daftar/tabel dan klik "Daftar

Sekarang".

o Sistem menampilkan halaman pendaftaran.

o Pengguna mengisi form pendaftaran.

o Klik "Submit":

▪ Jika valid → Data disimpan ke database, dan pengguna

diarahkan ke WhatsApp dengan pesan otomatis.

▪ Jika tidak valid → Form tetap ditampilkan dengan pesan

kesalahan.

3. Pendaftaran Mitra

• Objek Layar:

o Halaman Informasi Mitra:

27
 Dokumen Rancangan Perangkat Lunak

▪ Penjelasan tentang program kemitraan (manfaat, komisi,

dll.).

▪ Tombol "Daftar sebagai Mitra".

o Formulir Pendaftaran Mitra:

▪ Input untuk nama, nomor telepon, email, dan alamat.

▪ Tombol "Kirim".

o Konfirmasi WhatsApp:

▪ Link otomatis untuk mengarahkan ke WhatsApp dengan

pesan berisi data pendaftaran.

• Tindakan:

o Pengguna membaca informasi mitra dan klik "Daftar sebagai

Mitra".

o Sistem menampilkan form pendaftaran.

o Pengguna mengisi form.

o Klik "Kirim":

▪ Jika valid → Data disimpan ke database, dan pengguna

diarahkan ke WhatsApp dengan pesan otomatis.

▪ Jika tidak valid → Form tetap ditampilkan dengan pesan

kesalahan.

4. Manajemen Paket (Admin)

• Objek Layar:

o Dashboard Paket:

▪ Tabel berisi daftar semua paket (kolom: nama paket,

harga, kuota, status, tombol edit dan hapus).

▪ Tombol "Tambah Paket".

o Form Paket:

▪ Input untuk nama paket (diambil dari tabel nama_paket).

▪ Input harga, tanggal keberangkatan, kuota, fasilitas, rute

perjalanan.

▪ Tombol "Simpan".

28
 Dokumen Rancangan Perangkat Lunak

o Pesan Konfirmasi: Ditampilkan setelah berhasil menambah,

mengedit, atau menghapus paket.

• Tindakan:

o Admin klik "Tambah Paket" → Form paket ditampilkan.

o Admin mengisi form → Klik "Simpan" → Data tersimpan di

database.

o Admin klik tombol edit/hapus pada tabel → Sistem memperbarui

atau menghapus data.

5. Manajemen Artikel (Admin)

• Objek Layar:

o Dashboard Artikel:

▪ Tabel berisi daftar artikel (kolom: judul, tanggal publikasi,

tombol edit dan hapus).

▪ Tombol "Tambah Artikel".

o Form Artikel:

▪ Input untuk judul, isi artikel, gambar unggah.

▪ Tombol "Simpan".

o Pesan Konfirmasi: Ditampilkan setelah berhasil menambah,

mengedit, atau menghapus artikel.

• Tindakan:

o Admin klik "Tambah Artikel" → Form artikel ditampilkan.

o Admin mengisi form → Klik "Simpan" → Data tersimpan di

database.

o Admin klik tombol edit/hapus → Sistem memperbarui atau

menghapus data.

6. Testimoni

• Objek Layar:

o Dashboard Testimoni (Admin):

▪ Tabel daftar testimoni (kolom: nama, kota, rating, tombol

edit dan hapus).

29
 Dokumen Rancangan Perangkat Lunak

▪ Tombol "Tambah Testimoni".

o Form Testimoni:

▪ Input untuk nama, kota, rating (1-5 bintang), dan

feedback.

▪ Unggah foto.

▪ Tombol "Simpan".

o Halaman Testimoni (Frontend):

▪ Menampilkan nama, kota, rating, foto, dan feedback.

• Tindakan:

o Admin klik "Tambah Testimoni" → Form testimoni ditampilkan.

o Admin mengisi form → Klik "Simpan" → Data tersimpan di

database.

o Admin klik tombol edit/hapus → Sistem memperbarui atau

menghapus data.

7. Informasi Perusahaan

• Objek Layar:

o Halaman "Tentang Kami":

▪ Menampilkan teks tentang visi, misi, sejarah, dan kontak

perusahaan.

o Halaman Informasi Umum:

▪ Informasi panduan perjalanan, dokumen pendaftaran, dan

prosedur pembayaran.

• Tindakan:

o Tidak ada tindakan khusus; hanya informasi statis yang

ditampilkan kepada pengguna.

8. Manajemen Admin

• Objek Layar:

o Dashboard Admin:

30
 Dokumen Rancangan Perangkat Lunak

▪ Tabel daftar admin (kolom: nama admin, username,

tombol edit dan hapus).

▪ Tombol "Tambah Admin".

o Form Admin:

▪ Input untuk nama admin, username, dan password.

▪ Tombol "Simpan".

o Pesan Konfirmasi: Ditampilkan setelah berhasil menambah,

mengedit, atau menghapus admin.

• Tindakan:

o Admin klik "Tambah Admin" → Form admin ditampilkan.

o Admin mengisi form → Klik "Simpan" → Data tersimpan di

database.

o Admin klik tombol edit/hapus → Sistem memperbarui atau

menghapus data.

31