Anda di halaman 1dari 22

DPPL-

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

SILAH

(Sistem Informasi Layanan Hotel)

Dipersiapkan oleh:

No Nama Nim
1 TIFANI OLY SUKADI 2116043
2 MARIANA TAMU INA 2116024
3 PENI GARAMESA 2116012
4 MESAK K. MULUNG 2116009
5 MELIA ATA HAU 2116101

Program Studi Teknik


Informatika Nomor Dokumen Halaman

Universitas Kristen Wira DPPL – 1/21


Wacana Sumba Revisi Tgl. 14/05/2019

DAFTAR PERUBAHAN
Revisi Deskripsi
Prodi Teknik InformatikaUnkriswina DPPL - Halaman 1 dari 21
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
A

INDEX - A B C D E F G
TGL

Ditulis
oleh

Diperiks
a oleh

Disetujui
oleh

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 2 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
Daftar Halaman Perubahan

Halaman Revisi Halaman Revisi

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 3 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
Daftar Isi
Daftar Tabel............................................................................................................ Error! Bookmark not defined.
1. Pendahuluan ........................................................................................................................................................ 5
1.1 Tujuan Penulisan Dokumen ..................................................................................................................... 5
1.2 Lingkup Masalah ..................................................................................................................................... 5
1.3 Definisi dan Istilah .................................................................................................................................. 5
1.4 Aturan Penamaan dan Penomoran ........................................................................................................... 6
1.5 Referensi .................................................................................................................................................. 6
1.6 Ikhtisar Dokumen .................................................................................................................................... 6
2 Rancangan Lingkungan Implementasi ............................................................................................................ 6
3 Perancangan Data ............................................................................................................................................ 7
3.1 Daftar Tabel ............................................................................................................................................. 7
Tabel 1. Daftar Tabel yang digunakan .................................................................................................................... 7
3.2 Struktur Tabel .......................................................................................................................................... 8
Tabel 2. Tabel Super Admin ................................................................................................................................... 8
Tabel 3. Tabel Hotel ................................................................................................................................................ 8
Tabel 4. Tabel Transportasi ................................................................................................................................... 10
Tabel 5. Tabel Pariwisata ...................................................................................................................................... 10
Tabel 6. Tabel Bank .............................................................................................................................................. 11
Tabel 7. Tabel Costumer ....................................................................................................................................... 11
3.3 Skema Relasi ......................................................................................................................................... 12
4 Perancangan arsitektural ................................................................................................................................ 13
4.1 Struktur Program yang diperoleh........................................................................................................... 13
4.2 Dekomposisi Fungsional Modul ............................................................................................................ 13
5 Perancangan Antarmuka ................................................................................................................................ 14
5.1 Aturan Perancangan Antarmuka ............................................................................................................ 14
5.2 Daftar Antarmuka Pemakai ................................................................................................................... 14
5.3 Spesifikasi Antarmuka ........................................................................................................................... 16
5.3.1 Spesifikasi Layar Utama ................................................................................................................ 16
5.3.2 Spesifikasi Objek-objek pada Layar .............................................................................................. 18
5.3.3 Spesifikasi Layar Pesan ................................................................................................................. 18
5.3.4 Spesifikasi Report .......................................................................................................................... 20
6 Perancangan Prosedural................................................................................................................................. 21
7 Lampiran ....................................................................................................................................................... 21

Setelah Daftar Isi Boleh ada Daftar Tabel dan Daftar Gambar

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 4 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
1. Pendahuluan

1.1 Tujuan Penulisan Dokumen


Dokumen DPPL berisi perancangan perangkat lunak (DPPL) atau software dengan
designdescription (SDD) untuk SILAH tourandtravel. Adapun tujuan dan penulisan
dokumen ini yaitu :

a) Untuk memberikan penjelasan dan gambaran mengenai perancangan perangkat


