e Model Lapangan
f Model Member
3.4 Perancangan Antarmuka Interface
Perancangan antarmuka merupakan perancangan halaman aplikasi yang nantinya akan berinteraksi secara langsung dengan pengguna. Pada aplikasi ini
terdapat hubungan antarmuka yang digunakan pada aplikasi berbasis website ini, baik dari sisi pengguna admin maupun user umum saat mengakses sistem.
Antarmuka yang disediakan adalah halaman utama index. Adapun perancangan yang akan dibuat adalah sebagai berikut :
3.4.1 Perancangan Antarmuka Pengunjung
Dalam perancangan halaman yang digunakan oleh para pengunjung untuk mengakses website booking seperti pada Gambar 3.20 dan Gambar 3.21 berikut.
Halaman ini digunakan ketika member hendak mengakses website agar member dapat melakukan aktifitas booking lapangan pada “Leksono Futsal”.
Disitu disediakan kotak untuk mengisi username dan mengisi password kemudian terdapat tombol login yang tak lain adalah untuk mengeksekusi username dan
password yang telah di isikan kedalam kotak pengisian.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Member Leksono Futsal
Username : Password :
Login
Gambar 3.20 Login Member Leksono Futsal
LEKSONO FUTSAL
HOME BOOKING
NEWS CONTACT
LOGIN [LogoGambar]
[Isi Menu]
Gambar 3.21 Halaman Website Leksono Futsal Pengunujung
Setelah member dapat memasukkan data account dengan benar maka member dapat mengakses halaman member yang nantinya proses booking dapat
bejalan. Dapat dilihat pada Gambar 3.21, disitu terdapat beberapa menu yang akan
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
ditampilkan pada halaman website, seperti halaman Home, News, Booking, Contact
dan menu Login yang digunakan untuk member. Website dibuat sedemikian rupa agar memudahkan pengunjung untuk mengaksesnya.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
59
BAB IV IMPLEMENTASI PERANGKAT LUNAK
Pada bab ini akan membahas tentang implementasi program dari hasil analisis dan perancangan sistem pada bab III, serta bagaimana cara sistem tersebut
dijalankan. Perancangan aplikasi website dikembangkan dalam lingkungan pemrograman dengan spesifikasi teknis sebagai berikut ini :
a. Proses Instalasi, pada proses ini beberapa pengistalan ruby beserta
framework compatible, kemudian dilanjutkan pada instalasi kebutuhan
database dan disini penulis menggunakan MySQL beserta SQLyog sebagai sarana pengolahan database setelah semua selesai maka yang terakhir
dilanjutkan denga proses instalasi NetBeans IDE 7 sebagai debugger dan desain aplikasi website.
b. Proses pembuatan antar muka layanan booking online, Pada proses ini
akan menjelaskan pembuatan antar muka yang nantinya akan digunakan mengolah data pada web browser.
c. Implementasi aplikasi system jadi, Pada proses ini akan menjelaskan
beberapa proses yang menyangkut pengisian data dan pembokingan oleh member melalui browser yang telah ada.
4.1 Lingkungan Implementasi Sistem
Dalam hal ini terdapat beberapa yang digunakan untuk pengujian dan pembuatan system, disini yang berhubungan dengan system yaitu :
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Kategori