complete readme

README.md

-![](mocks/header.PNG)
+<p align="center"><img src ="mocks/login.PNG"></p>
 
 ## Apa itu PR-OJEK?
 
@@ -7,12 +7,7 @@ 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
+<p align="center"><img src ="mocks/login.PNG" width="400"></p>
 
 ### Bagaimana cara menjadi Driver?
 
@@ -34,7 +29,7 @@ Fitur yang didukung yaitu,
 <p align="center"><img src ="mocks/edit-profile-upload.PNG" width="400"></p>
 
 2. Mengubah nama panjang dan nomor telepon  
-<p align="center"><img src ="mocks/edit-profile.PNG" width="400"></p>  
+<p align="center"><img src ="mocks/edit-profile.PNG" width="400"></p>
 
 3. Mengubah status dari penumpang menjadi driver atau   sebaliknya.   
 
@@ -48,7 +43,7 @@ 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>  
+<p align="center"><img src ="mocks/edit-preferred-location.PNG" width="400"></p>
 
 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>
@@ -65,15 +60,18 @@ Preferred location merupakan setiap lokasi yang dilayani pengguna jika berperan
 2. Tuliskan lokasi penjemputan dan tujuan
 3. Anda dapat memasukkan pula nama driver yang kamu inginkan (opsional)
 4. Klik tombol **Next**
+<p align="center"><img src ="mocks/order-ojek.PNG" width="400"></p>
 
 #### 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
+<p align="center"><img src ="mocks/select-driver.PNG" width="400"></p>
 
 #### 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**
+<p align="center"><img src ="mocks/complete-order.PNG" width="400"></p>
 
 ### 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>  
+<p align="center"><img src ="mocks/history-penumpang.PNG" width="400"></p>
 
 #### 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>  
+<p align="center"><img src ="mocks/history-driver.PNG" width="400"></p>
+
+## TOOLS
+> Tidak digunakan framework apapun pada web ini.
+> [color=green] 
+### 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.