aplikasi dan State Transaction Diagram STD rancangan menu aplikasi online car rental system.
4.4.3.1 Struktur Menu Utama Aplikasi
Gambar 4.29 Struktur Menu Utama Aplikasi
Pada web aplikasi online car rental system ini memiliki struktur menu dimana terdapat menu di dalam web yang terdapat layanan-layanan yang bermula
pada halaman web utama lalu pada navigation url diketik url aplikasi online car rental system dan masuk ke menu login dan customer memasukan username dan
password dan lalu masuk ke halaman verifikasi login dan sesuai akses akan masuk ke halaman sesuai hak aksesnya masing-masing.
4.4.3.2 State Transition Diagram STD Login
WEB SITE AVIS Indonesia
Login Aplikasi Online Car Rental System
Verifikasi Login
Customer Operational
Manager Owner
Ketik halaman url pada web browser
Masukan user_id dan password
Jika userid dan password benar sesuai criteria akses maka akan masuk sesuai kriteria akses
Masuk hal utama owner
Masuk hal utama admin
Masuk hal utama costume
index_customer index_operational
_manager index_owner
Gambar 4.25 STD form “Login”
Klik “login” Masukan userid
dan password Klik “login”
Jika userid dan password tidak
sesuai atau belum terisi
“logout” Maka kembali
ke menu login
verifikasi_login login
klik“logout” Maka kembali
ke menu login klik“logout”
Maka kembali ke menu login
klik“logout” Maka kembali
ke menu login Klik “login”
Jika login sesuai maka akan tampil
halaman “index_customer”
Klik “login” Jika login sesuai
maka akan tampil halaman
“index_operational_ manager”
Klik “login” Jika login sesuai
maka akan tampil halaman
“index_owner”
Gambar 4.30 STD Form Login
State Transition Diagram merupakan transisi atau proses perpindahan antar halaman yang terjadi dan proses didalamnya. Dimana proses login
diperlukan pengisian username dan password lalu diklik dan terjadi proses penyesuaian bila username dan password cocok maka dilanjutkan ke halaman
sesuai akses verifikasi login bila tidak maka customer diminta mengisi kembali username dan password.
4.4.4 Perancangan Antarmuka Aplikasi
Perancangan antarmuka aplikasi bertujuan untuk menemukan bentuk yang optimal dari tampilan aplikasi, sehingga dapat mempermudah pengguna user
friendly dalam berkomunikasi dengan sistem. Pada perancangan antarmuka aplikasi peneliti membuat dengan menyesuaikan filosofi perusahaan dalam
merancang antarmuka aplikasi sehingga pengguna lebih mudah melakukan manajemen data. Berikut rancangan antarmuka aplikasi online car rental system:
a.
Gambar 4.31 Rancangan Antarmuka Web Utama
4.5 Implementasi
Tahapan ini merupakan tahap lanjutan dari desain aplikasi sistem, yaitu tahap implementasi atau penerapan yang di mana menafsirkan atau menterjemahkan desain
aplikasi sistem kedalam bahasa pemrograman yang dapat dimengerti oleh sistem komputer. Dalam pembuatan aplikasi ini, perangkat lunak dan bahasa pemrograman
yang digunakan peneliti adalah bahasa pemrograman php serta menggunakan mySQL untuk database serta framework dalam implementasi visual web yang akan ditampilkan.
Persiapan yang digunakan peneliti dapat dispesifikasikan sebagai berikut:
4.5.1 Spesifikasi Komputer
Dalam penerapan ini diuraikan mengenai usulan spesifikasi sistem yang dibutuhkan dari segi teknis kebutuhan hardware serta software.
Tampilan menu
Header Web Utama
Footer Web Utama
Tampilan menu Form
Login Tampilan Isi Website
Kategori