diff --git a/README.md b/README.md
index 2bddb46c0f88159adf37caf5fd983b85f33699da..367c46dba55ee432e242279b6ab65fd728742732 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-
+<img src ="mocks/header.PNG">
## Apa itu PR-OJEK?
@@ -7,21 +7,16 @@ PR-OJEK adalah sebuah aplikasi penyedia jasa ojek online berbasis web. Melalui w
### Getting Started
Untuk menggunakan aplikasi ini, seorang pengguna harus melakukan login menggunakan sebuah akun. Untuk pengguna yang belum memiliki akun, dapat melakukan sign up terlebih dahulu.
-<p align="center"><img src ="mocks/login.PNG" width="400"></p>
-### Login
-> disini kasih gambar login
-
-### Sign Up
->disini kasih gambar sign up
+<img src ="mocks/login.PNG" width="400">
### Bagaimana cara menjadi Driver?
Seorang pengguna dapat menggunakan satu akun untuk menjadi penumpang sekaligus driver ojek online. Terdapat beberapa cara untuk mendaftarkan diri sebagai seorang driver diantaranya,
1. Saat mendaftarkan akun baru, tandai pilihan 'Also sign me up as a driver!'
-<p align="center"><img src ="mocks/register.PNG" width="400"></p>
+<img src ="mocks/register.PNG" width="400">
2. Dengan akun yang sudah pernah dibuat, pada tab profile, pilih edit profile, kemudian atur opsi Status Driver agar menyala (warna hijau). (Opsi status driver pada akun yang mendaftar sebagai driver sejak sign up akan menyala secara otomatis).
-<p align="center"><img src ="mocks/edit-profile-driver.PNG" width="400"></p>
+<img src ="mocks/edit-profile-driver.PNG" width="400">
## Dapatkah saya berhenti menjadi seorang driver?
Untuk berhenti menjadi seorang driver, atur opsi Status Driver agar berada di posisi mati (warna abu) pada pengaturan profil.
@@ -31,15 +26,15 @@ PR-OJEK menyediakan halaman profil bagi setiap penggunanya.
Fitur yang didukung yaitu,
1. Mengubah foto profil
-<p align="center"><img src ="mocks/edit-profile-upload.PNG" width="400"></p>
+<img src ="mocks/edit-profile-upload.PNG" width="400">
2. Mengubah nama panjang dan nomor telepon
-<p align="center"><img src ="mocks/edit-profile.PNG" width="400"></p>
+<img src ="mocks/edit-profile.PNG" width="400">
-3. Mengubah status dari penumpang menjadi driver atau sebaliknya.
+3. Mengubah status dari penumpang menjadi driver atau sebaliknya.
-4. Khusus driver, ditampilkan pula informasi berupa rata-rata rating berdasarkan seluruh vote penumpang yang diberikan kepadanya.
-<p align="center"><img src ="mocks/profile.PNG" width="400"></p>
+4. Khusus driver, ditampilkan pula informasi berupa rata-rata rating berdasarkan seluruh vote penumpang yang diberikan kepadanya.
+<img src ="mocks/profile.PNG" width="400">
### Apa itu Preferred Location?
Preferred location merupakan setiap lokasi yang dilayani pengguna jika berperan sebagai driver.
@@ -48,32 +43,35 @@ Preferred location merupakan setiap lokasi yang dilayani pengguna jika berperan
1. Buka profil, klik gambar pensil di sebelah tulisan 'Preferred Locations'.
2. Untuk menambah lokasi, tuliskan nama lokasi dibawah 'Add New Location', kemudian klik ADD.
-<p align="center"><img src ="mocks/edit-preferred-location.PNG" width="400"></p>
+<img src ="mocks/edit-preferred-location.PNG" width="400">
3. Untuk mengubah nama lokasi, klik pensil di sebelah nama lokasi yang ingin diubah.
-<p align="center"><img src ="mocks/edit-preferred-location2.PNG" width="400"></p>
+<img src ="mocks/edit-preferred-location2.PNG" width="400">
4. Ketik nama baru, kemudian klik save.
-<p align="center"><img src ="mocks/edit-preferred-location3.PNG" width="400"></p>
+<img src ="mocks/edit-preferred-location3.PNG" width="400">
5. Untuk menghapus, klik silang di baris nama lokasi yang ingin dihapus, kemudian klik OK.
-<p align="center"><img src ="mocks/delete-preferred-location.PNG" width="400"></p>
+<img src ="mocks/delete-preferred-location.PNG" width="400">
### Melakukan Pemesanan
#### Memilih Lokasi
1. Klik tab **Order**
2. Tuliskan lokasi penjemputan dan tujuan
3. Anda dapat memasukkan pula nama driver yang kamu inginkan (opsional)
-4. Klik tombol **Next**
+4. Klik tombol **Next**
+<img src ="mocks/order-ojek.PNG" width="400">
#### Memilih Driver
1. Pada halaman ini, akan tampil daftar driver yang kamu inginkan dan driver-driver lain yang tersedia sesuai dengan lokasi pengguna
-2. Untuk memilih driver, klik tombol **I Choose You** di samping driver yang kamu pilih
+2. Untuk memilih driver, klik tombol **I Choose You** di samping driver yang kamu pilih
+<img src ="mocks/select-driver.PNG" width="400">
#### Memberikan Rating dan Komentar
1. Setelah perjalanan selesai, pengguna dapat memberikan rating kepada driver (skala 1-5)
2. Pengguna juga dapat menuliskan komentar kepada driver
-3. Klik **Complete Order**
+3. Klik **Complete Order**
+<img src ="mocks/complete-order.PNG" width="400">
### Melihat History
Terdapat 2 tab pada **History**, yaitu **My Previous History** dan **Driver History**
@@ -81,14 +79,23 @@ Terdapat 2 tab pada **History**, yaitu **My Previous History** dan **Driver Hist
My Previous History akan berisi daftar perjalanan dimana pemilik akun menjadi pelanggan.
Informasi yang ditampilkan berupa foto dan nama driver, tanggal perjalanan, rute, dan juga rating serta komentar yang diberikan kepada driver.
Terdapat pula tombol **Hide** yang digunakan untuk tidak menampilkan history perjalanan tersebut. (Namun data tetap tersimpan pada basis data).
-<p align="center"><img src ="mocks/history-penumpang.PNG" width="400"></p>
+<img src ="mocks/history-penumpang.PNG" width="400">
#### Driver History
Driver History akan berisi daftar perjalanan dimana pemilik akun menjadi driver.
Informasi yang ditampilkan berupa foto dan nama pelanggan, tanggal perjalanan, rute, dan juga rating serta komentar yang diberikan oleh pelanggan.
Terdapat pula tombol **Hide** yang digunakan untuk tidak menampilkan history perjalanan tersebut. (Namun data tetap tersimpan pada basis data).
-<p align="center"><img src ="mocks/history-driver.PNG" width="400"></p>
+<img src ="mocks/history-driver.PNG" width="400">
+
+## TOOLS
+> Tidak digunakan framework apapun pada web ini.
+
+### Front-End
+Tools yang digunakan adalah HTML dan CSS untuk tampilan.
+Java Script digunakan untuk mengatur perubahan pada tampilan yang berada pada client, seperti validasi input, pengaturan tab yang aktif, edit preferred location, pemberian rating, dsb.
+### Back-End
+Untuk mengirimkan variabel/data antar halaman digunakan PHP. PHP juga digunakan untuk melakukan akses pada basis data, seperti INSERT, UPDATE, SELECT.
## Basis Data
Pada web ini, *Database Management System (DBMS)* yang digunakan adalah MySQL.
diff --git a/mocks/order-ojek.PNG b/mocks/order-ojek.PNG
index 6a8d6cc01a948c346df9016068907f4388c9ff3a..ff43596af4c3cfe27e4e13283935ee8a0fcbca20 100644
Binary files a/mocks/order-ojek.PNG and b/mocks/order-ojek.PNG differ
diff --git a/resources/edit_preferred_locations_query.php b/resources/edit_preferred_locations_query.php
index 6100ca22f5a5a4d6837f0635069650252adb8a33..e41a36d97e7222dde330b21f122c400c28d643c8 100644
--- a/resources/edit_preferred_locations_query.php
+++ b/resources/edit_preferred_locations_query.php
@@ -4,14 +4,14 @@
$nomor = $_POST['nomor'];
$confirm = $_POST['confirm'];
$oldName = $_POST['oldName'.$nomor];
- if ($confirm == "yes") {
- if (isset($_POST['saveButton'])) {
- $newName = $_POST['newName'.$nomor];
- $sql = 'update location set name="'.$newName.'" where idUser='.$idUser.' AND name="'.$oldName.'";';
- if ($conn->query($sql) === TRUE) {
- $result = $conn->query($sql);
- }
- } else if (isset($_POST['deleteButton'])) {
+ if (isset($_POST['saveButton'])) {
+ $newName = $_POST['newName'.$nomor];
+ $sql = 'update location set name="'.$newName.'" where idUser='.$idUser.' AND name="'.$oldName.'";';
+ if ($conn->query($sql) === TRUE) {
+ $result = $conn->query($sql);
+ }
+ } else if (isset($_POST['deleteButton'])) {
+ if ($confirm == "yes") {
$sql = 'delete from location where idUser='.$idUser.' AND name="'.$oldName.'";';
if ($conn->query($sql) === TRUE) {
$result = $conn->query($sql);
diff --git a/resources/order_complete_query.php b/resources/order_complete_query.php
index 6a06e8fda037448d249514f9446ea5dca5813072..40407baa5b7e16eae6613d1af456f5fc3c22e119 100644
--- a/resources/order_complete_query.php
+++ b/resources/order_complete_query.php
@@ -10,7 +10,7 @@
$sql = "INSERT INTO transaction (idCustomer, idDriver, orderDate, pickUp, destination, rate, comment, isShowDriverHistory, isShowCustomerHistory) VALUES ('".$id_customer."','".$id_driver."','".$date."','".$pickup."','".$dest."','".$rate."','".$comment."',1,1)";
if ($conn->query($sql) === TRUE) {
- echo "<script>window.location='my_profile.php?id_active=".$_POST["id_active"]."'</script>";
+ echo "<script>window.location='order_destination.php?id_active=".$_POST["id_active"]."'</script>";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}