#30 Web Programming | Laravel Tutorial

Assalamualaikum wr, wb

Back again with me angga gemilang, masih dengan materi framework laravel. pada kesempatan kali ini kami akan menjelaskan tentang 2 jenis studi kasus mengenai controller dan sedikit bermain - main dengan database. Untu lebih jelasnya, perhatikan penjelasannya dibawah ini. Pokoknya pantengin terus, Check This Out...

DIbawah ini ada 3 bab yang akan kita pelajari, yaitu:

1. Persiapan
2. Studi Kasus 2
3. Studi Kasus 3

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Persiapan Controller Laravel
Penjelasannya...

Pertama - tama kalian terlebih dahulu harus menghidupkan apache dan juga php pada xampp.

Kemudian kalian harus membuat dummy data di table t_kelas, yang kalau pada kasus saya, saya mengisi datanya dengan menggunakan seluruh data kelas di SMKN 4 Bandung. Kurang lebih ada pada gambar dibawah ini :

---

Studi Kasus 2
Penjelasannya...

Perintahnya :

Buatlah dummy data untuk table t_kelas dengan data kelas XI di SMKN 4 Bandung (Semua jurusan 13 kelas) dan buatlah controller serta modifikasi viewnya untuk menampilkan data dari t_kelas

Langsung saja ke langkah pertama :

1. Buat controllernya

php artisan make:controller KelasController

Tunggu sampai muncul keterangan seperti berikut :

C:\xampp\htdocs\laravel5.7-fresh>php artisan make:controller KelasController Controller created successfully.

2. Isi file KelasController

3. Sambungkan KelasController dengan Route

4. Coding Tampilan di belajar.blade.php

HTML

<h1>Halaman Dari Controller</h1> <table border="1"> <tr> <th>No</th> <th>NIS</th> <th>Nama Lengkap</th> <th>Jenis Kelamin</th> <th>Golongan Darah</th> </tr> @foreach ($siswa as $row) <tr> <td>{{ isset($i) ? ++$i : $i = 1 }}</td> <td>{{ $row->nis}}</td> <td>{{ $row->nama_lengkap}}</td> <td>{{ $row->jenis_kelamin}}</td> <td>{{ $row->goldar}}</td> </tr> @endforeach </table> <br><br> <a class="tambah" href="{{ url('/belajar/create') }}">Tambah Data</a>

CSS

body, * { font-family: arial; } .tambah { background: #232E33; width: 100%; height: 15px; text-decoration: none; color: #fff; padding: 10px 20px; align-items: center; align-content: center; margin-left: 44%; } h1 { text-align: center; text-transform: uppercase; font-family: arial; } table { width: 100%; color: #fff; border: 1px solid #000; border-collapse: collapse; } table tr th { font-family: arial; font-weight: bold; padding: 15px 25px; } table tr td { padding: 5px 13px; text-align: center; } table tr th { background: #232E33; color: #fff; } table tr:nth-child(odd) { background: #888F92; } table tr:nth-child(even) { background: #4D575C; }

Hasil Dari Pengerjaan Studi Kasus 2 :

---

Studi Kasus 3
Penjelasannya...

Tampilkan data dari t_kelas, diurutkan berdasarkan lokasi ruangan
1. Tampilkan data dari t_kelas, yang memiliki nama jurusan yang diawali dengan huruf T
2. Tampilkan data dari t_Kelas diurutkan berdasarkan jurusan dan nama kelas
3. Tampilkan data dari t_Kelas hanya data jurusan dari kelas audio video saja

1. Pengurutan berdasarkan lokasi ruangan

public function index() { $data['siswa'] = \DB::table('t_kelas') ->orderBy('lokasi_ruangan', 'DSC') ->get(); return view('belajar', $data); }

Hasil Dari Pengerjaan studi Kasus 2.1:

---

2. Filter jurusan yang dimulai dengan huruf t saja

public function index() { $data['siswa'] = \DB::table('t_kelas') ->where('jurusan', 'like', 'T%') ->get(); return view('belajar', $data); }

Hasil Dari Pengerjaan Studi Kasus 2.2:

---

3. Pengurutan berdasarkan jurusan data nama kelas

public function index() { $data['siswa'] = \DB::table('t_kelas') ->orderBy('jurusan') ->orderBy('nama_kelas') ->get(); return view('belajar', $data); }

Hasil Dari Pengerjaan Studi Kasus 2.3:

---

4. Menampilkan dat hanya dari yang berjurusan audio video saja

public function index() { $data['siswa'] = \DB::table('t_kelas') ->where('jurusan', 'like', 'Audio Video') ->get(); return view('belajar', $data); }

Hasil Dari Pengerjaan Studi Kasus 2.4:

---

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #21 Intermediate Web | Web Programming Tutorial karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb

#29 Web Programming Tutorial | Laravel Framework

Assalamualaikum wr, wb

Back again with me angga gemilang, masih dengan materi framework laravel. pada kesempatan kali ini kami akan mengerjakan tugas pelajaran PWPB kami disekolah, yakni tentang 2 studi kasus mengenai migration database. Perhatikan penjelasannya dibawah. Pokoknya pantengin terus, Check This Out...

DIbawah ini ada 2 bab yang akan kita pelajari, yaitu:

1. Persiapan
2. Studi Kasus 1
3. Studi Kasus 2

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Persiapan Migration database
Penjelasannya...

Kali ini kami akan membahas materi Database Migration dalam Laravel. Namun mohon maaf karena keterbatasan waktu kami tidak bisa mulai dari proses instalasi dan proses dasar lainnya. namun, kalian dapat melihat bagaimana cara instalasi Laravel + Config segala-rupa nya di :

https://laravel.com/docs/5.7/

Singkatnya, untuk menjalankan proses ini kalian harus menginstall dependencies doctrine/dbal melalui composer, dan harus dengan internet

Oke kembali ke Database Migration. Untuk penjelasan officialnya bisa didapatkan di :

https://laravel.com/docs/5.7/migrations

Jika dibandingkan, Database untuk Project Laravel dikendalikan dalam Laravel (aka langsung dari file-file dalam project). Mulai dari pembuatan tabel hingga modifikasi kolom.

---

Studi Kasus 1
Penjelasannya...

“Buatlah migrasi baru untuk membuat tabel t_percobaan. Cobalah buat minimal 15 field yang berbeda pada tabel tersebut”

Pastikan Laravel Sudah Terhubung Database

---

Masuk ke Comand Prompt

Pastikan direktorinya ke folder laravel di xampp

---

Buat file Migration Baru

php artisan make:migration create_t_percobaan

---

Buka Create_t_percobaan dan edit

Masuk ke file database lalu migration pada folder laravel

Edit file tersebut seperti dibawah ini

<?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class CreateTPercobaan extends Migration { /** * Run the migrations. * * @return void */ public function up() { Schema::create('t_percobaan', function (Blueprint $table) { $table->increments('nip'); $table->string('nama_lengkap', 100); $table->string('nama_panggilan', 100); $table->string('kelas', 100); $table->string('jurusan', 100); $table->string('alamat', 100); $table->integer('usia'); $table->string('tempat_lahir', 100); $table->string('tanggal_lahir', 50); $table->integer('anak-ke'); $table->string('nama_ayah', 100); $table->string('nama_ibu', 100); $table->string('cita-cita', 100); $table->string('hobi', 100); $table->string('pendidikan_terakhir', 100); $table->timestamps(''); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('t_percobaan'); } }

Hasil Dari Pengerjaan Studi Kasus 1 :

---

Studi Kasus 2
Penjelasannya...

1. Buatlah tabel t_kelas dengan field nama_kelas, jurusan
2. Buatlah perubahan tabel t_kelas dengan menambahkan field lokasi_ruangan dengan tipe data string dan panjang 100 karakter
3. Buatlah perubahan tabel t_kelas dengan mengganti panjangnya menjadi 50 karakter
4. Buatlah perubahan tabel t_kelas dengan menambahkan field nama_walkel dengan tipe data string dan panjang 50 karakter
5. Buatlah perubahan tabel t_kelas dengan mengubah nama field nama_walkel menjadi nama_wali_kelas

1. Buatlah tabel t_kelas dengan field nama_kelas, jurusan

<?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class CreateTKelas extends Migration { /** * Run the migrations. * * @return void */ public function up() { Schema::create('t_kelas', function (Blueprint $table) { $table->increments('id'); $table->string('nama_kelas', 100); $table->string('jurusan', 100); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('t_kelas'); } }

Hasil Dari Pengerjaan studi Kasus 2.1:

---

2. Buatlah perubahan tabel t_kelas dengan menambahkan field lokasi_ruangan dengan tipe data string dan panjang 100 karakter

<?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class AddLokasiRuanganTKelas extends Migration { /** * Run the migrations. * * @return void */ public function up() { Schema::table('t_kelas', function ($table){ $table->string('lokasi_ruangan', 100)->after('jurusan'); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::table('t_kelas', function ($table){ $table->addColumn('lokasi_ruangan', 100); }); } }

Hasil Dari Pengerjaan Studi Kasus 2.2:

---

3. Buatlah perubahan tabel t_kelas dengan mengganti panjangnya menjadi 50 karakter

<?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class ChangeSizeTKelas extends Migration { /** * Run the migrations. * * @return void */ public function up() { Schema::table('t_kelas', function ($table){ $table->string('nama_kelas', 50)->change(); $table->string('jurusan', 50)->change(); $table->string('lokasi_ruangan', 50)->change(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::table('t_kelas', function ($table){ $table->string('nama_kelas', 100)->change(); $table->string('jurusan', 100)->change(); $table->string('lokasi_ruangan', 100)->change(); }); } }

Hasil Dari Pengerjaan Studi Kasus 2.3:

---

4. Buatlah perubahan tabel t_kelas dengan menambahkan field nama_walkel dengan tipe data string dan panjang 50 karakter

<?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class AddWalkelTKelas extends Migration { /** * Run the migrations. * * @return void */ public function up() { Schema::table('t_kelas', function ($table){ $table->string('nama_walkel', 50)->after('lokasi_ruangan'); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::table('t_kelas', function ($table){ $table->dropColumn('nama_walkel'); }); } }

Hasil Dari Pengerjaan Studi Kasus 2.4:

---

5. Buatlah perubahan tabel t_kelas dengan mengubah nama field nama_walkel menjadi nama_wali_kelas

<?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class ChangeNamaWalkelTKelas extends Migration { /** * Run the migrations. * * @return void */ public function up() { Schema::table('t_kelas', function ($table){ $table->renameColumn('nama_walkel', 'nama_wali_kelas'); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::table('t_kelas', function ($table){ $table->renameColumn('nama_wali_kelas', 'nama_walkel'); }); } }

Hasil Dari Pengerjaan Studi Kasus 2.5:

---

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #21 Intermediate Web | Web Programming Tutorial karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb

#28 Web Programming | Laravel Framework

Assalamualaikum wr, wb

Setelah lama tidak posting, akhirnya saya kembali dengan materi baru yang jauh lebih susah dari materi - materi sebelumnya, yakni tentang laravel , adalah salah satu framework terbaik pada pemrograman php. Nah, pada kesempatan kali ini saya akan menjelaskan tentang perbedaan antara 2 cara pemanggilan view pada laravel.

Tanpa langsung berlama - lama. silahkan disimak penjelasan - penjelasan saya dibawah ini :

Penulisan Pemanggilan View
Penjelasannya...

Pemanggilan biasa

Route::get('/belajar', function () { $data['nama'] = "Angga"; $data['kelas'] = "XI - RPL 1"; return view('belajar', $data); });

Pemanggilan biasa

Route::get('/belajar', function () { $nama = "Angga"; $kelas = "XI - RPL 1"; return view('belajar', compact('nama','kelas')); });

---

Analisis Perbedaan
Penjelasannya...

Secara Umum

Dari artikel - artikel yang telah saya baca, saya dapat menyimpulkan bahwa terdapat dua cara untuk dapat menghubungkan rute dengan sebuah view. pertama, ada cara biasa, dan kedua ada cara dengan menambahkan compact pada returnnya. Kedua cara ini menggunakan array untuk dapat mnghubungkan rute kedalam file view, untuk lebih jelasnya dapat dilihat sebagai berikut :

Cara Biasa

Pada cara biasa ini kalimat dapat diinstansiasikan sebagai variabel, dan setiap variabel tersebut disatukan dalam satu variabel yang sama sehiingga bentuk returnnya adalah nama arraynya, yang dapat kasus diatas bernama $data, Namun walaupun pada rute tersebut hanya variabel arraynya saja yang dipanggil. pada viewnya yang dipanggil tetap isi dari array tersebut.

Cara Compact

sedangkan untuk cara kedua, yaitu cara copmact. sebaliknya tidak menggunakan ARRAY sebagai variabel. Namun ketika di return, ada fungsi compact berisi variabel tadi, yang mengharuskan kita menambahkan satu persatu variabel yang telah kita buat tadi kedalam kode compact tadi. Menurut PHP documentation, COMPACT adalah sebuah fungsi yang membuat array berdasarkan isi parameternya.

---

Kesimpulan
Penjelasannya...

Kesimpulan

Jadi Kesimpulan yang bisa saya ambil. kalau disuruh miih mana yang lebih baik atau enak dipakai?

saya lebih memilih cara biasa karena dalam penulisannya lebih sedikit, kita tidak perlu menuliskan kembali daftar variabel pada kode return. sedangkan pada cara yang biasa kita hanya diharuskan untuk menuliskan variabel arraynya saja.

---

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #28 Web Programming | Laravel Framework karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb