4 BAB 4 ANALISA DAN PERANCANGAN SISTEM INFORMASI
4.1
Analisis Sistem Informasi 4.1.1 Event Table Event table menjelaskan event / kejadian – kejadian yang terjadi dalam sebuah proses bisnis yang berhubungan dengan sistem, dimana event tersebut menjelaskan kejadian yang terjadi. Event menjelaskan kejadian yang terjadi dalam sebuah proses bisnis, trigger
menjelaskan
mengapa
kejadian
tersebut
dapat
terjadi
dan
menyebabkan event, source merupakan sumber yang menjelaskan kejadian tersebut, usecase merupakan penjelasan interaksi antara peran user dengan system, response merupakan hasil yang didapat dari usecase tersebut dan destination merupakan tujuan response tersebut diberikan. Tabel 4.1 Event Table Event
Trigger
Menginput data Pelanggan diri pelanggan
Source
Use Case
Response
Destination
Pelanggan
Mendaftar
Menjadi
Pelanggan
member
member
Memverifik
Aktivasi
ingin melakukan pemesanan
Verifikasi data Pendaftaran pelanggan
Pelanggan
sebagai
asi
member
pelanggan
Mencatat
Pelanggan
pemesanan ruangan
Pelanggan
data member
Input
Daftar
ingin
pemesanan
booking
melakukan
ruangan
pemesanan
45
Pelanggan
-
46
Mencatat
Pelanggan
pemesanan
ingin
food
Pelanggan
& menikmati
beverages
Input
Daftar
pemesanan
pesanan
food
makanan
/
Pelanggan
&
beverages
minuman yang tersedia Memverifikasi
Member
Pelanggan
top up saldo
mengisi
asi top up Saldo
saldo
saldo Perusahaan
Memverifik
Penambahan
Mengupdate News
Pelanggan
Mengupdate
Terdapat
& Pelanggan
news & event
info terbaru
news
mengenai
events
terupdate
Menginput
New
judul lagu
update
Menginput
Menu food & Pelanggan
& events
Lime Light Memasukkan
Terdapat
list lagu baru
lagu baru
Memasukkan
Perusahaan
Perusahaan
Perusahaan
songs Pelanggan
daftar food & menawarkan
daftar food beverages
beverages
dan menjual
&
food
&
beverages
Membuat
Owner ingin Pelanggan
Membuat
Laporan
laporan harian
mengetahui
laporan
pemesanan
jumlah
pemesanan
pengunjung
harian
beverages Owner
harian Menginput data Ingin diri
Pelanggan
melakukan
Mendaftar
Menjadi
member
member
Pelanggan
pemesanan Mengisi saldo
Saldo
tidak Pelanggan
cukup untuk melakukan pemesanan
Mengisi top Saldo up saldo
bertambah
-
47
4.1.2 Activity Diagram
Activity Diagram Customer
Kasir
Waiter
Dapur
Mendaftarkan menjadi member
Staff
Admin
Mendaftarkan menjadi member
Mendaftarkan menjadi member
Mendaftarkan menjadi member
Mendaftarkan menjadi member
Memverifikasi data member
Melakukan pengisian topup Memverifikasi pengisian topup
Mendaftarkan menjadi member Melakukan pemesanan ruangan & F&B secara online
gagal
berhasil
Mengkonfirmasi kedatangan
Pelanggan tiba di karaoke Mengunstriksikan pelayan untuk mengantarkan pelanggan
Phase
Menerima pemesanan F&B
Gambar 4.1 Activity Diagram
49
4.1.3 Use Case
Gambar 4.1 Use Case Diagram
50
4.1.4 Use Case Fully Developed Description Tabel 4.2 Use Case Description mendaftar member Use Case
Mendaftar Member
Name: Scenario:
Kasir / customer itu sendiri mencatat data diri pelanggan ke dalam sistem
Triggering
Adanya ketertarikan dari pelanggan untuk mendapatkan promo atau fitur
Event:
yang ditawarkan seperti e – money.
Brief
Data akan disimpan kedalam sistem apabila semua data yang diperlukan
Description:
telah diisi lengkap.
Actors:
Customer & kasir
Related
Use -
Cases: Stakeholders:
Customer : dapat mengakses top up.
Pre-conditions:
Pelanggan ingin memesan secara online
Post-
Data diri pelanggan tersimpan kedalam system
conditions: Flow of Event:
Actor
System
1. Customer/kasir login dalam web perusahaan. 1.1 Memverifikasi login kasir. 2. Kasir
memilih
submenu 2.1 Menampilkan form pencatatan
input pelanggan dari menu register.
4.1 Menyimpan data pelanggan .
3. Customer/ kasir menginput data
pelanggan.
pelanggan.
51
4. Customer/kasir
mengklik
tombol “Save” Exception Conditions:
1.1.1
Jika username dan password tidak valid maka login akan gagal.
3.1.1
Jika nama tidak diisi akan keluar pesan nama harus diisi.
3.1.2
Jika no. identitas tidak diisi akan keluar pesan nomor identitas
harus diisi. 3.1.3
Jika no. telefon tidak diisi akan keluar pesan nomor telefon harus
diisi. 3.1.4
Jika alamat tidak diisi akan keluar pesan alamat harus diisi.
Tabel 4.3 Use Case Description mengisi top up Use
Case Mengisi top up
Name: Scenario:
Customer mengkonfirmasi data pembayaran top up ke dalam sistem
Triggering
Pembayaran yang dilakukan oleh pelanggan untuk penambahan
Event:
saldo.
Brief
Total saldo akan bertambah apabila data konfirmasi yang
Description:
dimasukkan cocok.
Actors:
Customer
Related
Use
Cases: Stakeholders:
Customer : dapat melakukan pemesanan secara online
Pre-
Pelanggan mentransfer dana kedalam rekening perusahaan.
52
conditions: Post-
Data pembayaran telah dikonfirmasi dan saldo ditambahkan
conditions: Flow of Event:
Actor
System
1. Customer login dalam website perusahaan 1.1 Memverifikasi 2. Customer memilih menu
login
Customer.
top up.
3. Customer menginput data konfirmasi
pembayaran
2.1 Menampilkan form top up
dalam form top up
3.1 Memverifikasi inputan Data 4. Customer
mengklik
Pembayaran top up
tombol “Save”
4.1Menyimpan dan mengupdate total saldo Exception Conditions:
1.1.1
Jika username dan password tidak valid maka login akan gagal .
4.1.1
Jika ada field yang kosong maka sistem tidak akan
53
menyimpan data tersebut, melainkan akan memunculkan dialog box yang mengingatkan untuk mengisi seluruh field yang tersedia
Tabel 4.4 Use Case Description membuat laporan pemesanan harian Use
Case Membuat laporan pemesanan harian
Name: Scenario:
Kasir mengeprint laporan pemesanan dari system
Triggering
Owner ingin mengetahui total pemesanan yang terjadi setiap harinya ,
Event:
minggu ataupun per bulannya.
Brief
kasir mengeprint laporan pemesanan berdasarkan pemesanan ruangan
Description:
dan food & beverages.
Actors:
Kasir
Related
Use
Cases: Stakeholders:
Kasir : menyelesaikan kewajibannya
untuk memberi laporan
pemesanan ke atasan Manager & Owner : mendapatkan laporan pemesanan yang telah dilakukan Pre-
Owner ingin memiliki data pemesanan.
conditions: Postconditions:
Terciptanya laporan pemesanan
54
Flow of Event:
Actor
System
1. Kasir login kedalam website perusahaan 1.2 Memverifikasi login Kasir.
2. Kasir memilih menu pemesanan
2.1 Menampilkan form pemesanan yang dilakukan pelanggan
3. Kasir mengklik tombol print
3.1 Memprint laporan .
Exception Conditions:
1.1.1 Jika username dan password tidak valid maka login akan gagal
Tabel 4.5 Use Case Description input pemesanan ruangan Use
Case Input pemesanan ruangan
Name: Scenario:
Customer / Kasir mencatat pemesanan ruangan kedalam sistem
Triggering
Terdapat pemesanan yang dilakukan oleh pelanggan
55 Event: Brief
Dapat melakukan pemesanan ruangan secara online apabila telah menjadi
Description:
member dan juga memiliki saldo yang cukup.
Actors:
Customer/ kasir
Related
Use
Cases: Stakeholders:
Pelanggan:
Pre-conditions:
Pelanggan ingin berkaraoke
Post-
Data pemesanan telah dimasukkan dan disimpan kedalam sistem juga
conditions:
mengurangi jumlah saldo pelanggan.
Flow of Event:
dapat
melakukan
pemesanan
secara
online
System
Actor
1. Customer/kasir login dalam website perusahaan. 1.2 Memverifikasi login. 2. Customer/
Kasir
memilih
menu”Order” 2.1 Menampilkan form pemesanan
3. Customer/ kasir menginput 3.1 Mencatat data pemesanan
data
pemesanan
ruangan ke dalam system
4.1 Memverifikasi inputan data 4. Customer/
kasir
mengklik
baru
56 tombol “Save”
Exception Conditions:
1.1.1
Jika username dan password tidak valid maka login akan gagal
3.1.1
Jika tidak terjadi pemesanan.
4.1.1
Jika ada field yang kosong maka sistem tidak akan menyimpan data tersebut, melainkan akan memunculkan dialog box yang mengingatkan untuk mengisi seluruh field yang tersedia
Tabel 4.6 Use Case Description input pemesanan food & beverage Use
Case Input pemesanan food & beverages
Name: Scenario:
Customer memilih pemesanan food & beverages pada website
Triggering
Pelanggan ingin makan.
Event: Brief
Dapat melakukan pemesanan ruangan secara online apabila telah menjadi
Description:
member dan juga memiliki saldo yang cukup.
Actors:
Customer/Kasir
Related
Use
Cases: Stakeholders:
Customer : dapat melakukan pemesanan food & beverages secara online.
Pre-conditions:
Pelanggan telah memilih makanan yang diinginkan.
Post-
Pemesanan food & beverages tercatat kedalam sistem
conditions:
Saldo berkurang dikarenakan biaya food & beverages yang dipesan.
57 Flow of Event:
Actor
1.
Customer
System
login
dalam
website perusahaan 1.1 Memverifikasi login Customer.
2.
Customer
memilih
menu 2.1 Menampilkan form Pemesanan
“Order”
food & beverages
3.1 Memverifikasi data pemesanan. 3.
Customer mengklik tombol “Add” pada “form pemesanan food & beverages”.
4.
Customer mengklik tombol 4.1 Menyimpan dan meng-update “Save”.
data pemesanan
Exception Conditions:
1.1.1
Jika username dan password tidak valid maka login akan gagal
4.1.1 Jika field pemesanan food & beverages dikosongkan maka sistem tidak
akan
menyimpan
data
tersebut,
melainkan
akan
memunculkan dialog box yang menyatakan bahwa tidak ada pemesanan yang terjadi.
58
Tabel 4.7 Use Case Description memverifikasi top up saldo Use
Case Memverifikasi top up saldo
Name: Scenario:
Kasir memverifikasi top up saldo yang dilakukan pelanggan.
Triggering
Pelanggan melakukan konfirmasi pengisian top up.
Event: Brief
Kasir akan menerima apabila konfirmasi sesuai dengan data
Description:
pembayaran yang dilakukan oleh pelanggan.
Actors:
Kasir
Related
Use
Cases: Stakeholders:
Kasir : Menyetujui dan menambahkan top up saldo pelanggan.
Pre-
Notifikasi pengisian saldo oleh pelanggan
conditions: Post-
Top up saldo disetujui / tidak disetujui .
conditions: Flow of Event:
System
Actor
1. Kasir login kedalam website perusahaan 1.3 Memverifikasi login Kasir. 2. Kasir memilih menu 2.2 Menampilkan verifikasi saldo
top
up
form
verifikasi top up saldo 3.1 status verifikasi berubah .
59
3. Kasir
mengklik
tombol checklist atau silang ‘X’ Exception Conditions:
1.2.1 Jika username dan password tidak valid maka login akan gagal
Tabel 4.3 Use Case Description memverifikasi data pelanggan Use
Case Memverifikasi data pelanggan
Name: Scenario:
Kasir memverifikasi data pelanggan
Triggering
Calon pelanggan melakukan pendaftaran sebagai member.
Event: Brief
Kasir akan menyimpan data pelanggan kedalam sistem apabila
Description:
semua data telah diisi dengan benar.
Actors:
Kasir
Related Use Cases: Stakeholders: Pelanggan : dapat melakukan pemesanan secara online Pre-
Pelanggan telah memasukan data dirinya dengan benar
conditions: Postconditions:
Menjadi member dari perusahaan.
60
Flow
of
Actor
System
Event: 1. Kasir
login
kedalam
website
perusahaan
1.1 Memverifikasi login Kasir.
2. Kasir menu
memilih verifikasi 2.1 Menampilkan
data pelanggan.
3. Kasir
mengklik 3.1
form
data pelanggan.
Status
tombol sukses apa berubah
pelanggan .
tidak
Exception Conditions:
1.1.1 Jika username dan password tidak valid maka login akan gagal
Tabel 4.4 Use Case Description menginput data diri staff Use
Case Menginput data diri staff
Name: Scenario:
Admin mencatat data diri staff ke dalam sistem
61 Triggering
Adanya staff baru yang diterima oleh perusahaan.
Event: Brief
Data akan disimpan kedalam sistem apabila semua data yang diperlukan
Description:
telah diisi lengkap.
Actors:
Admin
Related
Use -
Cases: Stakeholders:
Owner : memiliki data diri staff
Pre-conditions:
Staff ingin masuk kedalam sistem
Post-
Data diri staff tersimpan kedalam sistem
conditions: Flow of Event:
System
Actor
1.Admin login dalam web perusahaan. 1.1 Memverifikasi login Admin. 2.Admin
memilih submenu 2.1 Menampilkan form pencatatan
input staff dari menu register. staff. 4.1
Menyimpan
data
staff
.
3. Admin menginput data staff.
4. Admin mengklik tombol “Save” Exception Conditions:
1.3.1
Jika username dan password tidak valid maka login akan gagal.
3.1.1
Jika nama tidak diisi akan keluar pesan nama harus diisi.
3.1.2
Jika no. identitas tidak diisi akan keluar pesan nomor identitas
62 harus diisi. 3.1.3
Jika no. telefon tidak diisi akan keluar pesan nomor telefon harus diisi.
3.1.4 Jika alamat tidak diisi akan keluar pesan alamat harus diisi.
Tabel 4.10 Use Case Description delete & edit data Use
Case Delete & edit data
Name: Scenario:
Admin menghapus atau mengedit data staff
Triggering
Adanya data staff yang ingin dihapus maupun dirubah
Event: Brief
Data akan disimpan kedalam sistem apabila data telah diisi dengan
Description:
lengkap.
Actors:
Admin
Related
Use -
Cases: Stakeholders:
Owner : memiliki data diri staff yang telah diperbaharui
Pre-conditions:
Adanya pengunduran/ perubahaan data staff
Post-
Data diri staff tersimpan kedalam sistem
conditions: Flow of Event:
Actor
System
1.Admin login dalam web perusahaan. 1.2 Memverifikasi login Admin. 2.Admin delete
memilih submenu 2.1 Menampilkan form delete&edit &
edit
staff.. staff.
63 4.1 Menyimpan perubahaan data 3. Admin merubah/menghapus staff
.
data diri staff. 4. Admin mengklik tombol “Save”.
Exception Conditions:
1.3.2
Jika username dan password tidak valid maka login akan gagal.
Tabel 4.11 Use Case Description input menu food & beverage Use
Case Menginput menu F&B
Name: Scenario:
Staff menginput data makanan dan minuman
Triggering
Ada menu makanan / minuman yang baru
Event: Brief
Data akan dimasukan kedalalm sistem setelah semua informasi telah
Description:
dimasukkan.
Actors:
Staff
Related
Use -
Cases: Stakeholders:
Member: dapat melakukan pemesanan menu baru F&B
Pre-conditions:
Adanya menu makanan/ minuman yang baru
Post-
Data makanan/minuman yang baru masuk kedalam sistem.
conditions:
64 Flow of Event:
Actor
System
1.Staff
login
dalam
web
perusahaan. 1.3 Memverifikasi login Staff. 2.Staff memilih submenu input 2.1 Menampilkan form input data makanan.
Datamakanan.
4.1 Menyimpan data F&B yang 3. Staff menginput data F&B baru
4.
Staff
mengklik
tombol
“Save”
Exception Conditions:
1.3.3
Jika username dan password tidak valid maka login akan gagal.
Tabel 4.12 Use Case Description mengupdate news & event Use
Case Mengupdate news & event
Name: Scenario:
Staff menginput berita dan promo terbaru seputar lime light
Triggering
Adanya berita dan promo terbaru seputar lime light
Event: Brief
Data akan disimpan kedalam sistem dan ditampilkan kepada member.
Description: Actors: Related
Staff Use -
.
65 Cases: Stakeholders:
Member : mendaaptkan info terbaru mengenai berita maupun promo
Pre-conditions:
Perusahaan memiliki berita dan promo terbaru
Post-
Berita dan promo telah update
conditions: Flow of Event:
Actor
System
1.Staff
login
dalam
web
perusahaan. 1.1Memverifikasi login Admin. 2.Staff memilih submenu input 2.1 Menampilkan form input news news
&events. & events. 4.1
Menyimpan
data
news
3. Staff menginput data berita events dan promo seputar lime light.
4.
Staff
mengklik
tombol
“Save” Exception Conditions:
1.3.4
Jika username dan password tidak valid maka login akan gagal.
Tabel 4.13 Use Case Description menginput daftar lagu Use
Case Menginput daftar lagu
Name: Scenario:
Staff memasukan data lagu baru kedalam sistem
Triggering
Adanya lagu baru yang direlease oleh lime light
& .
66 Event: Brief
Data akan disimpan apabila data lagu telah diisi secara lengkap
Description: Actors: Related
Staff Use -
Cases: Stakeholders:
Member : dapat menyanyikan lagu-lagu baru
Pre-conditions:
Perusahaan merelease lagu yang tidak terdapat pada lime light sebelumnya
Post-
Data lagu terbaru tersimpan kedalam sistem.
conditions: Flow of Event:
System
Actor
1.Staff
login
dalam
web
perusahaan. 1.1 Memverifikasi login Staff. 2.Staff memilih submenu input 2.1 Menampilkan form input data lagu.
datalagu
4.1
Menyimpan
data
lagu
3. Staff menginput data lagu.
4.
Staff
mengklik
tombol
“Save” Exception Conditions:
1.1.1
Jika username dan password tidak valid maka login akan gagal.
.
67
4.1.5 Domain Model Class Diagram
Employee ID_Employee: varchar ID_Staff:varchar ID_Kasir:varchar No_Identitas:varchar nama:string alamat:string no.telp:int hak_akses:varchar
Pengisian TopUp Events ID_events: varchar ID_Staff: varchar isi:string
News ID_News: varchar ID_Staff:varchar Judul:string isi:string
ID_TopUp : varchar ID_Pembayaran: string Jumlah_saldo:int
Member ID_Member:varchar No_identitas:varchar jenis_identitas:varchar nama:string Alamat:string No.telp:int Email:string
Pembayaran
Pemesanan ID_Pemesanan:varchar ID_pelanggan:string ID_ruang: string ID_F&B: string ID_TopUp:string
ID_Pembayaran: string ID_Pemesanan:string jenis_pembayaran: varchar jumlah_pembayaran: int NamaBank: string
F&B Ruang ID_Ruang: varchar ID_TipeRuang: varchar Nama_Ruang : string
\ Detail pemesanan ID_DetailPemesanan:varchar ID_pemesanan:varchar tanggal_pemesanan:int jumlah_pemesanan:int
ID_F&B: varchar ID_Staff:varchar jenis F&B:varchar namaF&B:string hargaF&B:int
68
Gambar 4.2 Domain Model Class Diagram
69
4.1.6 Sequence Diagram
Gambar 4.3 Sequence Diagram Customer
70
Gambar 4.4 Sequence Diagram Employee
71
Gambar 4.5 Sequence Diagram Pemesanan
72
Gambar 4.6 Sequence Diagram e - money
73
4.2
Perancangan Sistem Informasi 4.2.1 Data Access Sequence Diagram 4.2.1.1 Data Access Sequence Diagram Customer
Gambar 4.7 Data Access Sequence Diagram Customer
74
4.2.1.2 Data Access Sequence Diagram Employee
Gambar 4.8 Data Access Sequence Diagram Employee
75
4.2.1.3 Data Access Sequence Diagram Pemesanan
Gambar 4.9 Data Access Sequence Diagram Pemesanan
76
4.2.1.4 Data Access Sequence Diagram Pengisian Top Up
Gambar 4.10 Data Access Sequence Diagram Pengisian Top Up
77
4.2.2 Updated Class Diagram
Events Handler +OpenEvents() +input(ID_events_ID_Staff_isi)
Employee ID_Employee: varchar ID_Staff:varchar ID_Kasir:varchar No_Identitas:varchar nama:string alamat:string no.telp:int hak_akses:varchar
Pengisian TopUp
Member ID_Member:varchar No_identitas:varchar jenis_identitas:varchar nama:string Alamat:string No.telp:int Email:string
Events ID_events: varchar ID_Staff: varchar isi:string +OpenEvents() +input(ID_events_ID_Staff_isi)
Pemesanan
News News Handler +openNews() +input(ID_news_ID_staff_judul_isi)
ID_News: varchar ID_Staff:varchar Judul:string isi:string +openNews() +input(ID_news_ID_staff_judul_isi)
ID_Pemesanan:varchar ID_pelanggan:string ID_ruang: string ID_F&B: string ID_TopUp:string +OpenPemesanan() +input(siz e_date_foodname_quantity)
ID_TopUp : varchar ID_Pembayaran: string Jumlah_saldo:int +openTopUp() +Add(Bank_tglTransfer_jumlah_pemilik Rekening_CaraTransfer) +getTotalSaldo()
Ruang
+OpenRuang() +input(ID_Ruang_jenisRuang_hargaRuan g)
ID_Ruang: varchar ID_TipeRuang: varchar Nama_Ruang : string +OpenRuang() +input(ID_Ruang_jenisRuang_hargaRuan g)
Detail pemesanan ID_DetailPemesanan:varchar ID_pemesanan:varchar tanggal_pemesanan:int jumlah_pemesanan:int
Pemesanan Handler +OpenPemesanan() +input(size_date_foodname_quantity)
Gambar 4.11 Updated Class Diagram
+openTopUp() +Add(Bank_tglTransfer_jumlah_pemilik Rekening_CaraTransfer) +getTotalSaldo()
Pembayaran ID_Pembayaran: string ID_Pemesanan:string jenis_pembayaran: varchar jumlah_pembayaran: int NamaBank: string +openPembayaran() +Add(ID_Pembayaran_ID_Pelanggan_je nisPembayaran_NamaBank)
F&B Ruang Handler
Pengisian TopUp Handler
ID_F&B: varchar ID_Staff:varchar jenis F&B:varchar namaF&B:string hargaF&B:int +OpenF&B() +input(ID_F&B_JenisF&B_namaF&B_har gaF&B)
Pembayaran Handler +openPembayaran() +Add(ID_Pembayaran_ID_Pelanggan_je nisPembayaran_NamaBank)
F&B Handler +OpenF&B() +input(ID_F&B_JenisF&B_namaF&B_har gaF&B)
78
4.2.3 Package Diagram
Gambar 4.12 Package Diagram
79
4.2.4 Perancangan User Interface 4.2.4.1 Perancangan User Interface Login Pelanggan
Gambar 4.13 Perancang User Interface Login Pelanggan
4.2.4.2 Perancangan User Interface Login Admin
Gambar 4.14 Perancangan User Interface Login Admin
80
4.2.4.3 Perancangan User Interface Pemesanan Ruang Small
Gambar 4.15 Perancangan User Interface Pemesanan Ruang Small
81
4.2.4.4 Perancangan User Interface Pemesanan Ruang Medium
Gambar 4.16 Perancangan User Interface Pemesanan Ruang Medium
82
4.2.4.5 Perancangan User Interface Pemesanan Ruang Large
Gambar 4.17 Perancangan User Interface Pemesanan Ruang Large
83
4.2.4.6 Perancangan User Interface Pemesanan Ruang VIP
Gambar 4.18 Perancangan User Interface Pemesanan Ruang VIP
84
4.2.4.7 Perancangan User Interface Pemesanan Ruang VVIP
Gambar 4.19 Perancangan User Interface Pemesanan Ruang VVIP
85
4.2.4.8 Perancangan User Interface Form Input Transaksi Ruang
Gambar 4.20 Perancangan User Interface Form Input Transaksi Ruang
4.2.4.9 Perancangan User Interface Data Transaksi Ruang Tabel 4.14 Perancangan User Interface Data Transaksi Ruang ID TRANSAKS I RUANG
ID USER
ID TIPE RUANG
ID STATUS RUANG
NAMA PEMESAN
TANGGAL
JAM MULAI
JAM SELESAI
AKSINYA
TR-XX-8-XX
U-XX-9-XX
XX-10-XX
XX-15-XX
XX-25-XX
DD-MM-YYYY
XX:XX
XX:XX
EDIT
DELE TE
86
4.2.4.10 Perancangan User Interface Data Employee Tabel 4.5 Perancangan User Interface Data Employee EMPLOYEE ID
NO IDENTITAS
JENIS IDENTITAS
USERNAME
PASSWORD
NAMA
ALAMAT
TELEPON
HAK AKSES
AKSINYA
E-XX-10-XX
XX-16-XX
XX-5-XX
XX-15-XX
XX-15-XX
XX-25-XX
XX-100-XX
XX-15-XX
XX-20-XX
EDIT
4.2.4.11 Perancangan User Interface Input Employee
Gambar 4.21 Perancangan User Interface Input Employee
DELETE
87
4.2.4.12 Perancangan User Interface Data User Tabel 4.16 Perancangan User Interface Data User USE R ID
USERNA ME
PASSWOR D
NO IDENTIT AS
JENIS IDENTIT AS
NAM A
ALAMA T
EMAI L
TELEPO N
UXX9-XX
XX-15-XX
XX-15-XX
XX-16-XX
XX-5-XX
XX25-XX
XX-100XX
XX25-XX
XX-15XX
SALD O TOP UP XX-8XX
4.2.4.13 Perancangan User Interface Form Input Ruang
Gambar 4.22 Perancangan User Interface Form Input Ruang
AKSINYA
EDI T
DELET E
88
4.2.4.14 Perancangan User Interface Form Input Tipe Ruang
Gambar 4.23 Perancangan User Interface Form Input Tipe Ruang
4.2.4.15 Perancangan User Interface Form Input Status Ruang
Gambar 4.24 Perancangan User Interface Form Input Status Ruang
89
4.2.4.16 Perancangan User Interface Data Ruang Tabel 4.17 Perancangan User Interface Data Ruang ID RUANG RG-XX-8-XX
ID OUTLET OT-XX-8-XX
ID TIPE RUANG TP-XX-8-XX
NAMA RUANG XX-5-XX
AKSINYA EDIT DELETE
4.2.4.17 Perancangan User Interface Data Tipe Ruang Tabel 4.18 Perancangan User Interface Data Tipe Ruang ID TIPE RUANG TP-XX-8-XX
NAMA TIPE RUANG XX-8-XX
UKURAN RUANG XX
HARGA RUANG RP-XX-6-XX
FOTO RUANG
AKSINYA EDIT
DELETE
4.2.4.18 Perancangan User Interface Data Status Ruang Tabel 4.19 Perancangan User Interface Data Status Ruang ID STATUS RUANG
NAMA STATUS
SS-XX-10-XX
XX-15-XX
KETERANGAN STATUS XX-100-XX
AKSINYA EDIT
DELETE
90
4.2.4.19 Perancangan User Interface Form Input Makanan
Gambar 4.26 Perancangan User Interface Form Input Makanan
4.2.4.20 Perancangan User Interface Data Makanan Tabel 4.20 Perancangan User Interface Data Makanan ID MAKANAN
NAMA MAKANAN
HARGA MAKANAN
STATUS MAKANAN
TIPE MAKANAN
FB-XX-8-XX
XX-25-XX
RP-XX-6XX
XX-15-XX
XX-15-XX
FOTO MAKANAN
AKSINYA
EDIT DELETE
91
4.2.4.21 Perancangan User Interface Form Input Penyanyi
Gambar 4.27 Perancangan User Interface Form Input Penyanyi
4.2.4.22 Perancangan User Interface Data Penyanyi Tabel 4.21 Perancangan User Interface Data Penyanyi ID PENYANYI SI-XX-8-XX
NAMA PENYANYI XX-25-XX
KETERANGAN XX-100-XX
AKSINYA EDIT
DELETE
92
4.2.4.23 Perancangan User Interface Form Input Lagu
Gambar 4.28 Perancangan User Interface Form Input Lagu
4.2.4.24 Perancangan User Interface Data Lagu Tabel 4.22 Perancangan User Interface Data Lagu ID LAGU
ID PENYANYI
TIPE LAGU
SO-XX-8-XX
SI-XX-8-XX
XX-20-XX
JUDUL LAGU XX-100-XX
TANGGAL AKSINYA RILIS DD-MM-YYYY EDIT DELETE
93
4.2.4.25 Perancangan User Interface Form Input Berita
Gambar 4.29 Perancangan User Interface Form Input Berita
4.2.4.26 Perancangan User Interface Data Berita Tabel 4.23 Perancangan User Interface Data Berita ID BERITA
ID EMPLOYEE
JUDUL
ISI
TANGGAL
NW-XX-8XX
E-XX-9-XX
XX-100-XX
XX-500XX
DD-MMYYYY
FOTO NEWS
AKSINYA
EDIT
DELETE
94
4.2.4.27 Perancangan User Interface Form Input Promo
Gambar 4.30 Perancangan User Interface Form Input Promo
4.2.4.28 Perancangan User Interface Data Promo Tabel 4.24 Perancangan User Interface Data Promo ID PROMO
BERITA PROMO
REVIEW PROMO
PR-XX-8-XX
XX-500-XX
XX-500-XX
GAMBAR PROMO
AKSINYA
EDIT
DELETE
95
4.2.4.29 Perancangan User Interface Data Top Up Tabel 4.25 Perancangan User Interface Data Top Up ID KONFIRMASI
ADMIN
USER
BANK
PEMILIK REK
TANGGAL
JUMLAH
BERITA
CARA TRANSFER
STATUS
AKSINYA
T-XX-8-XX
XX-20XX
XX15-XX
XX-10XX
XX-25-XX
DD-MMYYYY
RP-XX-6XX
XX-100XX
XX-20-XX
XX-15XX
EDIT
4.2.4.30 Perancangan User Interface Data Top Up Sukses Tabel 4.26 Perancangan User Interface Data Top Up Sukses ID TOPUP SUKSES
ID KONFIRMASI TOPUP
ID EMPLOYEE
ID USER
TANGGAL
JUMLAH
TS-XX-8-XX
T-XX-9-XX
E-XX-9-XX
U-XX-9-XX
DD-MMYYYY
RP-XX-10-XX
4.2.4.31 Perancangan User Interface Top Up Gagal Tabel 4.27Perancangan User Interface Top Up Gagal ID TOPUP GAGAL TG-XX-8-XX
ID KONFIRMASI TOPUP T-XX-9-XX
ID EMPLOYEE
ID USER
TANGGAL
JUMLAH
E-XX-9-XX
U-XX-9-XX
DD-MMYYYY
RP-XX-10-XX
DELETE
96
