LANGKAH

MEMBUAT
SIDEBAR
Muhammad Althaf alfarishi Maulana

STEP 1
Langkah Pertama buka Folder
“Aplikasi Rumah Makan” yang
sebelumnya telah dibuat yang
terdapat di folder Laragon,
kemudian pilih folder www

STEP 2
Kemudian, buka folder tersebut
di text editor masing-
masing,Setelah itu, Bukalah
aplikasi Laragon dan jalankan
apache servernya dengan klik “
start all “

STEP 3
Kemudian pada index.html yang
ada pada project “Aplikasi Rumah
Makan”, lanjutkan code yang
sudah ada dengan code berikut :

STEP 4
Maka Outputnya sebagai
berikut :
LANGKAH
MEMBUAT
SIDEBAR

STEP 5
kembangkanlah tampilan diatas
sesuai dengan keinginan,kala
saya outputnya begini :

STEP 6
Pada index.html yang ada
pada project “Aplikasi Rumah
Makan”, lanjutkan code yang
sudah ada dengan code
berikut :

STEP 7
Kemudian, jangan di save dahulu
halamannya, Selanjutnya pada
file index.html gantilah menjadi
index. php.

STEP 8
Maka tampilannya seperti
gambar di samping ini :
LANGKAH
MEMBUAT
SIDEBAR

STEP 9
Selanjutnya save halaman
tersebut.Kemudian buatlah sebuah
folder dengan nama “views”
Selanjutnya buatlah file baru di
dalam folder tersebut dengan nama
(menggunakan huruf kecil) yaiti
beranda,order dan about:

Kemudian Kembali pada halaman STEP 10

index. php, ketik code berikut :
*CATATAN :
dalam penulisan “?open=…” di atas, tanda
(…) harus diisi sesuai dan sama persis
dengan nama file yang akan di kaitkan,
pada contoh di atas, “?open=beranda”
berarti file yg akan dibuka jika link dengan
tulisan beranda di klik yaitu
“beranda.php.”. untuk penulisan
file,usahakan menggunakan huruf kecil
semua.

STEP 11
Pada file “beranda. php” ketik
code sebagai berikut :

STEP 12
Ketika menu beranda di klik
pada halaman sidebar, maka
outputnya :
LANGKAH
MEMBUAT
SIDEBAR

STEP 13
Pada file “order. php” ketik code
sebagai berikut :

STEP 14
Ketika menu Order di klik pada
halaman sidebar, maka outputnya :

STEP 15
Pada file “about. php” ketik code
sebagai berikut :

STEP 16
Ketika menu Tentang aplikasi
di klik pada halaman sidebar,
maka outputnya :
LANGKAH
MEMBUAT
SIDEBAR

STEP 17
Selanjutnya buatlah tampilan
dashboard pada menu “beranda”
yang ada di sidebar sebagai berikut :

STEP 18
Untuk membuat tampilan dashboard
pada menu “beranda” yang ada di
sidebar, buatlah codenya pada
halaman “beranda. php” disini saya
langsung kembangkan menggunakan
bootstrap/java script
contohnya :

STEP 19
maka outputnya akan seperti
gambar disamping:

STEP 20
Lalu kita kembangkan
semuanya dan hasilnya seperti
gambar disamping: