Tampilan home, place dan about Tampilan login Tampilan menu admin Tampilan menu input data dan data admin

Brainware termasuk bagian penting dari sebuah sistem komputer. Karena sebuah sistem tidak akan berjalan apabila tidak ada peran brainware. Dalam sistem yang dibangun ini, adminlah yang mengambil peran sebagai brainware.

4.4 Demonstrasi Program

Demonstrasi program akan menjelaskan secara visual bagaimana tampilan dari aplikasi kontrol keuangan. Mulai dari tampilan Home,login admin, menu dan menu admin, input data dan data admin, edit dan hapus data.

4.4.1 Tampilan home, place dan about

Berikut adalah tampilan awal dari website parawisata berupa halaman home,place dan about untuk user. Dengan adanya fitur ini, maka user akan dibantu untuk diarahkan ke berbagai fitur website ini dan tampilan website ada dua versi, versi 1 adalah tampilan di desktopPC dan tampilan mobile. Universitas Sumatera Utara Gambar 4.1. Tampilan Home Dekstop PC Gambar 4.2. Tampilan Home mobile Universitas Sumatera Utara Gambar 4.3. Tampilan Place mobile Universitas Sumatera Utara Gambar 4.4. Tampilan Aboout mobile Universitas Sumatera Utara Gambar 4.5. Tampilan View Data mobile

4.4.2 Tampilan login

Berikut adalah tampilan login dari website parawisata berupa halaman form login khusus untuk admin. Dengan adanya fitur login, maka menyempitkan ruang bagi pengguna lain yang hendak masuk menggunakan aplikasi ini dan tampilan login ini cuman dibuat untuk desktopPC. Universitas Sumatera Utara Gambar 4.6. Tampilan Login

4.4.3 Tampilan menu admin

Ketika admin berhasil masuk melalui halaman login, maka admin akan dibawa ke halaman berikutnya yang berisi menu. Terdapat tiga menu utama pada halaman ini, yaitu Home, Create Data, dan Account. Menu Home nantinya akan membawa admin ke halaman untuk melihat semua data wisata, mengedit data wisata dan menghapusnya , sedangkan menu Create Data akan membawa admin ke halaman dimana admin untuk menambah data wisata dan Account akan membawa admin ke halaman dimana admin dapat melihat menambah account admin mengedit nya menghapus nya dan membuat baru. Universitas Sumatera Utara Gambar 4.7. Tampilan Menu

4.4.4 Tampilan menu input data dan data admin

Berikut adalah tampilan apabila admin masuk ke menu Input Data dan Data Admin. Pada halaman ini, untuk data wista admin dapat mengisikan nama tempat, review tempat, alamat tempat, gambar, latitude, longtitude, serta title. Tombol Input dibawah akan memproses dan menyimpan data yang diinputkan oleh admin ke database yang sudah ada. Sedangkan untuk data admin, admin dapat mengisikan username baru dan password baru dan tombol Input dibawah akan memproses dan menyimpan data yang diinputkan oleh admin ke database yang sudah ada. Universitas Sumatera Utara Gambar 4.8. Tampilan Menu Input Data Wisata Gambar 4.9. Tampilan Menu Input Data Admin Universitas Sumatera Utara

4.4.5 Tampilan data admin