lunak yang akan di bangun baik berupa gambaran umum maupun penjelasannya
secara detail dan menyeluruh.
b) Hasil analisis sistem perangkat lunak dengan rancangan ini diuraikan sebagi
sekumpulan proses yang telah terorganisasi secara hirarkis, dimana proses-
proses saling berkomunikasi melalui satu jalur aliran data.
c) Dengan adanya dokumen DPPL ini diharapkan pengembangan perangkat lunak
SILAH tourandtravel akan lebih terarah, lebih efektif dan efisien.
d) Pengguna dari dokumen ini adalah pengembang perangkat lunak sistem
informasi pemesanan tiket hotel , tourandtravel. Dokumen ini akan di gunakan
untuk membangun ataisebagi bahan acuan dalam tahanp perancangan perangkat
lunak serta sebagi bahan evaluasi pada saat proses pengembangan perangkat
lunak maupun diakhir pengembangnya.

1.2 Lingkup Masalah


Ada beberapa manfaat yang bisa di dapatkan dalam penggunaan laporan, spesifikasi
kebutuhan Rekayasa Perangkat Lunak SILAH Tourand Travel sebagai berikut:
a) Menambah wawasan mengenai spesifikasi kebutuhan prangkat lunak
sebelum membuat perangkat lunak yang sederhana,
b) Dapat digunakan sebagai sumber referensi pembuatan perangkat lunak
berbasis desktop dengan tampilan yang sederhana.
c) Serta dapat digunakan sebagai penduan dalam perancanaan pembuatan
perangkat lunak.

1.3 Definisi dan Istilah


a) SILAH tourandtravel merupakan nama dari perangkat lunak yang digunakan
untuk memesan tiket hotel tidak hanya hotel saja tetapi bisa juga memesan
bersamaan dengan paket tourandtravel.
b) CDM(concdeptual data model) digunakan untuk memodelkan struktur logis dari
keseluruhan aplikasi data, tidak tergantung pada software atau pertimbangan
model struktur data.
c) DPPL (deskripsi perancangan perangkat lunak) merupakan dokumen sebagai
penjelasan dan gambaran tentang rancangan yang dibuat
d) ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam
basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar
relasi.
e) Notepad++ adalah sebuah perangkat lunak sistem menajemenbasisdata.

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 5 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
1.4 Aturan Penamaan dan Penomoran
Aturan penamaan dan penomoran pada perangkat lunak ini adalah:
 tb_[2121], adalah kode yang digunakan untuk aturan penamaan bagi nama-nama tabel
yang terdapat pada SIPMAK, dengan 2121 adalah serangkaian huruf dari nama tabel
yang bersangkutan.

1.5 Referensi

1.6 Ikhtisar Dokumen


Pada intinya, dokumen DPPL ini menjelaskan mengenai perancangan perangkat lunak,
dimana merupakan transformasi dari DFD pada dokumen SKPL ke dalam bentuk
perancangan. Dengan mengacu pada hasil collectrequirment dan analisi yang tertuang
pada dokumen SKPL, dokumen ini menjelaskan perancangan modul-modul perangkat
lunak yang akan di gunakan sesuai dengan SKPL beserta dekomposisi modulnya, tabel-
tabel yang di implementasikan , algoritma& pernyataan-pernyataan SQL yang akan
digunakan serta perancangan hasil tampilan sister pada layar monitor.
Dokumen ini terdiri dari bab dengan perincian sebagi berikut :
a) Bab 1 pendahuluan, merupakan pengantar DPPL yang berisi latar belakang
pembuatan software SILAH, lingkup masalah pengembangan perangkat lunak,
tujuan penulisan dokumen, manfaat perangkat lunak SILAH, batasan masalah
pembuatan perangkat lunak,definisi, istilah yang di gunakan.
b) Rancangan lingkungan implementasi
c) Perancangan data yang berisi daftar tabel , struktur tabel dan skema relasi.
d) Perancangan arsitektural yang berisis struktur program yang di peroleh dan
dekomposisi fungsi modul
e) Perancangan antar muka yang berisi anturan perancangan antar muka, daftar
antar muka dan spesifikasi antar muka didalam spesifikasi ada Spesifikasi Layar
Utama , spesifikasi objek pada layar, spesifikasi layar pesan, dan spesifikasi
report.
f) Perancangan proseduran
g) Lampiran
2 Rancangan Lingkungan Implementasi

Menjelaskan hardware, software, basis data dst yang akan digunakan untuk
implementasi. Sebutkan operating system, DBMS, development tools, filling system,
bahasa pemrograman yang dipakai.

Perangkat lunak yang dibutuhkan pada “SILAH” yaitu:

 Perangkat Keras :
- Komputer dengan monitor yang memiliki resolusi minimal 800x600
piksel,
- keyboard
- mouse
- CPU minimum
- RAM 512 MB
Prodi Teknik InformatikaUnkriswina DPPL - Halaman 6 dari 21
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
- HDD 80 GB
 Sistem operasi : Microsoft Windows 8 sebagai sistem operasi
 Perangkat Lunak
Server :
- Web server : Apache HTTP Server,
- Scripting language: PHP Hypertext Preprocessor, CSS
- DBMS : MySQL
- Notepad++ adalah sebuah perangkat lunak yang digunakan dalam
memogram aplikasi
Client :
- Sistem operasi: Microsoft Windows 8, Linux,UNIX,MacOS
- Web browser berbasis grafis atau teks : Microsoft Internet Explorer,
Mozilla FireFox, Google Chrome.
3 Perancangan Data
Berisi deskripsi tabel-tabel basis data jika aplikasi berbasis data. Awali dengan daftar tabel
basisdata dan deskripsi isinya. Untuk setiap tabel, harus mengandung Nama tabel, jenisnya,
volume, laju, primary key, constraint integrity dengan tabel lain( jika ada). Volume dan laju
harus mimimal mengandung angka kira-kira.
Boleh berasal dari “dumb” dari database yang digunakan.

3.1 Daftar Tabel


Berisi daftar dari tabel yang akan digunakan sebagai media penyimpanan data (Data Storage)
untuk basis data yang dipergunakan oleh perangkat lunak. Contoh daftar tabel adalah sebagai
berikut:
Tabel 1. Daftar Tabel yang digunakan
Nama Tabel Primary key Data Store Deskripsi isi
Super Admin ID_Super_Admi Super Admin Berisi
n fieldID_Super_Admin,
Nama, Nomor_HP
Hotel ID_Hotel Hotel Berisi fieldID_Hotel,
Nama, Alamat,
Nomor_HP,
Jumlah_Kamar.
Transportasi ID_Transportasi Transportasi Berisi
fieldID_Transportasi,
Nama, Nomor_HP,
Alamat, Harga.
Pariwisata ID_Pariwisata Pariwisata Berisi
fieldID_Pariwisata,
Nama, Alamat, Harga,
Fasilitas, Nomor_HP,
Jenis.
Bank ID_Bank Bank Berisi fieldID_Bank,
Nama_bank,
Kode_bank, call_center.

Costumer ID_Costumer Costumer Berisi fieldID_costumer,


Nama, Nomor_HP,

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 7 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
Nama Tabel Primary key Data Store Deskripsi isi
Alamat.

3.2 Struktur Tabel


Berisi deskripsi tabel-tabel data jika aplikasi berbasis data. Awali dengan daftar tabel dan
deskripsi isinya. Untuk setiap tabel, harus mengandung nama tabel, deskripsi isi, primary key,
dan constraint integrity dengan tabel lain( jika ada).

Identifikasi/Nama : Super Admin


Deskripsi Isi : Data Admin
Jenis : Tabel Super Admin
Primary Key : ID_Super Admin.

Tabel 2. Tabel Super Admin


Id Field Deskripsi Tipe & length Boleh Default Keterangan
NULL
ID_Super Identitas Int (20) NO PK
Admin Super Admin
Nama Field Nama Char (20) NO
super admin
Nomor_HP Field Nomor Int (12) NO
HP super
admin

Identifikasi/Nama : Hotel
Deskripsi Isi : Data Hotel
Jenis : Tabel Hotel
Primary Key : ID_Hotel

Tabel 3. Tabel Hotel


