Web Development course first assignment using PHP as backend, HTML, CSS as frontend. Javascript used as a validation tool for checking whether input required in some form is filled or not.
- Dicky Novanto(https://github.com/dickynovanto1103)
- Roland Hartanto(https://github.com/rolandhartanto)
- Daniel Pintara(https://github.com/nieltg)
- Login : 13515071
- Register : 13515071
- Profile: 13515107
- Edit-Profile: 13515107
- Edit-Preferred-Location: 13515107
- Order-Ojek: 13515134, 13515107
- Select-Driver: 13515134, 13515107
- Complete-Order: 13515134, 13515107
- History: 13515071
- Login : 13515071
- Register : 13515071
- Profile: 13515107
- Edit-Profile: 13515107
- Edit-Preferred-Location: 13515107
- Order-Ojek: 13515134
- Select-Driver: 13515134
- Complete-Order: 13515134
- History: 13515071
;
Berikut adalah halaman login yang ditampilkan dalam aplikasi web kami. Apabila pengguna tidak dapat memiliki akun, maka pengguna dapat memilih link "don't have an account?" dan akan diarahkan ke dalam situs register.
;
Berikut adalah halaman register yang dapat mendaftarkan pengguna baru dan data-data tersebut dapat dimasukkan ke dalam basis data pengguna yang telah dibuat. Terdapat pengecekan username dan email user yang dimasukkan.
;
Berikut adalah tampilan profile. Tampilan profile ini menampilkan info-info terkait user, misalnya username, email, nama lengkap, dan lain lain. Dalam tampilan profile ini, dapat disediakan opsi untuk menambahkan lokasi yang disukai (preferred location) dan mengganti profile di bagian Edit-profile dan masing-masing dilakukan dengan mengeklik tombol pena di samping bagian My Profile dan Preferred Location.
;
Dalam edit profile ini, pengguna dapat mengganti profile picture, nama pengguna, nomor telepon, status driver (on/off). Untuk melakukan perubahan, harus ditekan tombol "SAVE". Jika ingin membatalkan perubahan yang telah diketik, maka pengguna dapat memilih untuk menekan tombol "BACK".
;
Pada bagian Preferred Location ini, pengguna ditunjukkan tabel berisi list nama lokasi yang disukai serta diberi pilihan untuk melakukan edit atau penghapusan pada row tertentu. Selain itu, pengguna juga dapat menambahkan lokasi baru yang disukai dan ketika tombol "ADD" ditekan, maka tabel akan mengalami penambahan 1 row dengan nama lokasi yang telah ditambahkan tersebut dimunculkan.
;
Pada menu History ini, dapat ditampilkan rekam jejak pemesanan ojek dari pengguna kepada suatu driver dan terdapat dalam tab "My Previous Orders". Sedangkan untuk melihat rekam jejak sebagai driver, dapat ditampilkan datanya pada tab "Driver History". Pada History ini, terdapat tombol Hide yang berguna untuk menghapus rekam jejak dari tampilan saja, namun tidak dihapus dari basis data.
Pada fitur order-ojek ini, dapat dibagi menjadi 2 kasus, yaitu:
;
Pada kasus tersebut, pengguna tidak memasukkan salah satu atau semua field yang dibutuhkan untuk diisi, yaitu picking point dan destination. Jika pengguna melakukan kasus ini, maka akan dikeluarkan pesan kesalahan untuk mengisi semua field yang tersedia. FItur ini menggunakan javascript.
;
Pada kasus diatas, pengguna boleh mengisikan preferred drivernya. Untuk driver dengan username yang sama dengan hasil input, maka pada halaman select_driver kemudian, akan ditampilkan informasi terkait preffered drver tersebut.
; ;
Pada halaman ini, pengguna dapat memilih driver yang akan dijadikan ojek, yaitu dengan menekan tombol "I CHOOSE YOU!". Kemudian untuk melanjutkan ke tahap selanjutnya, yaitu complete order, maka pengguna harus menekan tombol "CONFIRM".
;
Pada halaman ini, akan ditampilkan informasi-informasi terkait driver, yaitu foto profil, username, dan nama lengkap. Lalu pengguna dapat memberikan rating dengan range 1-5 dan pengguna harus memberikan komentar. Jika form telah dilakukan semua secara menyeluruh, maka pengguna harus menekan tombol "COMPLETE ORDER".