SlideShare a Scribd company logo
1 of 26
PEMROGRAMAN WEB II
VIEW DI LARAVEL?
VIEW
 Menampilkan informasi kepada user
 Terdiri dari script HTML, CSS atau javascript
 Tidak diijinkan ada script logika maupun akses ke database
 Terletak di folder resource/view
 Menggunakan blade template
MEMBUAT VIEW
<!-- View stored in resources/views/greeting.blade.php -->
<html>
<body>
<h1>Hello World!</h1>
</body>
</html>
MEMANGGIL VIEW
Memanggil view dari controller menggunakan helper view
Route::get('/', function () {
return view('greeting');
});
PASSING DATA KE VIEW
 Dalam pengembangan aplikasi membutuhkan data yang
dikirim dari controller
 Passing data sebagai array, kemudian akses dengan
menggunakan kunci atau key pada file HTML
PASSING DATA KE VIEW
Route::get('/', function () {
return view('greeting', ['name' => 'James']);
});
Jika ada nested direktori di folder resource/view maka gunakan “dot”
untuk melakukan reference view. Misalkan pada folder
resources/views/admin/profile.blade.php, untuk melakukan reference view
menggunakan cara berikut:
return view('admin.profile', $data);
BLADE TEMPLATES
BLADE TEMPLATE
 Fitur pada laravel yang digunakan untuk menampilkan output
pada view
 Template engine untuk membuat desain tata letak website
yang unik
 Keunggulan:
 Keleluasaan dalam pengembangan
 Blade view digenerate dan disimpan sampai ada yang
dirubah
BLADE TEMPLATE LAYOUT
Point penting
 Extends  sebagai penanda untuk menentukan layout mana
yang akan digunakan dalam sebuah aplikasi (pewarisan)
 Yield  menyediakan tempat untuk menampilkan tag html
yang berada di dalam section
 Section  isi dari tag html (meminjam isi file lain untuk
ditampilkan)
 Include  menyertakan tampilan view dari file lain
MEMBUAT MASTER LAYOUT
(1) BUAT LAYOUT
layout.blade.php
(2) BUAT LAYOUT
header.blade.php
EXTENDS LAYOUT
halaman.blade.php
TAMBAHKAN ROUTE
Setting route pada route/we.php
HASIL OUTPUT
MENAMPILKAN VARIABEL
PHP
<?php echo “Hello “.$nama; ?>
Blade templade
Hello {{ $nama }}
STRUKTUR KONTROL
@if (count($records) === 1)
I have one record!
@elseif (count($records) > 1)
I have multiple records!
@else
I don't have any records!
@endif
STRUKTUR KONTROL
@for ($i = 0; $i < 10; $i++)
The current value is {{ $i }}
@endfor
@foreach ($users as $user)
<p>This is user {{ $user->id
}}</p>
@endforeach
@while (true)
<p>I'm looping forever.</p>
@endwhile
COMMENT
Format comment pada blade seperti berikut:
{{-- This comment will not be present in the rendered
HTML --}}
PHP
Pada beberapa situasi ada kondisi dimana harus menjalankan kode PHP,
maka pada blade digunakan @php untuk melakukan eksekusi blok PHP
@php
//
@endphp
SAATNYA
LATIHAN
LATIHAN
 Buatlah sebuah view dan blade
 Buatlah sebuah layout dengan blade template kemudian
gunakan untuk membuat sebuah view
SEKIAN DAN TERIMA KASIH

More Related Content

What's hot

Sistem keamanan jaringan (firewall)
Sistem keamanan jaringan (firewall)Sistem keamanan jaringan (firewall)
Sistem keamanan jaringan (firewall)Eko Supriyadi
 
Aplikasi Chatting dengan Client-Server Menggunakan Protokol TCP
Aplikasi Chatting dengan Client-Server Menggunakan Protokol TCPAplikasi Chatting dengan Client-Server Menggunakan Protokol TCP
Aplikasi Chatting dengan Client-Server Menggunakan Protokol TCPSyauqina Idzni Adzhani
 
Laporan Praktikum Pertemuan 1, PBO
Laporan Praktikum Pertemuan 1, PBOLaporan Praktikum Pertemuan 1, PBO
Laporan Praktikum Pertemuan 1, PBOsetyadi_s
 
Restful Web Services
Restful Web ServicesRestful Web Services
Restful Web ServicesAngelin R
 
01. Pengenalan Web Server Dan Sss
01. Pengenalan Web Server Dan Sss01. Pengenalan Web Server Dan Sss
01. Pengenalan Web Server Dan SssAchmad Solichin
 
PPT Functional dan OOP Programming.pptx
PPT Functional dan OOP Programming.pptxPPT Functional dan OOP Programming.pptx
PPT Functional dan OOP Programming.pptxAliefMuhammadAbdilla
 
PHP CRUD Database Mysql
PHP CRUD Database MysqlPHP CRUD Database Mysql
PHP CRUD Database MysqlYusuf A.H.
 
Tugas 1 analisis paket network protocol dengan menggunakan tools wireshark
Tugas 1 analisis paket network protocol dengan menggunakan tools wiresharkTugas 1 analisis paket network protocol dengan menggunakan tools wireshark
Tugas 1 analisis paket network protocol dengan menggunakan tools wiresharkEka Putuasduki
 
Koneksi PHP ke Database MySQL menggunakan MySQLi Extension
Koneksi PHP ke Database MySQL menggunakan MySQLi ExtensionKoneksi PHP ke Database MySQL menggunakan MySQLi Extension
Koneksi PHP ke Database MySQL menggunakan MySQLi ExtensionI Putu Hariyadi
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt044249
 
Pemrograman Web - Protokol HTTP
Pemrograman Web - Protokol HTTPPemrograman Web - Protokol HTTP
Pemrograman Web - Protokol HTTPKuliahKita
 
Struktur direktori
Struktur direktoriStruktur direktori
Struktur direktoriAnggi DHARMA
 
Sistem Tiket Bioskop Menggunakan Diagram UML
Sistem Tiket Bioskop Menggunakan Diagram UMLSistem Tiket Bioskop Menggunakan Diagram UML
Sistem Tiket Bioskop Menggunakan Diagram UMLFarichah Riha
 
Pertemuan 3 activity
Pertemuan 3 activityPertemuan 3 activity
Pertemuan 3 activityheriakj
 

What's hot (20)

Sistem keamanan jaringan (firewall)
Sistem keamanan jaringan (firewall)Sistem keamanan jaringan (firewall)
Sistem keamanan jaringan (firewall)
 
BPMN
BPMNBPMN
BPMN
 
Arsitektur Sistem Basis Data
Arsitektur Sistem Basis DataArsitektur Sistem Basis Data
Arsitektur Sistem Basis Data
 
Aplikasi Chatting dengan Client-Server Menggunakan Protokol TCP
Aplikasi Chatting dengan Client-Server Menggunakan Protokol TCPAplikasi Chatting dengan Client-Server Menggunakan Protokol TCP
Aplikasi Chatting dengan Client-Server Menggunakan Protokol TCP
 
Xml parsers
Xml parsersXml parsers
Xml parsers
 
Laporan Praktikum Pertemuan 1, PBO
Laporan Praktikum Pertemuan 1, PBOLaporan Praktikum Pertemuan 1, PBO
Laporan Praktikum Pertemuan 1, PBO
 
Web forms in ASP.net
Web forms in ASP.netWeb forms in ASP.net
Web forms in ASP.net
 
Restful Web Services
Restful Web ServicesRestful Web Services
Restful Web Services
 
01. Pengenalan Web Server Dan Sss
01. Pengenalan Web Server Dan Sss01. Pengenalan Web Server Dan Sss
01. Pengenalan Web Server Dan Sss
 
PPT Functional dan OOP Programming.pptx
PPT Functional dan OOP Programming.pptxPPT Functional dan OOP Programming.pptx
PPT Functional dan OOP Programming.pptx
 
PHP CRUD Database Mysql
PHP CRUD Database MysqlPHP CRUD Database Mysql
PHP CRUD Database Mysql
 
Tugas 1 analisis paket network protocol dengan menggunakan tools wireshark
Tugas 1 analisis paket network protocol dengan menggunakan tools wiresharkTugas 1 analisis paket network protocol dengan menggunakan tools wireshark
Tugas 1 analisis paket network protocol dengan menggunakan tools wireshark
 
Koneksi PHP ke Database MySQL menggunakan MySQLi Extension
Koneksi PHP ke Database MySQL menggunakan MySQLi ExtensionKoneksi PHP ke Database MySQL menggunakan MySQLi Extension
Koneksi PHP ke Database MySQL menggunakan MySQLi Extension
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Algoritma penjadwalan proses
Algoritma penjadwalan prosesAlgoritma penjadwalan proses
Algoritma penjadwalan proses
 
Pemrograman Web - Protokol HTTP
Pemrograman Web - Protokol HTTPPemrograman Web - Protokol HTTP
Pemrograman Web - Protokol HTTP
 
Struktur direktori
Struktur direktoriStruktur direktori
Struktur direktori
 
Sistem Tiket Bioskop Menggunakan Diagram UML
Sistem Tiket Bioskop Menggunakan Diagram UMLSistem Tiket Bioskop Menggunakan Diagram UML
Sistem Tiket Bioskop Menggunakan Diagram UML
 
Pertemuan 3 dan 4 SBD
Pertemuan 3 dan 4 SBDPertemuan 3 dan 4 SBD
Pertemuan 3 dan 4 SBD
 
Pertemuan 3 activity
Pertemuan 3 activityPertemuan 3 activity
Pertemuan 3 activity
 

Similar to Pemrograman Web II - View di Laravel

Laravel View dan Blade.pdf
Laravel View dan Blade.pdfLaravel View dan Blade.pdf
Laravel View dan Blade.pdfssuser42779e
 
Belajar membuat modul crud di laravel 5
Belajar membuat modul crud di laravel 5Belajar membuat modul crud di laravel 5
Belajar membuat modul crud di laravel 5Welly Rosadi, Mochamad
 
Modul framework code igniter
Modul framework code igniterModul framework code igniter
Modul framework code igniterFakhir Rizal
 
Membuat mvc framework sederhana dengan php
Membuat mvc framework sederhana dengan phpMembuat mvc framework sederhana dengan php
Membuat mvc framework sederhana dengan phpCahya Dwiana SN
 
Membuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdfMembuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdfomuru
 
Modul Laravel 10 - ToT Laravel TcOT.pptx
Modul Laravel 10 - ToT Laravel TcOT.pptxModul Laravel 10 - ToT Laravel TcOT.pptx
Modul Laravel 10 - ToT Laravel TcOT.pptxUnduhUnggah1
 
Web Programming - DB Galeri Foto
Web Programming - DB Galeri FotoWeb Programming - DB Galeri Foto
Web Programming - DB Galeri FotoDoni Andriansyah
 
Web Programming - Simpan Tampil Customer
Web Programming - Simpan Tampil CustomerWeb Programming - Simpan Tampil Customer
Web Programming - Simpan Tampil CustomerDoni Andriansyah
 
Belajar php-dengan-framework-code-igniter1
Belajar php-dengan-framework-code-igniter1Belajar php-dengan-framework-code-igniter1
Belajar php-dengan-framework-code-igniter1Al-dhimas Purnama
 
Web mvc dengan java jsp seri 1
Web mvc dengan java   jsp seri 1Web mvc dengan java   jsp seri 1
Web mvc dengan java jsp seri 1Zaenal Arifin
 
Laporan Praktikum Web dengan PHP
Laporan Praktikum Web dengan PHPLaporan Praktikum Web dengan PHP
Laporan Praktikum Web dengan PHPOkta Riveranda
 

Similar to Pemrograman Web II - View di Laravel (20)

Laravel View dan Blade.pdf
Laravel View dan Blade.pdfLaravel View dan Blade.pdf
Laravel View dan Blade.pdf
 
Kelompok 7
Kelompok 7Kelompok 7
Kelompok 7
 
16406 pertemuan17(konsep basis-data-di-web)
16406 pertemuan17(konsep basis-data-di-web)16406 pertemuan17(konsep basis-data-di-web)
16406 pertemuan17(konsep basis-data-di-web)
 
Php mysql
Php mysqlPhp mysql
Php mysql
 
Belajar membuat modul crud di laravel 5
Belajar membuat modul crud di laravel 5Belajar membuat modul crud di laravel 5
Belajar membuat modul crud di laravel 5
 
Modul framework code igniter
Modul framework code igniterModul framework code igniter
Modul framework code igniter
 
Membuat mvc framework sederhana dengan php
Membuat mvc framework sederhana dengan phpMembuat mvc framework sederhana dengan php
Membuat mvc framework sederhana dengan php
 
Membuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdfMembuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdf
 
Jsp
JspJsp
Jsp
 
Modul Laravel 10 - ToT Laravel TcOT.pptx
Modul Laravel 10 - ToT Laravel TcOT.pptxModul Laravel 10 - ToT Laravel TcOT.pptx
Modul Laravel 10 - ToT Laravel TcOT.pptx
 
Web Programming - DB Galeri Foto
Web Programming - DB Galeri FotoWeb Programming - DB Galeri Foto
Web Programming - DB Galeri Foto
 
Web Programming - Simpan Tampil Customer
Web Programming - Simpan Tampil CustomerWeb Programming - Simpan Tampil Customer
Web Programming - Simpan Tampil Customer
 
user.docx
user.docxuser.docx
user.docx
 
Belajar php-dengan-framework-code-igniter1
Belajar php-dengan-framework-code-igniter1Belajar php-dengan-framework-code-igniter1
Belajar php-dengan-framework-code-igniter1
 
Building a Secure Web Application
Building a Secure Web ApplicationBuilding a Secure Web Application
Building a Secure Web Application
 
Web mvc dengan java jsp seri 1
Web mvc dengan java   jsp seri 1Web mvc dengan java   jsp seri 1
Web mvc dengan java jsp seri 1
 
Modul php 4
Modul php 4Modul php 4
Modul php 4
 
Modul php 4
Modul php 4Modul php 4
Modul php 4
 
Laporan Praktikum Web dengan PHP
Laporan Praktikum Web dengan PHPLaporan Praktikum Web dengan PHP
Laporan Praktikum Web dengan PHP
 
Php tutorial-17
Php tutorial-17Php tutorial-17
Php tutorial-17
 

More from I Gede Iwan Sudipa

Diktat Pemrograman Web dengan laravel 5.4
Diktat Pemrograman Web dengan laravel 5.4Diktat Pemrograman Web dengan laravel 5.4
Diktat Pemrograman Web dengan laravel 5.4I Gede Iwan Sudipa
 
Kondisi Perulangan dalam pemrograman
Kondisi Perulangan dalam pemrogramanKondisi Perulangan dalam pemrograman
Kondisi Perulangan dalam pemrogramanI Gede Iwan Sudipa
 
Pengantar Algoritma dan Pemrograman
Pengantar Algoritma dan PemrogramanPengantar Algoritma dan Pemrograman
Pengantar Algoritma dan PemrogramanI Gede Iwan Sudipa
 
Cara membuat koneksi PHP dan database MySQL
Cara membuat koneksi PHP dan database MySQLCara membuat koneksi PHP dan database MySQL
Cara membuat koneksi PHP dan database MySQLI Gede Iwan Sudipa
 
Penggunaan FORM dalam pemrograman web
Penggunaan FORM dalam pemrograman webPenggunaan FORM dalam pemrograman web
Penggunaan FORM dalam pemrograman webI Gede Iwan Sudipa
 
Perulangan dan Array dalam PHP
Perulangan dan Array dalam PHPPerulangan dan Array dalam PHP
Perulangan dan Array dalam PHPI Gede Iwan Sudipa
 
Pernyataan Kondisi dalam Pemrograman PHP
Pernyataan  Kondisi dalam Pemrograman PHPPernyataan  Kondisi dalam Pemrograman PHP
Pernyataan Kondisi dalam Pemrograman PHPI Gede Iwan Sudipa
 
Pernyataan Perulangan dalam Pemrograman PHP
Pernyataan  Perulangan dalam Pemrograman PHPPernyataan  Perulangan dalam Pemrograman PHP
Pernyataan Perulangan dalam Pemrograman PHPI Gede Iwan Sudipa
 
Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTMLI Gede Iwan Sudipa
 
Materi Basis Data tentang Hirarki dan abtraksi data
Materi Basis Data tentang Hirarki dan abtraksi dataMateri Basis Data tentang Hirarki dan abtraksi data
Materi Basis Data tentang Hirarki dan abtraksi dataI Gede Iwan Sudipa
 

More from I Gede Iwan Sudipa (20)

Diktat Pemrograman Web dengan laravel 5.4
Diktat Pemrograman Web dengan laravel 5.4Diktat Pemrograman Web dengan laravel 5.4
Diktat Pemrograman Web dengan laravel 5.4
 
Function dalam pemrograman
Function dalam pemrogramanFunction dalam pemrograman
Function dalam pemrograman
 
Procedure dalam pemrograman
Procedure dalam pemrograman Procedure dalam pemrograman
Procedure dalam pemrograman
 
Struct
StructStruct
Struct
 
Array dalam pemrograman
Array dalam pemrogramanArray dalam pemrograman
Array dalam pemrograman
 
Kondisi Perulangan dalam pemrograman
Kondisi Perulangan dalam pemrogramanKondisi Perulangan dalam pemrograman
Kondisi Perulangan dalam pemrograman
 
Kondisi Percabangan
Kondisi PercabanganKondisi Percabangan
Kondisi Percabangan
 
Operator dalam Pemrograman
Operator dalam PemrogramanOperator dalam Pemrograman
Operator dalam Pemrograman
 
Pengertian Pseudocode
Pengertian PseudocodePengertian Pseudocode
Pengertian Pseudocode
 
Pengantar Algoritma dan Pemrograman
Pengantar Algoritma dan PemrogramanPengantar Algoritma dan Pemrograman
Pengantar Algoritma dan Pemrograman
 
Cara membuat koneksi PHP dan database MySQL
Cara membuat koneksi PHP dan database MySQLCara membuat koneksi PHP dan database MySQL
Cara membuat koneksi PHP dan database MySQL
 
Penggunaan FORM dalam pemrograman web
Penggunaan FORM dalam pemrograman webPenggunaan FORM dalam pemrograman web
Penggunaan FORM dalam pemrograman web
 
Function dalam PHP
Function dalam PHPFunction dalam PHP
Function dalam PHP
 
Perulangan dan Array dalam PHP
Perulangan dan Array dalam PHPPerulangan dan Array dalam PHP
Perulangan dan Array dalam PHP
 
Pernyataan Kondisi dalam Pemrograman PHP
Pernyataan  Kondisi dalam Pemrograman PHPPernyataan  Kondisi dalam Pemrograman PHP
Pernyataan Kondisi dalam Pemrograman PHP
 
Pernyataan Perulangan dalam Pemrograman PHP
Pernyataan  Perulangan dalam Pemrograman PHPPernyataan  Perulangan dalam Pemrograman PHP
Pernyataan Perulangan dalam Pemrograman PHP
 
Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTML
 
Normalisasi Data
Normalisasi DataNormalisasi Data
Normalisasi Data
 
Entitas, Atribut dan Relasi
Entitas, Atribut dan RelasiEntitas, Atribut dan Relasi
Entitas, Atribut dan Relasi
 
Materi Basis Data tentang Hirarki dan abtraksi data
Materi Basis Data tentang Hirarki dan abtraksi dataMateri Basis Data tentang Hirarki dan abtraksi data
Materi Basis Data tentang Hirarki dan abtraksi data
 

Pemrograman Web II - View di Laravel