Id Field Deskripsi Tipe & length Boleh Default Keterangan
NULL
ID_Hotel Identitas Int (8) NO PK
Hotel
Nama Field nama Char (30) NO
hotel
Alamat Field yang Char (50) NO
berisi alamat
hotel
Nomor_HP Field nomor Int (12) NO
hanphone
hotel
Jumlah Kamar Fild yang Int YES
berisi jumlah
kamar
Prodi Teknik InformatikaUnkriswina DPPL - Halaman 8 dari 21
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
Prodi Teknik InformatikaUnkriswina DPPL - Halaman 9 dari 21
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
Identifikasi/Nama : Transportasi
Deskripsi Isi : Data Transportasi
Jenis : Tabel Transportasi
Primary Key : ID_Transportasi

Tabel 4. Tabel Transportasi


Id Field Deskripsi Tipe & length Boleh Default Keterangan
NULL
ID_Transporta Identitas Int (12) NO PK
si Transportasi
Nama Field yang Char (30) NO
berisi nama
Nomor_HP Field yang Int (12) NO
berisi nomor
hanphone
Harga Field yang Int (25) NO
berisi harga

Identifikasi/Nama : Pariwisata
Deskripsi Isi : Data Pariwisata
Jenis : Tabel Pariwisata
Primary Key : ID_Pariwisata.

Tabel 5. Tabel Pariwisata


Id Field Deskripsi Tipe & length Boleh Default Keterangan
NULL
ID_Pariwisata Identitas Int (8) NO PK
Pariwisata
Nama Field yang Char (30) NO
berisi nama
Alamat Field yang Char (30) NO
berisi alamat
Harga Field yang Int (25) NO
berisi harga
Fasilitas Field yang NO
berisis fasilitas
Nomor_HP Field yang NO
berisi nomor
hanphone
Jenis Field yang NO
berisi jenis

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 10 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
Nomor_HP
Identifikasi/Nama : Bank
Deskripsi Isi : Data Bank
Jenis : Tabel Bank
Primary Key : ID_bank.

Tabel 6. Tabel Bank


Id Field Deskripsi Tipe & length Boleh Default Keterangan
NULL
ID_Bank Identitas Int (10) NO PK
Bank
Nama Bank Field yang Char (20) NO
berisis nama
bank
Kode bank Field yang Int (10) NO
berisi kode
bank
Callcenter Field yang Int NO
berisi layanan
menerima
telepon

Identifikasi/Nama : Costumer
Deskripsi Isi : Data Costumer
Jenis : Tabel Costumer
Primary Key : ID_Costumer.

Tabel 7. Tabel Costumer


Id Field Deskripsi Tipe & length Boleh Default Keterangan
NULL
ID_costumer Identitas Int (12) NO PK
costumer
Nama Field yang Char (30) NO
berisi nama
pelanggan
Nomor_HP Field yang Int (12) NO
berisi nomor
hanphone
pelanggan
Alamat Field yang Char (30) YES
berisi alamat

Catatan : kolom “Boleh NULL” berisi “NO” artinya tidak boleh kosong, berisi “YES” artinya
boleh NULL

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 11 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
3.3 Skema Relasi

Gambar 1. Skema Relasi

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 12 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
4 Perancangan arsitektural
Perancangan arsitektur adalah untuk mengembangkan struktur program modular dan
merepresentasikan hubungan kontrol antar modul. Perancangan arsitektur juga membentuk
struktur program dan struktur data dengan menentukan antarmuka yang memungkinkan data
mengalir melalui program. Alat pemodelan untuk merancang arsitektur perangkat lunak
menggunakan structurechart.

4.1 Struktur Program yang diperoleh


Menjelaskan bagan struktur (representasi dari struktur program) yang digunakan untuk
menunjukanhirarki modul tersebut. Struktur program menampilkan / menyajikan organisasi (
seringkali organisasi hirarki ) dari komponen-komponen program ( modul-modul ) dan
mengandung arti hirarki dari kontrol program. Notasi yang digunakan adalah diagram tree.
Biasanya dinamakan structure chart.

Gambar 2. Struktur Program SILAH

4.2 Dekomposisi Fungsional Modul


