Integrasi Bootstrap Di Laravel - LAPORAN PRAKTIKUM DESIGN DAN APPLIKASI WEB

BAB IV TUGAS

3.5 Integrasi Bootstrap Di Laravel

Selanjutnya adalah melakukan integrasi bootstrap pada Laravel. Yakni yang dilakukan adalah dengan mengunduh bootstrap di http://getbootstrap.com. Lalu memmbuat folder baru didalam folder Laravel, salanjutnya mengextract hasil unduhan bootstrap didalam folder asset yang telah dibuat sebelumnya.

Setelah memasukkan file dari bootstrap ke dalam folder asset, selanjutnya adalah membuat folder template lalu membuat file dengan nama t_index.blade.php, dimana file ini untuk menyimpan link rel dan template bootstrap. Lalu memasukkan sintak kedalam file t_index.blade.php tersebut :

<!DOCTYPE html> <html>

<head>

Setelah menyelesaikan daalam membuat field yield selanjutnya adalah membuka file routes.php lalu merubah return view(welcome) menjadi return view(home). Hal ini dimaksudkan agar file yang pertama adalah

42 home.index.blade.php. Lalu langkah selanjutnya yang dilakukan adalah membuat file home.index.blade.php didalam folder privasi/resources/views/home.index. blade.php dan memasukkan sintak kedalam file tersebut:

@extends('template/t_index') @section('content')

<div class="well"><h2>BELAJAR LARAVEL 5.1</h2></div>

Keterangan :

Extends diguankan untuk mengambil template bootstrap, @section digunakan untuk memasukkan data home.index.blade.php ke template bootstrap tersebut. Lalu membuka browser dengan url : localhost/Laravel. Dan hasilnya adalah:

Gambar 3.5 Tampilan saat dijalankan

Permaslahan diatas disebabkan kareana home.index tidak ditemukan. Selanjutnya merubah file home.index.blade.php menjadi home.blade.php saja. Namun masih menemui error seperi gambat 3.6.

43 Langkah selnajutnya adalah dengan merubah link untuk memanggil css dengan cara lainnya tanpa dengan menggunakan link src biasa. Sintak yang digunakan adalah sebagai berikut untuk memanggil css.

atau

bootstrap.js') !!}"></script>

Dan hasilnya menjadi seperti pada gambar 3.7.

BAB IV BAB IV PENUTUP 4.1 Kesimpulan

Setelah melaksanakan kegiatan praktikum Design dan Aplikasi WEB tentang Persiapan pembuatan CRUD pada Laravel , maka dapat diambil kesimpulan bahwa CRUD adalah akronim dari Create, Read, Update and Delete

dan CRUD merupakan suatu operasi yang digunakan hampir di setiap project

aplikasi.

4.2 Saran

Adapun saran untuk praktikum ini adalah :

- Mahasiswa yang mengikuti praktikum mempunyai kemampuan yang sama, tanpa ada pengantar dari dosen dan assistent dosen mustahil jika mahasiswa akan memahaminya.

- Pengantar dari assisten dosen sebelum pelaksanaan praktikum sangat kami harapkan.

BAB I

MEMBUAT CRUD DENG AN RESTful D I LARAV EL

BAB I PENDAHULUAN

1.1 Latar Belakang

Di era globalisasi seperti saat ini dunia teknologi dan informasi perkembangannya sangat pesat, khususnya dunia komputer. Komputer saat ini merupakan kebutuhan manusia di dalam melakukan berbagai kegiatan, ditambah dengan adanya teknologi informasi yang semakin berperan di dalam dunia pekerjaan. Salah satu piranti teknologi adalah internet, yaitu sebuah jaringan

online global tanpa batas yang menyediakan berjuta jenis informasi.

Tak lepas dari pelayanan cepat dan efisien dari sebuah kebutuhan wisata yaitu hotel. Maka perlu dibangun sebuah sistem yang one stop service solution

atau sebuah aplikasi E-commerce layanan terpadu. E-commerce merupakan suatu metode yang memanfaatkan media internet untuk menjalankan aplikasi transaksi secara online .

Dengan web service yang mampu mengintegrasikan data-data dari seluruh cabang group sebuah hotel dan sebagai sebuah aplikasi layanan terpadu. Penggunaan teknologi RESTful web-service dapat meningkatkan performansi dengan mengurangi format pada paket, sehingga mengurangi juga penggunaan memori dan komputasi pada device. Dengan layanan RESTful web-service, memudahkan dalam fungsi invoke (request) yang memanfaatkan query request provider melalui HTTP dengan menggunakan URI (Uniform Resource Identifier).

1.2 Tujuan Praktikum

Setelah menyelesaikan percobaan ini diharapkan mahasiswa mampu: a. Memahami apa itu RESTful

BAB II

BAB II PEMBAHASAN PRAKTIKUM

2.1 Persiapan Praktikum 2.1.1 Perangkat Keras

Perangkat keras yang dipergunakan untuk melaksanakan praktikum meliputi :

1. Komputer / Laptop

2. Perangkat Aksesosis (Mouse, Keyboard)

2.1.2 Perangkat Lunak

Perangkat lunak untuk mendukung kegiatan praktikum adalah : 1. XAMPP v3.2.1

2. Framework Laravel 3. Edit text Sublime 3

2.2 Dasar Teori

RESTfull laravel menyediakan sebuah controller yang memiliki sekumpulan fungsi lengkap yang bisa melakukan create, read,update, dan delete. Hal ini dapat membantu menghemat waktu kita, karena tidak perlu membuat fungsi tersebut dan mendefinisikan tiap-tiap fungsi tersebut pada route.

CRUD (Create, Read, Update, Delete)

merupakan suatu operasi yang digunakan hampir di setiap project aplikasi. Dan laravel membantu membuat proses operasi CRUD menjadi lebih mudah dengan menggunakan controller. Dengan controller dan penggunaan teknik RESTful pada routing laravel telah memberikan kemudahan pada pengembang project. Kali ini kita akan mencoba membuat operasi CRUD sederhana dengan menggunakan RESTful pada Laravel 5.

Anda bisa melihat fungsi dan format url yang dapat diakses dari UserController dengan menggunakan perintah php artisan routes pada CMD anda. Informasi yang ada dalam garis bewarna hijau pada gambar di bawah merupakan url yang dapat Anda akses dari browser. Informasi yang ada pada kotak garis bewarna biru merupakan nama Route yang dapat Anda gunakan. Sementara itu,

48 garis putus-putus bewarna orange menandakan controller yang diakses dan garis putus-putus bewarna kuning menandakan fungsi yang digunakan pada controller. Jadi, jika Anda membuka alamat /users maka Route akan memanggil fungsi index pada controller users. (Olbers 2016e)

BAB III

BAB III PELAKSANAAN PRAKTIKUM

Didalam praktikum membuat CRUD dengan RESTful di Laravel ini yang dipelajari adalah cara membuat membuat crud dengan mengupdate ke Laravel5.2. Adapun praktikum yang dilakukan adalah sebagai berikut :

Dalam dokumen LAPORAN PRAKTIKUM DESIGN DAN APPLIKASI WEB (Halaman 48-56)