Halaman User List memiliki tampilan yang mirip dengan halaman Brand List.
Daftar user yang ditampilkan adalah data user Admin hotel. Flowchart User List dapat dilihat pada Gambar 3.37.
55 Gambar 3.37 Flowchart Halaman User List
56 D.26 Halaman Create User
Halaman Create User memiliki satu fitur tambahan dibandingkan halaman-halaman lainnya, yaitu pembuatan data beberapa user sekaligus dengan cara upload file berekstensi csv berisikan data user. Flowchart halaman Create User dapat dilihat di Gambar 3.38.
Gambar 3.38 Flowchart Halaman Create User
57 D.27 Halaman User Detail
Halaman User detail mirip seperti halaman Create User. Perbedaannya hanyalah terdapat proses pengambilan data sebagai inisialisasi formulir dan tidak terdapat fitur upload csv, melainkan button untuk menuju halaman Change User Password. Flowchart halaman User Detail dapat dilihat pada Gambar 3.39.
Gambar 3.39 Flowchart Halaman User Detail
58 D.26 Halaman Change User Password
Halaman Change User Password digunakan khusus untuk mengganti password suatu user. Flowchart halaman Change User Password dapat dilihat pada Gambar 3.40.
Gambar 3.40 Flowchart Halaman Change User Password
59 E. Rancangan Desain Tampilan Antarmuka
Rancangan tampilan antarmuka sudah dibuat oleh tim desain dan disetujui oleh stakeholder. Setiap tampilan memiliki navigation bar (navbar) sebagai cara untuk bernavigasi antar modul. Pada navbar juga ditampilkan user siapa yang sedang login dan bila diklik akan memunculkan dropdown untuk logout. Berikut ini beberapa rancangan tampilan antarmuka yang telah dibuat oleh tim desain.
Pada Gambar 3.41, desain menampilkan sebuah tabel yang berisi daftar hotel yang dimiliki Kompas Gramedia. Jika login sebagai super user, daftar seluruh hotel akan ditampilkan. Jika login sebagai Admin Hotel, hanya ada satu hotel yang sesuai saja yang ditampilkan. Setiap baris pada daftar tersebut dapat diklik dan menuju halaman Hotel Detail.
Gambar 3.41 Rancangan Desain Halaman Hotel List
Pada Gambar 3.42, desain menampilkan halaman Hotel Detail. Di bawah navbar terdapat tombol “Back” dan juga breadcrumb yang apabila diklik akan kembali ke halaman Hotel List. Halaman Hotel Detail terdiri dari beberapa menu,
60 yaitu General, Facility, Room, Rate Plan Occurance, Gallery, dan Availability.
Pada menu General, terdapat beberapa sub-menu yang berisi formulir-formulir untuk dapat mengubah informasi hotel. Sub-menu General, Contact, Facility, Policy, dan Others memiliki desain yang mirip, sedangkan tampilan sub-menu Thumbnail dapat dilihat pada Gambar 3.42 (a). Teks “Reset Information”
digunakan untuk me-reset formulir dalam keadaan sebelumnya. Tombol
“Cancel” digunakan untuk kembali ke halaman Hotel list. Tombol “Save Changes” digunakan untuk menyimpan perubahan informasi yang dilakukan.
Gambar 3.42 Rancangan Desain Halaman Hotel Detail
61 Pada Gambar 3.42 (a), formulir sub-menu Thumbnail terdiri dari dua field yang dapat diisi dengan foto dengan cara melakukan drag and drop suatu foto atau dengan menekan tombol “Browse”.
Gambar 3.42 (a) Rancangan Desain Halaman Hotel Detail (Lanjutan)
Pada Gambar 3.42 (b), menu Facility pada halaman Hotel Detail berisi daftar-daftar fasilitas yang dimiliki dan tidak dimiliki oleh hotel, ditandai dengan checkbox untuk setiap fasilitasnya. Pada bagian atas, terdapat fitur search yang berfungsi untuk melakukan filter terhadap fasilitas-fasilitasnya. Fungsi-fungsi setiap tombol pada bagian bawah mirip seperti formulir pada menu General.
62 Gambar 3.42 (b) Rancangan Desain Halaman Hotel Detail (Lanjutan)
Pada Gambar 3.42 (c), menu Room pada halaman Hotel Detail berisi daftar tipe kamar yang ada pada hotel beserta kapasitas kamar dan Linked Rate Plan-nya. Menu ini disebut juga sebagai halaman Room List. Apabila salah satu tipe kamar diklik, website akan diarahkan pada halaman Room Detail. Tombol
“Add Room” digunakan untuk menuju ke halaman Create Room. Checkbox digunakan apabila ingin menghapus beberapa kamar secara bersamaan.
63 Gambar 3.42 (c) Rancangan Desain Halaman Hotel Detail (Lanjutan)
Pada Gambar 3.42 (d), menu Rate Plan Occurance menampilkan daftar rate plan yang tersedia pada hotel beserta occurance-nya. Penandaan checkbox berarti rate plan tersebut tersedia pada hari yang ditandai. Namun, checkbox ini hanya dapat dilihat saja, tidak dapat diubah. Tombol “Edit Occurance” akan memunculkan pop-up seperti pada Gambar 3.42 (e) yang digunakan untuk mengubah occurance tersebut. Namun, tombol tersebut hanya dapat digunakan oleh super user. Tombol tersebut disabled bila user yang sedang login adalah Admin Hotel.
64 Gambar 3.42 (d) Rancangan Desain Halaman Hotel Detail (Lanjutan)
Gambar 3.42 (e) Rancangan Desain Halaman Hotel Detail (Lanjutan)
65 Pada Gambar 3.42 (f), menu Gallery berisi daftar gambar suatu hotel. Setiap gambar memiliki field title dan caption. Pengguna dapat menambahkan gambar baru dengan cara drag and drop gambar ke kotak yang tersedia atau menekan tombol “Browse”. Gambar yang sudah dimasukkan dapat diganti dengan cara hover gambar seperti pada Gambar 3.42 (g) dan klik tombol “Change”.
Gambar 3.42 (f) Rancangan Desain Halaman Hotel Detail (Lanjutan)
Gambar 3.42 (g) Rancangan Desain Halaman Hotel Detail (Lanjutan)
66 Pada Gambar 3.42 (h), menu Availability menampilkan daftar rate (relasi kamar dengan rate plan) setiap harinya pada hotel. Terdapat fitur search untuk filter accordion berdasarkan nama tipe kamar atau rate plan.
Gambar 3.42 (h) Rancangan Desain Halaman Hotel Detail (Lanjutan) Halaman Room Detail pada Gambar 3.43 menunjukkan bahwa halaman ini memiliki tiga menu, yaitu General, Facility, dan Gallery. Menu General berisi tiga sub-menu, yaitu Rate Plan, Information, dan Thumbnail. Sub-menu Rate Plan berisi formulir untuk membuat rate beserta dengan add-on dan harganya yang terdapat pada rate tersebut. Teks “Add Rate Plan” untuk menambah rate baru. Tombol “+” untuk menambah add-on baru. Tombol “-” untuk menghapus suatu rate atau add-on. Setiap rate memiliki add-on yang berbeda-beda. Oleh sebab itu, tampilan field add-on dibuat seperti dikelompokkan dalam suatu rate agar mudah dipahami.
67 Gambar 3.43 Rancangan Desain Halaman Room Detail
Sub-menu Information pada Gambar 3.43 (a) berisi formulir informasi kamar.
Sub-menu Thumbnail, menu Facility, dan menu Gallery pada Room Detail mirip dengan halaman Hotel Detail.
68 Gambar 3.43 (a) Rancangan Desain Halaman Room Detail (Lanjutan) Pada Gambar 3.44, halaman Create Room berisi lima step formulir yang perlu diisi secara berurutan, dimulai dari Information, Facility, Thumbnail, Gallery, dan Rate Plan. Tampilan setiap formulir mirip seperti halaman Room Detail. Tombol “Previous” digunakan untuk kembali ke formulir sebelumnya.
Tombol “Add Room” digunakan untuk membuat kamar dan kembali ke halaman Hotel Detail.
69 Gambar 3.44 Rancangan Desain Halaman Create Room
Pada Gambar 3.45, halaman Rate Plan List menampilkan daftar semua rate plan dan beberapa informasi singkat. Checkbox digunakan untuk menghapus beberapa rate plan seperti pada Gambar 3.45 (a). Tombol “Delete Item” dan icon tempat sampah digunakan untuk memunculkan pop-up seperti pada Gambar 3.45 (b) untuk menghapus rate plan. Halaman ini juga terdapat fitur search untuk filter rate plan. Suatu baris pada tabel yang diklik akan menuju ke halaman Rate Plan Detail. Tombol “Create Rate Plan” digunakan untuk menuju ke halaman Create Rate Plan.
70 Gambar 3.45 Rancangan Desain Halaman Rate Plan List
Gambar 3.45 (a) Rancangan Desain Halaman Rate Plan List (Lanjutan)
71 Gambar 3.45 (b) Rancangan Desain Halaman Rate Plan List (Lanjutan) Pada Gambar 3.46, halaman Rate Plan Detail berisi sebuah formulir yang dibagi menjadi tiga bagian, yaitu Basic Information, Period, dan Information.
Pada bagian Period, apabila checkbox Rate Activation Period ditandai, maka akan enable field dibawahnya, yaitu start from dan until. Rancangan desain halaman Create Rate Plan mirip seperti halaman Rate Plan Detail.
Gambar 3.46 Rancangan Desain Halaman Rate Plan Detail
72 Pada Gambar 3.47, tampilan halaman Brand List memiliki desain yang mirip seperti Rate Plan List. Fungsionalitas yang dimilikinya juga mirip. Suatu brand yang diklik akan menuju ke halaman Brand Detail. Tombol “Create Brand” akan menuju ke halaman Create Brand.
Gambar 3.47 Rancangan Desain Halaman Brand List
Pada Gambar 3.48, desain halaman Brand Detail berisi sebuah formulir suatu brand. Desain halaman Create Brand mirip seperti halaman Brand Detail.
Gambar 3.48 Rancangan Desain Halaman Brand Detail
73 Pada Gambar 3.49, halaman Promo List menunjukkan dua menu, yaitu Promo Management dan Banner Promo Photo. Menu Promo Management menampilkan daftar promo. Fungsionalitasnya mirip seperti Rate Plan List.
Desain menu Banner Promo Photo mirip seperti menu Gallery pada Hotel Detail.
Gambar 3.49 Rancangan Desain Halaman Promo List
Pada Gambar 3.50, halaman Promo Detail menampilkan sebuah formulir untuk mengubah informasi suatu promo. Tampilan halaman Create Promo memiliki desain yang mirip seperti halaman Promo Detail.
Gambar 3.50 Rancangan Desain Halaman Promo Detail
74 Gambar 3.51 menampilkan halaman Search Booking dimana terdapat dropdown multi-select hotel, radio-button tipe tanggal, dan field kalendar untuk mengatur range tanggal. Tombol “Search” digunakan untuk menuju ke halaman Booking List berdasarkan search. Teks “Search by Booking ID” untuk mengubah tampilan menjadi Search Booking berdasarkan booking id seperti pada Gambar 3.51 (a).
Gambar 3.51 Rancangan Desain Halaman Search Booking
Gambar 3.51 (a) Rancangan Desain Halaman Search Booking (Lanjutan)
75 Pada bagian atas halaman Booking List di Gambar 3.52 terdapat fitur search yang mirip seperti halaman Search Booking. Tombol “Apply” digunakan untuk me-refresh halaman Booking List dan menampilkan data booking sesuai dengan hasil search. Halaman Booking List ini menampilkan daftar booking dan beberapa informasi singkat terkait booking tersebut. Checkbox digunakan untuk melakukan pembatalan beberapa booking. Tombol “Cancel Bookings” dan icon X digunakan untuk menampilkan pop-up seperti pada Gambar 3.52 (a) untuk melakukan pembatalan booking beserta dengan alasannya. Apabila salah satu booking diklik, akan menuju ke halaman Booking Detail.
Gambar 3.52 Rancangan Desain Halaman Booking List
Gambar 3.52 (a) Rancangan Desain Halaman Booking List (Lanjutan)
76 Pada Gambar 3.53, halaman Booking Detail menampilkan informasi suatu booking secara rinci. Tombol “Cancel Reservation” digunakan untuk melakukan pembatalan booking tersebut. Tombol “Resend Email” digunakan untuk mengirim email kepada customer dan juga admin hotel yang bersangkutan.
Tombol “Edit Check Out Date” untuk mengubah check out date booking tersebut.
Gambar 3.53 Rancangan Desain Halaman Booking Detail
Pada Gambar 3.54, halaman Search Review memiliki desain yang mirip seperti halaman Search Booking. Fungsionalitasnya setiap field-nya juga sama.
Apabila Tombol “Search” diklik, akan menuju ke halaman Review List.
Gambar 3.54 Rancangan Desain Halaman Search Review
77 Pada Gambar 3.55, halaman Review List juga memiliki desain yang mirip seperti halaman Booking List. Fungsionalitas yang tersedia juga mirip. Pada bagian atas, digunakan untuk melakukan pencarian seperti halaman Search Review. Checkbox digunakan untuk seleksi review yang kemudian digunakan untuk menghapus beberapa review. Tombol “Delete Items” digunakan untuk menghapus review yang telah diseleksi dan icon tempat sampah digunakan untuk menghapus suatu review.
Gambar 3.55 Rancangan Desain Halaman Review List
Tim desain tidak membuat rancangan desain untuk modul User dikarenakan backlog pembuatan modul User ada di sprint review ke-11 (seminggu sebelum praktik kerja magang selesai). Sehingga, pembuatan modul User dikerjakan tanpa menunggu tim desain. Namun, tampilan modul User dibuat mirip seperti modul Rate Plan dan Brand. Ada beberapa halaman lain yang tidak dibuat oleh tim desain juga dikarenakan memiliki tampilan yang mirip dengan halaman lainnya.
78 F. Hasil Implementasi
Hasil implementasi aplikasi website ekstranet MySantika ditunjukkan melalui hasil screenshot setiap halaman beserta komponennya yang sudah dibuat.
Pada bagian navbar, tidak ditampilkan gambar profil user dikarenakan database tidak memiliki atribut gambar untuk user. Sesuai rancangan yang sudah dibuat, Gambar 3.56 menunjukkan hasil screenshot layar pada halaman Hotel List.
Gambar tersebut diambil saat keadaan super user yang sedang login, sedangkan gambar 3.56 (a) menunjukkan keadaan Admin Hotel yang sedang login.
Gambar 3.56 Hasil Screenshot Halaman Hotel List
Gambar 3.56 (a) Hasil Screenshot Halaman Hotel List (Admin Hotel)
79 Pada halaman Create Hotel, sesuai rancangan yang telah dibuat, halaman ini hanya dapat diakses oleh super user. Halaman ini berisi sebuah formulir untuk membuat data hotel yang baru. Gambar 3.57 menunjukkan bagian atas halaman, sedangkan Gambar 3.57 (a) menunjukkan bagian bawah halaman beserta dengan tampilan ketika telah memberikan input thumbnail dan belum.
Gambar 3.57 Hasil Screenshot Halaman Create Hotel
Gambar 3.57 (a) Hasil Screenshot Halaman Create Hotel (Lanjutan) Sesuai dengan rancangan, halaman Hotel Detail memiliki enam menu seperti pada Gambar 3.58 yang menunjukkan hasil screenshot halaman Hotel Detail menu General. Formulir dapat diubah oleh super user. Namun, formulir tidak dapat diubah oleh Admin Hotel seperti yang ditunjukkan pada Gambar 3.58 (a).
80 Gambar 3.58 Hasil Screenshot Halaman Hotel Detail - General
Gambar 3.58 (a) Hasil Screenshot Halaman Hotel Detail - General (Admin Hotel)
Hasil sub-menu Contact, Facility, Policy, Thumbnails, dan Others pada menu General mirip seperti menu General. Sub-menu Backoffice dapat dilihat hasilnya pada Gambar 3.59 yang menunjukkan screenshot bagi super user, sedangkan Gambar 3.59 (a) yang menunjukkan screenshot bagi Admin Hotel. Sesuai yang telah dirancangkan, Admin Hotel tidak dapat membuat, menghapus, dan mengubah data Backoffice. Namun, Admin Hotel maupun super user tetap bisa menggunakan fitur filter dan juga sort yang berada di atas daftar backoffice.
81 Gambar 3.59 Hasil Screenshot Halaman Backoffice List
Gambar 3.59 (a) Hasil Screenshot Halaman Backoffice List (Admin Hotel)
Hasil halaman Backoffice Contact Detail dapat dilihat pada Gambar 3.60.
Halaman Create Backoffice Contact memiliki halaman yang mirip kecuali pada formulirnya tidak ada inisialiasi data.
Gambar 3.60 Hasil Screenshot Halaman Backoffice Contact Detail
82 Hasil menu Facility pada Gambar 3.61 mirip seperti desain yang telah dibuat.
Super user maupun Admin Hotel memiliki hasil yang mirip kecuali pada checkbox dan button “Save Changes” di-disable untuk Admin Hotel.
Gambar 3.61 Hasil Screenshot Halaman Hotel Detail - Facility
Hasil menu Rate Plan Occurance pada Gambar 3.62 mirip seperti desain yang telah dibuat. Button “Edit Occurance” di-disable untuk Admin Hotel.
Apabila button tersebut diklik oleh super user, akan menampilkan pop-up seperti Gambar 3.62 (a).
Gambar 3.62 Hasil Screenshot Halaman Hotel Detail - Occurance
Gambar 3.62 (a) Hasil Screenshot Halaman Hotel Detail - Occurance (Lanjutan)
83 Hasil menu Gallery untuk Hotel ditunjukkan pada Gambar 3.63. Sesuai rancangan, data gambar dapat diubah dengan cara hover pada gambar. Data baru dapat ditambah dengan cara drag and drop atau klik button “Browse”.
Gambar 3.63 Hasil Screenshot Halaman Hotel Detail - Gallery
Hasil menu Availability dapat dilihat pada Gambar 3.64. Sesuai rancangan yang telah dibuat, terdapat daftar rate berupa accordion yang apabila diklik akan mengambil data secara lazy loading dan menampilkan detail fastbooking berdasarkan kalender yang muncul. Apabila kalender mingguan diganti, maka semua accordion yang telah terbuka otomatis tertutup.
Gambar 3.64 Hasil Screenshot Halaman Hotel Detail - Availability
84 Hasil halaman Room List dapat dilihat pada Gambar 3.65. Sesuai rancangan, super user dapat menghapus data maupun mengakses halaman Create Room.
Halaman Room List untuk Admin Hotel ditunjukkan pada Gambar 3.65 (a).
Penghapusan data dapat dilakukan secara satu per satu ataupun beberapa data sekaligus dan memunculkan pop-up seperti pada Gambar 3.65 (b).
Gambar 3.65 Hasil Screenshot Halaman Room List
Gambar 3.65 (a) Hasil Screenshot Halaman Room List (Admin Hotel)
Gambar 3.65 (b) Hasil Screenshot Halaman Room List (Lanjutan)
85 Hasil halaman Create Room mirip seperti rancangan, yaitu terdiri dari 5 tahap. Screenshot dapat dilihat pada Gambar 3.66 untuk tahap pertama dan Gambar 3.66 (a) untuk tahap terakhir. Tahap kedua, ketiga dan keempat memiliki tampilan formulir yang mirip seperti formulir-formulir yang ada pada halaman Hotel Detail.
Gambar 3.66 Hasil Screenshot Halaman Create Room
Gambar 3.66 (a) Hasil Screenshot Halaman Create Room (Lanjutan)
Hasil halaman Room detail telah sesuai dengan rancangan yang telah dibuat.
Hasil screenshot halaman Room Detail menu General dapat dilihat pada Gambar 3.67. Admin Hotel memiliki field yang di-disable pada formulir sehingga tidak
86 dapat diubah datanya. Menu-menu lainnya memiliki hasil yang mirip seperti halaman Hotel Detail.
Gambar 3.67 Hasil Screenshot Halaman Room Detail
Hasil halaman Rate Plan List dapat dilihat pada Gambar 3.68. Halaman ini memiliki fitur yang mirip dengan halaman Hotel List dengan tambahan fitur penghapusan data secara satu per satu ataupun beberapa data sekaligus. Pop-up konfirmasi seperti Gambar 3.68 (a) muncul saat mencoba menghapus data.
Gambar 3.68 Hasil Screenshot Halaman Rate Plan List
Gambar 3.68 (a) Hasil Screenshot Halaman Rate Plan List (Lanjutan)
87 Bagian atas hasil halaman Rate Plan Detail ditunjukkan pada Gambar 3.69.
Pada Gambar tersebut dapat terlihat terdapat field berupa text editor sebagai bentuk pengimplementasian What You See Is What You Get (WYSIWYG).
Bagian bawah halaman Rate Plan Detail ditunjukkan pada Gambar 3.69 (a).
Telah sesuai rancangan bahwa field “Start From” dan “Until” hanya dapat di-enable ketika menandai checkbox field “Rate Activation Period”. Hasil implementasi halaman Create Rate Plan mirip seperti halaman Rate Plan Detail, namun dengan formulir yang kosong.
Gambar 3.69 Hasil Screenshot Halaman Rate Plan Detail
Gambar 3.69 (a) Hasil Screenshot Halaman Rate Plan Detail (Lanjutan)
88 Modul Brand memiliki tampilan dan fitur yang sama seperti modul Rate Plan.
Hasil halaman Brand List dapat dilihat pada Gambar 3.70. Halaman Create Brand juga memiliki kesamaan dengan halaman Brand Detail yang dapat dilihat pada Gambar 3.71.
Gambar 3.70 Hasil Screenshot Halaman Brand List
Gambar 3.71 Hasil Screenshot Halaman Brand Detail
Hasil modul Promo telah sesuai dengan rancangan yang telah dibuat, yaitu memiliki dua menu, Promo Management dan Banner Promo Photo. Gambar 3.72 menunjukkan hasil halaman Promo List. Halaman ini juga memiliki fitur hapus data juga yang akan menampilkan pop-up konfirmasi penghapusan data.
89 Gambar 3.72 Hasil Screenshot Halaman Promo List
Hasil menu Banner Promo Photo pada modul Promo mirip seperti menu Gallery pada halaman Hotel Detail. Hasilnya dapat dilihat pada Gambar 3.73.
Gambar 3.73 Hasil Screenshot Halaman Promo - Banner Promo Photo
Hasil halaman Promo Detail ditunjukkan pada screenshot Gambar 3.74.
Halaman Create Promo mirip dengan halaman Promo Detail, namun dengan formulir yang kosong. Halaman ini juga dapat mengakses menu Banner Promo Photo.
Gambar 3.74 Hasil Screenshot Halaman Promo Detail
90 Hasil halaman Search Booking menampilkan formulir yang dapat di-toggle untuk melakukan pencarian booking berdasarkan hotel atau booking id. Hasil halaman Search Booking dapat dilihat pada Gambar 3.75 dan Gambar 3.75 (a).
Admin Hotel hanya ada satu pilihan hotel pada formulir pencarian berdasarkan hotel seperti pada Gambar 3.75 (b).
Gambar 3.75 Hasil Screenshot Halaman Search Booking
Gambar 3.75 (a) Hasil Screenshot Halaman Search Booking (Lanjutan)
Gambar 3.75 (b) Hasil Screenshot Halaman Search Booking (Admin Hotel)
91 Hasil halaman Booking List sudah sesuai dengan perancangan, yaitu memiliki fitur search booking by hotel pada bagian atas daftar booking. Terlebih lagi, halaman ini juga memiliki fitur export to csv untuk melakukan export data hasil pencarian ke dalam sebuah file csv. Hasil Halaman Booking List dapat dilihat pada Gambar 3.76. Selain itu, terdapat fitur cancel booking yang dapat dilakukan oleh super user maupun Admin Hotel. Pop-up formulir alasan dimunculkan ketika mencoba membatalkan booking seperti yang dapat dilihat pada Gambar 3.76 (a).
Gambar 3.76 Hasil Screenshot Halaman Booking List
Gambar 3.76 (a) Hasil Screenshot Halaman Booking List (Lanjutan)
92 Hasil halaman Booking Detail telah sesuai perancangan, dimana terdapat fitur cancel booking, resend email, dan resend reservation. Fitur tersebut tidak selalu tersedia, melainkan melalui pemeriksaan terhadap status booking-nya.
Sebagai contoh, Gambar 3.77 menunjukkan hasil halaman Booking Detail untuk status booking-nya checkout, sedangkan Gambar 3.77 (a) menunjukkan keadaan saat status booking-nya booking expired.
Gambar 3.77 Hasil Screenshot Halaman Booking Detail
Gambar 3.77 (a) Hasil Screenshot Halaman Booking Detail (Lanjutan)
93 Hasil halaman Search Review lebih sederhana dibandingkan halaman Search Booking, dikarenakan tidak terdapat fitur pencarian berdasarkan review id. Hasil halaman Search Review dapat dilihat pada Gambar 3.78.
Gambar 3.78 Hasil Screenshot Halaman Search Review
Hasil halaman Review List mirip seperti halaman Booking List. Namun, halaman Review List tidak terdapat fitur export data. Hasil halaman Review List dapat dilihat pada Gambar 3.79.
Gambar 3.79 Hasil Screenshot Halaman Review List
Hasil halaman User List mirip seperti halaman Rate Plan List dan juga Brand List. Hasil halaman User List dapat dilihat pada Gambar 3.80.
94 Gambar 3.80 Hasil Screenshot Halaman User List
Hasil halaman Create User telah sesuai dengan perancangan yang telah dibuat, yaitu memiliki fitur uplaod csv untuk membuat banyak data user secara bersamaan. Hasil halaman Create User dapat dilihat pada Gambar 3.81.
Gambar 3.81 Hasil Screenshot Halaman Create User
Hasil halaman User Detail hanya memiliki sedikit perbedaan dengan halaman Create User, yaitu pada formulirnya tidak terdapat field password.
Selain itu, halaman User Detail memiliki button untuk menuju halaman Change User Password. Hasil halaman User Detail dapat dilihat pada Gambar 3.82.
95 Gambar 3.82 Hasil Screenshot Halaman User Detail
Hasil halaman Change User Password digunakan untuk mengubah password dari suatu user Admin Hotel. Field yang digunakan sama seperti field password pada umumnya. Hasil halaman Change User Password dapat dilihat pada Gambar 3.83.
Gambar 3.83 Hasil Screenshot Halaman Change User Password
96 3.3.2 Kendala yang Ditemukan
Selama mengerjakan aplikasi website ekstranet MySantika, kendala yang ditemui adalah sebagai berikut.
1. Penggunaan aplikasi Docker untuk sistem operasi Windows sering bermasalah sehingga seringkali waktu terbuang untuk memperbaiki aplikasi Docker untuk Windows.
2. Aplikasi website ekstranet tidak dibangun dari awal sehingga memerlukan waktu untuk mempelajari code yang telah ada.
3. Framework Django yang digunakan belum pernah diajarkan dalam perkuliahan sehingga membutuhkan waktu untuk beradaptasi.
3.3.3 Solusi Atas Kendala yang Ditemukan
Solusi dari kendala yang ditemui selama mengerjakan aplikasi website ekstranet MySantika adalah sebagai berikut.
1. Aktif mencari solusi di internet untuk memperbaiki Docker setiap terjadi masalah.
2. Merombak ulang code website yang telah dibuat agar menjadi lebih rapi dan meningkatkan readability.
3. Aktif mencari bahan pembelajaran di forum, artikel, ataupun dokumentasi di internet.