Bagian ini berisi dekomposisi logik dari modul. Pada bagian ini berisi tabel dengan kolom
Modul, Proses, Keterangan. Kolom keterangan hanya diisi jika proses tidak tergambarkan
dalam DFD. Misalnya untuk proses-proses yang mewakili suatu library umum. Contoh
dekomposisi fungsional modul adalah sebagai berikut:
Prodi Teknik InformatikaUnkriswina DPPL - Halaman 13 dari 21
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
5 Perancangan Antarmuka

5.1 Aturan Perancangan Antarmuka


 MockUp_[Y] adalah kode yang digunakan untuk aturan penamaan bagi nama-nama
perancangan antarmuka yang terdapat pada SILAH, dengan Y adalah kode untuk
pengguna, adalah serangkaian angka dari perancangan antarmuka yang bersangkutan.

5.2 Daftar Antarmuka Pemakai


Berisi daftar antarmuka pemakai yang digunakan oleh perangkat lunak.
Tabel 8. Daftar Antarmuka Pemakai
No Antarmuka Deskripsi
1 MockUp_U001 Halaman login untuk user costumer dan admin. User memasukkan
username dan password. Jika berhasil maka akan menampilkan halaman
awal, jika tidak maka akan keluar pesan data yang anda masukkan salah.
2 MockUp_M001 Halaman awal. Pada halaman ini di tampilkan homepage, profil, tentang,
Login ,daftar, bantuan, cara pesan, dan cek pesanan. Cara memilih menu
login dengan meng-klik botton pada kolom pilih. Cara meelihat profil
dengan menglikbotton pada kolom pilih
4 MockUp_A001 Halaman awal bagi admin. Pada halaman ini disajikan menu home page,
hotel, melihat data hotel, melihat data kamar yang sudah dicheck in,
melihat data kamar yang sudah dicheckout, menambah data hotel,
melihat kamar yang telah dibooking, menambah data hotel dan fasilitas,
menghapus data hotel
5 MockUp_A002 Halaman ini menampilkan daftar pemesanan. Jika ingin mengedit maka
admin menekan tombol edit, dan jika akan menghapus maka admin
menekan tombol hapus. Pada halaman ini juga dapat melakukan
pencarian berdasarkan username, dan kode pelanggan.
6 MockUp_A003 Halaman ini untuk melakukan pengeditan pemesanan. Terdapat kode
pemesanan, nama pemesan, dan pelanggan. Jika admin telah selesai
melakukan pengeditan, maka tekan tombol simpan, dan jika batal tekan
tombol batal.
7 MockUp_A004 Halaman ini untuk melakukan penambahan pemesanan kamar hotel. Jika
telah selesai melakukan peng-inputan data, maka tekan tombol simpan,
dan jika batal tekan tombol batal.
8. MockUp_A005 Halaman ini untuk melakukan tambah pemesanan jasa pariwisata. Admin
diminta untuk memasukkan username dan kode pelanggan. Tekan masuk
jika data dianggap sudah benar, atau tekan batal jika batal menambah
pemesanan.
9 MockUp_A006 Halaman ini akan tampil setelah Admin mengisi username dan kode
pelanggan pada MockUp_A005. Jika data sudah benar maka admin
menekan tombol simpan.
10 MockUp_A007 Setelah admin menekan tombol simpan pada MockUp_A006, maka akan
tampil halaman ini. Halaman ini berfungsi untuk melakukan pencetakan
KRS mahasiswa.
11 MockUp_A008 Halaman ini berfungsi untuk menampilkan daftar pemesanan yang
tersimpan pada database. Admin bias melakukan pengeditan data dengan
menekan tombol edit atau bisa menghapus dengan menekan tombol
hapus.
12 MockUp_A009 Halaman ini akan tampil jika admin menekan tombol edit pada
MockUp_A008. Halaman ini untuk melakukan pengeditan pemesnan.

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 14 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
Setelah memasukkan data admin dapat menekan tombol simpan atau jika
batal dapat menekan tombol batal.
13 MockUp_A010 Halaman ini berfungsi untuk menampilkan daftar pemesnan. Disini dapat
dilakukan pencarian dengan kode pelanggan. JIka admin ingin mengedit
data maka tekan tombol edit atau tekan tombol hapus jika ingin
menghapus.
14 MockUp_A011 Halaman ini akan tampil jika admin menekan tombol edit pada
MockUp_A010. Halaman ini untuk melakukan pengeditan daftar
pemesanan. Setelah memasukkan data admin dapat menekan tombol
simpan atau jika batal dapat menekan tombol batal.
15 MockUp_A012 Halaman ini untuk melakukan tambah pemesanan. Admin diminta untuk
memasukkan username dan password. Tekan masuk jika data dianggap
sudah benar, atau tekan batal jika batal menambah pemesanan.
16 MockUp_A013 Halaman ini akan tampil setelah Admin mengisi username dan password
pada MockUp_A012. Jika data sudah benar maka admin menekan
tombol simpan.
17 MockUp_A014 Setelah admin menekan tombol simpan pada MockUp_A013, maka akan
tampil halaman ini.
18 MockUp_A015 Halaman ini berfungsi untuk menampilkan daftar kamar yang di pesan
yang tersimpan pada database. Admin bisa melakukan pengeditan data
dengan menekan tombol edit atau bisa menghapus dengan menekan
tombol hapus.
19 MockUp_A016 Halaman ini akan tampil jika admin menekan tombol edit pada
MockUp_A015. Halaman ini untuk melakukan pengeditan transkrip.
Setelah memasukkan data admin dapat menekan tombol simpan atau jika
batal dapat menekan tombol batal.
20 MockUp_A017 Halaman ini untuk melakukan tambah pemesanan transportasi. Admin
diminta untuk memasukkan username dan password. Tekan masuk jika
data dianggap sudah benar, atau tekan batal jika batal menambah
pemesanan.
21 MockUp_A018 Halaman ini akan tampil setelah Admin mengisi username dan password
pada MockUp_A017. Jika data sudah benar maka admin menekan
tombol simpan.
22 MockUp_A019 Setelah admin menekan tombol simpan pada MockUp_A019, maka akan
tampil halaman ini.
23 MockUp_A020 Halaman ini adalah halaman awal bagi costumer. Menampilkan menu
homepage, pilih kamar hotel, pilih paket tour&travel, pembayaran,
tentang.

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 15 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
5.3 Spesifikasi Antarmuka

