Fahmia Amelia | 4817070044 | TI6D

Pemograman Web 3 – Tugas 2

BLADE, NAVIGASI, DAN CONTROLLER

Blade adalah Template Engine Laravel. Pada dasarnya, Blade adalah view, namun dengan Blade
kita memiliki sintak-sintak tambahan yang dapat membantu kita untuk menampilkan data.
Controller adalah mengambil permintaan, memparsing permintaan, menginisialisasi, memanggil
model dan kemudian mengambil responnya, dan mengirimkannya ke View.

1. Membuat Modul Menu Profile

a. Pada folder C:\xampp\htdocs\siswaku\resources\views, rename file profile.php menjadi
profile.blade.php

b. Pada file C:\xampp\htdocs\siswaku\resources\views\\profile.blade.php

ubah isinya menjadi seperti ini. Terdapat @section(‘main’) dan @section(‘footer’)
dimana pada akhirnya tidak lupa ditutup dengan @stop
c. Kemudian pada file C:\xampp\htdocs\siswaku\resources\views\navbar.blade.php
tambahkan isinya menjadi seperti berikut

d. Buka web.php, ubah dan tambahkan variabel $halaman. Kemudian tambahkan variabel
$halaman ke fungsi compact() agar data tersebut terbaca pada navbar_Nilai dari variabel
$halaman inilah yang kita gunakan untuk menentukan: kita sedang berada di halaman apa
e. Pada browser, ketik http://siswaku/profile, kira-kira tampilannya akan tampak seperti ini
2. Membuat Modul Menu Contact
a. Pada folder C:\xampp\htdocs\siswaku\resources\views, rename file contact.php menjadi
contact.blade.php

b. Pada file C:\xampp\htdocs\siswaku\resources\views \contact.blade.php

ubah isinya menjadi seperti ini. Terdapat @section(‘main’) dan @section(‘footer’)
dimana pada akhirnya tidak lupa ditutup dengan @stop.

c. Kemudian pada file C:\xampp\htdocs\siswaku\resources\views\navbar.blade.php

tambahkan isinya menjadi seperti berikut
d. Buka web.php, ubah dan tambahkan variabel $halaman. Kemudian tambahkan variabel
$halaman ke fungsi compact() agar data tersebut terbaca pada navbar_Nilai dari variabel
$halaman inilah yang kita gunakan untuk menentukan: kita sedang berada di halaman
apa

e. Pada browser, ketik http://siswaku/contact, kira-kira tampilannya akan tampak seperti

ini.
3. Membuat Controller Profile
a. Buka folder C:\xampp\htdocs\siswaku\routes dan cari file web.php. Tambahkan sintak
dibawah ini.

b. Buka folder C:\xampp\htdocs\siswaku\app\Http\Controllers dan cari file yang bernama

PagesController.php. Lalu tambahkan kode dibawah ini.

c. Buka folder C:\xampp\htdocs\siswaku\resources\views dan buka file navbar.blade.php,

lalu tambahkan kode dibawah ini. Kode ini berfungsi sebagai penanda bahwa kita berada
di halaman ini.
d. Buka file profile.blade.php, lalu ubah kodenya menjadi seperti ini. Kode ini berfungsi
sebagai sebuah form pada halaman profile.blade.php

e. Selanjutnya buka url http://siswaku/profile untuk membuka halaman ini. Maka

tampilannya akan seperti ini.
4. Membuat Controller Contact
a. Buka folder C:\xampp\htdocs\siswaku\routes dan cari file web.php. Tambahkan sintak
dibawah ini.

b. Buka folder C:\xampp\htdocs\siswaku\app\Http\Controllers dan cari file yang bernama

PagesController.php. Lalu tambahkan kode dibawah ini.

c. Buka folder C:\xampp\htdocs\siswaku\resources\views dan buka file navbar.blade.php,

lalu tambahkan kode dibawah ini. Kode ini berfungsi sebagai penanda bahwa kita berada
di halaman ini.
d. Buka file contact.blade.php, lalu ubah kodenya menjadi seperti ini. Kode ini berfungsi
sebagai sebuah form pada halaman contact.blade.php
e. Selanjutnya buka url http://siswaku/contact untuk membuka halaman ini. Maka
tampilannya akan seperti ini.