4 BAB 4 ANALISA DAN PERANCANGAN SISTEM INFORMASI

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 Source Use Case Response Destination Menginput data Pelanggan Pelanggan Mendaftar Menjadi Pelanggan diri pelanggan ingin member member melakukan pemesanan Verifikasi data Pendaftaran Pelanggan Memverifik Aktivasi Pelanggan pelanggan sebagai asi data member member pelanggan Mencatat Pelanggan Pelanggan Input Daftar - pemesanan ingin pemesanan booking ruangan melakukan ruangan pemesanan 45

46 Mencatat Pelanggan Pelanggan Input Daftar Pelanggan pemesanan ingin pemesanan pesanan food & menikmati food & beverages makanan / beverages minuman yang tersedia Memverifikasi Member Pelanggan Memverifik Penambahan Pelanggan top up saldo mengisi asi top up Saldo saldo saldo Mengupdate Terdapat Perusahaan Mengupdate News & Pelanggan news & event info terbaru news & events mengenai events terupdate Lime Light Memasukkan Terdapat Perusahaan Menginput New songs Pelanggan list lagu baru lagu baru judul lagu update Memasukkan Perusahaan Perusahaan Menginput Menu food & Pelanggan daftar food & menawarkan daftar food beverages beverages dan menjual & food & beverages beverages Membuat Owner ingin Pelanggan Membuat Laporan Owner laporan harian mengetahui laporan pemesanan jumlah pemesanan pengunjung harian harian Menginput data Ingin Pelanggan Mendaftar Menjadi Pelanggan diri melakukan member member pemesanan Mengisi saldo Saldo tidak Pelanggan Mengisi top Saldo - cukup untuk up saldo bertambah melakukan pemesanan

47 4.1.2 Activity Diagram Activity Diagram Customer Kasir Waiter Dapur Staff Admin Mendaftarkan menjadi member Memverifikasi data member Mendaftarkan menjadi member Mendaftarkan menjadi member Melakukan pengisian topup Memverifikasi pengisian topup Mendaftarkan menjadi member Mendaftarkan menjadi member Melakukan pemesanan ruangan & F&B secara online Mendaftarkan menjadi member gagal berhasil Mengkonfirmasi kedatangan Pelanggan tiba di karaoke Mengunstriksikan pelayan untuk mengantarkan pelanggan Menerima pemesanan F&B Phase 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: Triggering Event: Brief Description: Actors: Kasir / customer itu sendiri mencatat data diri pelanggan ke dalam sistem Adanya ketertarikan dari pelanggan untuk mendapatkan promo atau fitur yang ditawarkan seperti e money. Data akan disimpan kedalam sistem apabila semua data yang diperlukan telah diisi lengkap. Customer & kasir Related Cases: Use - Stakeholders: Pre-conditions: Customer : dapat mengakses top up. Pelanggan ingin memesan secara online Data diri pelanggan tersimpan kedalam system Postconditions: Flow of Event: Actor System 1. Customer/kasir login dalam web perusahaan. 2. Kasir memilih submenu input pelanggan dari menu register. 1.1 Memverifikasi login kasir. 2.1 Menampilkan form pencatatan pelanggan. 4.1 Menyimpan data pelanggan. 3. Customer/ kasir menginput data 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 Name: Scenario: Case Mengisi top up Customer mengkonfirmasi data pembayaran top up ke dalam sistem Triggering Event: Brief Description: Actors: Pembayaran yang dilakukan oleh pelanggan untuk penambahan saldo. Total saldo akan bertambah apabila data konfirmasi yang dimasukkan cocok. Customer Related Use Cases: Stakeholders: Pre- Customer : dapat melakukan pemesanan secara online Pelanggan mentransfer dana kedalam rekening perusahaan.

52 conditions: Data pembayaran telah dikonfirmasi dan saldo ditambahkan Postconditions: Flow of Event: Actor System 1. Customer login dalam website perusahaan 2. Customer memilih menu top up. 1.1 Memverifikasi login Customer. 3. Customer menginput data konfirmasi pembayaran dalam form top up 2.1 Menampilkan form top up 4. Customer mengklik tombol Save 3.1 Memverifikasi inputan Data Pembayaran top up Exception 4.1Menyimpan dan mengupdate total saldo 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 Name: Scenario: Case Membuat laporan pemesanan harian Kasir mengeprint laporan pemesanan dari system Triggering Event: Brief Description: Actors: Owner ingin mengetahui total pemesanan yang terjadi setiap harinya, minggu ataupun per bulannya. kasir mengeprint laporan pemesanan berdasarkan pemesanan ruangan dan food & beverages. Kasir Related Use Cases: Stakeholders: Kasir : menyelesaikan kewajibannya untuk memberi laporan pemesanan ke atasan Manager & Owner : mendapatkan laporan pemesanan yang telah dilakukan Owner ingin memiliki data pemesanan. Terciptanya laporan pemesanan Preconditions: Postconditions:

54 Flow of Event: Actor System 1. Kasir login kedalam website perusahaan 1.2 Memverifikasi login Kasir. 2. Kasir memilih menu pemesanan 3. Kasir mengklik tombol print 2.1 Menampilkan form pemesanan yang dilakukan pelanggan 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 Name: Scenario: Triggering Case Input pemesanan ruangan Customer / Kasir mencatat pemesanan ruangan kedalam sistem Terdapat pemesanan yang dilakukan oleh pelanggan

55 Event: Brief Description: Actors: Dapat melakukan pemesanan ruangan secara online apabila telah menjadi member dan juga memiliki saldo yang cukup. Customer/ kasir Related Use Cases: Stakeholders: Pelanggan: dapat melakukan pemesanan secara online Pre-conditions: Postconditions: Pelanggan ingin berkaraoke Data pemesanan telah dimasukkan dan disimpan kedalam sistem juga mengurangi jumlah saldo pelanggan. Flow of Event: Actor System 1. Customer/kasir login dalam website perusahaan. 2. Customer/ Kasir memilih menu Order 1.2 Memverifikasi login. 2.1 Menampilkan form pemesanan 3. Customer/ kasir menginput data pemesanan 3.1 Mencatat data pemesanan ruangan ke dalam system 4. Customer/ kasir mengklik 4.1 Memverifikasi inputan data 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 Name: Scenario: Triggering Event: Brief Case Input pemesanan food & beverages Customer memilih pemesanan food & beverages pada website Pelanggan ingin makan. Dapat melakukan pemesanan ruangan secara online apabila telah menjadi Description: Actors: member dan juga memiliki saldo yang cukup. Customer/Kasir Related Use Cases: Stakeholders: Pre-conditions: Postconditions: Customer : dapat melakukan pemesanan food & beverages secara online. Pelanggan telah memilih makanan yang diinginkan. Pemesanan food & beverages tercatat kedalam sistem Saldo berkurang dikarenakan biaya food & beverages yang dipesan.

57 Flow of Event: Actor System 1. Customer login dalam website perusahaan 1.1 Memverifikasi login Customer. 2. Customer memilih menu Order 2.1 Menampilkan form Pemesanan food & beverages 3. Customer mengklik tombol Add pada form pemesanan food & beverages. 3.1 Memverifikasi data pemesanan. 4. Customer mengklik tombol Save. 4.1 Menyimpan dan meng-update 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 Name: Scenario: Case Memverifikasi top up saldo Kasir memverifikasi top up saldo yang dilakukan pelanggan. Triggering Pelanggan melakukan konfirmasi pengisian top up. Event: Brief Description: Actors: Kasir akan menerima apabila konfirmasi sesuai dengan data pembayaran yang dilakukan oleh pelanggan. Kasir Related Use Cases: Stakeholders: Kasir : Menyetujui dan menambahkan top up saldo pelanggan. Notifikasi pengisian saldo oleh pelanggan Top up saldo disetujui / tidak disetujui. Preconditions: Postconditions: Flow of Event: Actor System 1. Kasir login kedalam website perusahaan 2. Kasir memilih menu verifikasi top up saldo 1.3 Memverifikasi login Kasir. 2.2 Menampilkan 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 Name: Case Memverifikasi data pelanggan Scenario: Triggering Kasir memverifikasi data pelanggan Calon pelanggan melakukan pendaftaran sebagai member. Event: Brief Description: Actors: Kasir akan menyimpan data pelanggan kedalam sistem apabila semua data telah diisi dengan benar. Kasir Related Use Cases: Stakeholders: Pelanggan : dapat melakukan pemesanan secara online Pelanggan telah memasukan data dirinya dengan benar Menjadi member dari perusahaan. Preconditions: Postconditions:

60 Flow of Actor System Event: 1. Kasir login kedalam website perusahaan 1.1 Memverifikasi login Kasir. 2. Kasir memilih menu verifikasi 2.1 Menampilkan form data pelanggan. data pelanggan. 3. Kasir mengklik tombol sukses apa 3.1 Status pelanggan berubah. 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 Name: Scenario: Case Menginput data diri staff Admin mencatat data diri staff ke dalam sistem

61 Triggering Adanya staff baru yang diterima oleh perusahaan. Event: Brief Description: Actors: Data akan disimpan kedalam sistem apabila semua data yang diperlukan telah diisi lengkap. Admin Related Cases: Use - Stakeholders: Pre-conditions: Owner : memiliki data diri staff Staff ingin masuk kedalam sistem Data diri staff tersimpan kedalam sistem Postconditions: Flow of Event: Actor System 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. Use Name: Scenario: Triggering Event: Brief Case Tabel 4.10 Use Case Description delete & edit data Delete & edit data Admin menghapus atau mengedit data staff Adanya data staff yang ingin dihapus maupun dirubah Data akan disimpan kedalam sistem apabila data telah diisi dengan Description: Actors: lengkap. Admin Related Cases: Use - Stakeholders: Pre-conditions: Owner : memiliki data diri staff yang telah diperbaharui Adanya pengunduran/ perubahaan data staff Data diri staff tersimpan kedalam sistem Postconditions: Flow of Event: Actor System 1.Admin login dalam web perusahaan. 1.2 Memverifikasi login Admin. 2.Admin memilih submenu 2.1 Menampilkan form delete&edit delete & 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 Name: Scenario: Triggering Event: Brief Case Menginput menu F&B Staff menginput data makanan dan minuman Ada menu makanan / minuman yang baru Data akan dimasukan kedalalm sistem setelah semua informasi telah Description: Actors: dimasukkan. Staff Related Cases: Use - Stakeholders: Pre-conditions: Member: dapat melakukan pemesanan menu baru F&B Adanya menu makanan/ minuman yang baru Data makanan/minuman yang baru masuk kedalam sistem. Postconditions:

64 Flow of Event: Actor System 1.Staff login dalam web perusahaan. 2.Staff memilih submenu input Datamakanan. 3. Staff menginput data F&B 1.3 Memverifikasi login Staff. 2.1 Menampilkan form input data makanan. 4.1 Menyimpan data F&B yang 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 Name: Scenario: Triggering Event: Brief Case Mengupdate news & event Staff menginput berita dan promo terbaru seputar lime light Adanya berita dan promo terbaru seputar lime light Data akan disimpan kedalam sistem dan ditampilkan kepada member. Description: Actors: Staff Related Use -

65 Cases: Stakeholders: Pre-conditions: Member : mendaaptkan info terbaru mengenai berita maupun promo Perusahaan memiliki berita dan promo terbaru Berita dan promo telah update Postconditions: Flow of Event: Actor System 1.Staff login dalam web perusahaan. 2.Staff memilih submenu input 1.1Memverifikasi login Admin. 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 Name: Scenario: Triggering Case Menginput daftar lagu Staff memasukan data lagu baru kedalam sistem Adanya lagu baru yang direlease oleh lime light

66 Event: Brief Data akan disimpan apabila data lagu telah diisi secara lengkap Description: Actors: Related Cases: Use Staff - Stakeholders: Pre-conditions: Member : dapat menyanyikan lagu-lagu baru Perusahaan merelease lagu yang tidak terdapat pada lime light sebelumnya Data lagu terbaru tersimpan kedalam sistem. Postconditions: Flow of Event: Actor System 1.Staff login dalam web perusahaan. 2.Staff memilih submenu input datalagu 3. Staff menginput data lagu. 1.1 Memverifikasi login Staff. 2.1 Menampilkan form input data lagu. 4.1 Menyimpan data lagu. Exception 4. Staff mengklik tombol Save Conditions: 1.1.1 Jika username dan password tidak valid maka login akan gagal.

67 4.1.5 Domain Model Class Diagram Employee Events ID_events: varchar ID_Staff: varchar isi:string News ID_News: varchar ID_Staff:varchar Judul:string isi:string ID_Employee: varchar ID_Staff:varchar ID_Kasir:varchar No_Identitas:varchar nama:string alamat:string no.telp:int hak_akses:varchar Member ID_Member:varchar No_identitas:varchar jenis_identitas:varchar nama:string Alamat:string No.telp:int Email:string Pemesanan ID_Pemesanan:varchar ID_pelanggan:string ID_ruang: string ID_F&B: string ID_TopUp:string Pengisian TopUp ID_TopUp : varchar ID_Pembayaran: string Jumlah_saldo:int Pembayaran ID_Pembayaran: string ID_Pemesanan:string jenis_pembayaran: varchar jumlah_pembayaran: int NamaBank: string Ruang ID_Ruang: varchar ID_TipeRuang: varchar Nama_Ruang : string \ Detail pemesanan ID_DetailPemesanan:varchar ID_pemesanan:varchar tanggal_pemesanan:int jumlah_pemesanan:int F&B 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

Gambar 4.5 Sequence Diagram Pemesanan 71

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 Employee Events ID_events: varchar ID_Staff: varchar isi:string +OpenEvents() +input(id_events_id_staff_isi) News Handler +opennews() +input(id_news_id_staff_judul_isi) +OpenEvents() +input(id_events_id_staff_isi) ID_Employee: varchar ID_Staff:varchar ID_Kasir:varchar No_Identitas:varchar nama:string alamat:string no.telp:int hak_akses:varchar News ID_News: varchar ID_Staff:varchar Judul:string isi:string +opennews() +input(id_news_id_staff_judul_isi) Member ID_Member:varchar No_identitas:varchar jenis_identitas:varchar nama:string Alamat:string No.telp:int Email:string Pemesanan ID_Pemesanan:varchar ID_pelanggan:string ID_ruang: string ID_F&B: string ID_TopUp:string +OpenPemesanan() +input(size_date_foodname_quantity) Pengisian TopUp ID_TopUp : varchar ID_Pembayaran: string Jumlah_saldo:int +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 Pengisian TopUp Handler +opentopup() +Add(Bank_tglTransfer_jumlah_pemilik Rekening_CaraTransfer) +gettotalsaldo() Pembayaran Handler +openpembayaran() +Add(ID_Pembayaran_ID_Pelanggan_je nispembayaran_namabank) F&B Handler Ruang Handler +OpenRuang() +input(id_ruang_jenisruang_hargaruan g) Ruang 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 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) +OpenF&B() +input(id_f&b_jenisf&b_namaf&b_har gaf&b) Pemesanan Handler +OpenPemesanan() +input(size_date_foodname_quantity) Gambar 4.11 Updated Class Diagram

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 ID TRANSAKS I RUANG ID USER 4.2.4.9 Perancangan User Interface Data Transaksi Ruang Tabel 4.14 Perancangan User Interface Data Transaksi Ruang 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 DELETE 4.2.4.11 Perancangan User Interface Input Employee Gambar 4.21 Perancangan User Interface Input Employee

87 4.2.4.12 Perancangan User Interface Data User Tabel 4.16 Perancangan User Interface Data User USE R ID U- XX- 9-XX USERNA ME PASSWOR D NO IDENTIT AS JENIS IDENTIT AS NAM A XX-15-XX XX-15-XX XX-16-XX XX-5-XX XX- 25-XX ALAMA T XX-100- XX EMAI L XX- 25-XX TELEPO N XX-15- XX SALD O TOP UP XX-8- XX AKSINYA EDI T DELET E 4.2.4.13 Perancangan User Interface Form Input Ruang Gambar 4.22 Perancangan User Interface Form Input Ruang

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 ID OUTLET ID TIPE RUANG NAMA RUANG AKSINYA RG-XX-8-XX OT-XX-8-XX TP-XX-8-XX XX-5-XX EDIT DELETE 4.2.4.17 Perancangan User Interface Data Tipe Ruang Tabel 4.18 Perancangan User Interface Data Tipe Ruang ID TIPE RUANG NAMA TIPE RUANG UKURAN RUANG HARGA RUANG FOTO RUANG AKSINYA TP-XX-8-XX XX-8-XX XX RP-XX-6-XX 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 KETERANGAN STATUS AKSINYA SS-XX-10-XX XX-15-XX XX-100-XX 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 FOTO MAKANAN AKSINYA FB-XX-8-XX XX-25-XX RP-XX-6- XX XX-15-XX XX-15-XX 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 NAMA PENYANYI KETERANGAN AKSINYA SI-XX-8-XX XX-25-XX XX-100-XX 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 JUDUL LAGU TANGGAL RILIS AKSINYA SO-XX-8-XX SI-XX-8-XX XX-20-XX XX-100-XX 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 FOTO NEWS AKSINYA NW-XX-8- XX E-XX-9-XX XX-100-XX XX-500- XX DD-MM- YYYY 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 GAMBAR PROMO AKSINYA PR-XX-8-XX XX-500-XX XX-500-XX 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-20- XX XX- 15-XX XX-10- XX XX-25-XX DD-MM- YYYY RP-XX-6- XX XX-100- XX XX-20-XX XX-15- XX EDIT DELETE ID TOPUP SUKSES 4.2.4.30 Perancangan User Interface Data Top Up Sukses Tabel 4.26 Perancangan User Interface Data Top Up 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-MM- YYYY RP-XX-10-XX ID TOPUP GAGAL 4.2.4.31 Perancangan User Interface Top Up Gagal Tabel 4.27Perancangan User Interface Top Up Gagal ID KONFIRMASI TOPUP ID EMPLOYEE ID USER TANGGAL JUMLAH TG-XX-8-XX T-XX-9-XX E-XX-9-XX U-XX-9-XX DD-MM- YYYY RP-XX-10-XX

96