5.3.1 Spesifikasi Layar Utama


Layar utama disajikan oleh Gambar 1. Layar utama Silah

Gambar 1. Layar utama Silah

Layar login disajikan oleh Gambar 2. Layar LoginSilah

Gambar 2. Layar Login Silah


Prodi Teknik InformatikaUnkriswina DPPL - Halaman 16 dari 21
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
Layar utama costumer menu pilih paket tour&traveldisajikan oleh Gambar 3. Layar
utamacostumerSilah

Gambar 3. Layar utamaadmincostumerSilah

Layar utama Admin hotel disajikan oleh Gambar 4. Layar utama Admin HotelSilah

Gambar 4. Layar utama Admin HotelSilah

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 17 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
5.3.2 Spesifikasi Objek-objek pada Layar

Id_Objek Jenis Keterangan


ddlStatus Combobox Untuk memilih status dari ser yang akan login yaitu admin atau
mahasiswa
Btndaftar Button Untuk memilih menu daftar yang belum memiliki akun
Btnlogin Button Jika ditekan akan menampilkan username dan password
Btnusername Button Untuk memasukkan username
Btnpass button Untuk memasukkan password
Btnmsuk Button Jika ditekan, system akan melakukan validasi dan jika data yang
dimasukkan sesuai maka akan masuk ke halaman utama
Rtgbantuan rectangle Jika ditekan, system akan menampilkan bantuan
Rtgcarapesan rectangle Jika ditekan, system akan menampilkan cara-cara pemesanan
Rtgcekpesanan rectengle Jika ditekan, system akan menampilkan daftar pesanan pelanggan
Btnhomepage Button Jika ditekan, system akan menampilkan halaman depan
Btnprofil Button Jikaditekan, system akan menampilkan profil
Btntentang Button Jika ditekan, system akan menampilkan tentang
txtboxiklan Textbox System menampilkan iklan-iklan
txtboxtujuanwisata Textbox Sistem menampilkan menu cari rectengle untuk mencari lokasi wisata
textboxplhtrsprts Textbox Sistem menampilkan menu cari rectengle untuk memilih transportasi
textboxharga Textbox Sistem menampilkan menu harga rectengle untuk memilih harga
nexticoncarilokasi nexticon Sistem akan menampilkan bannyak pilihan lokasi wisata
nexticonpilihtrsport nexticon Sistem akan menampilkan banyak pilihan transportasi
si
nexticonpilihhrg nexticon Sistem akan menampilkan macam-macam harga
cntcpcticnaknsy Contactpictur Jika ditekan akan ada textbox profil, pesanan, dan logout jika ingin
eicon keluar dari halaman
plaintext plaintext Menampilkan teks pada setiap rectengle
bluebtn bluebutton Menampilkan teks batal
redbtn redbutton Menampilkan teks YA

5.3.3 Spesifikasi Layar Pesan


Menjelaskan pesan yang muncul kepada user di dalam alur/skenario fungsi tertentu. Untuk
suatu kasus akan ditampilkan pesan di layar dengan bentuk tertentu.

1) Data gagal disimpan karena data yang dimasukkan salah


Jika user salah memasukkan data, maka akan muncul tampilan seperti pada Gambar 5.

Gambar 5. Pesan gagal hotel

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 18 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
2) Gambar konfirmasi menyimpan data
Jika user memasukkan data untuk menyimpan file, maka akan muncul tampilan seperti
gambar.6

Gambar 6. Menyimpan data

3) Gambar konfirmasi menghapus data


Admin melakukan penghapusan data hotel, tour&travel dengan menekan tombol ya, maka data
KRS akan dihapus oleh sistem.maka akan muncul tampilan seperti gambar.8

Gambar 7. Menghapus data

4) Gambar konfirmasi menghapus data


Jika user akan melakaukan pembatalan ,maka akan muncul pesan konfirmasi tampilan
seperti gambar.8

Gambar 8. Pembatalan pembayaran

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 19 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
5.3.4 Spesifikasi Report
Laporan yang akan ditampilkan hasil pembayaran. Laporan hasil pembayaran yang telah
dibayar oleh costumer. Costumer akan memilih menu cetak dan System akan mencetak hasil
pembayaran tersebut.

1) input pembayaran

Gambar 9. Input penginapan

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 20 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
2) Output pembayaran

Gambar 10. Hasil cetak pemabyaran

6 Perancangan Prosedural
Berisi deskripsi detail dari setiap modul yang ada pada perangkat lunak sesuai dengan
struktur program yang telah dibuat pada perancangan arsitektur. Untuk setiap modul yang
ada, harus mengandung nama modul, deskripsi proses, antarmuka pemakai (jika ada
interaksi dengan pemakai), spesifikasi input, spesifikasi output, dan spesifikasi program
(algoritma). Spesifikasi program diperlukan untuk menetapkan detail algoritma yang
dinyatakan dengan menggunakan notasi pseudo-code, atau notasi yang mirip dengan bahasa
pemrograman yang digunakan

7 Lampiran
Berisi penjelasan tambahan pada laporan in.
LampirantidakselalumenjadibagiandariDeskripsiPerancangan.Jaditidakharusselalu ada. Lampiran
dapat berisi:
1. Contoh tampilan layaratau contoh laporan
2. Dukungan informasi yang membantu DPPL.
3. Instruksi khusus, dan media yang perlu disiapkan untuk implementasi, dan
Prodi Teknik InformatikaUnkriswina DPPL - Halaman 21 dari 21
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.
kebutuhan lain.
Jikadisertakanlampiran,DPPLharussecaraeksplisitmenegaskanapakahlampiranini adalah bagian
dari kebutuhan.

Prodi Teknik InformatikaUnkriswina DPPL - Halaman 22 dari 21


Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika, Fakultas Sains dan
TeknologiUnkriswina dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi
Teknik Informatika, FST Unkriswina.

Anda mungkin juga menyukai