• Nama Saya Angga Gemilang~~~
  • Saya adalah siswa di kelas X (10) - RPL 1 di SMK Negeri 4 Bandung.
  • Saya Bersekolah di SMK Negeri 4 Bandung yaang beralamat di Jalan Kliningan No.6, Turangga, Lengkong, Turangga, Lengkong, Kota Bandung, Jawa Barat 40264
  • Sublime better than CMS

Minggu, 17 Maret 2019

#33 Web Programming | Laravel Tutorial

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 3 studi kasus mengenai Eloquent pada framework laravel. Perhatikan penjelasannya dibawah ini. Pokoknya pantengin terus, Check This Out...

DIbawah ini ada 2 bab yang akan kita pelajari, yaitu:
  1. Penjelasan
  2. Studi Kasus 1
  3. Studi Kasus 2
  4. Studi Kasus 3
Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Penjelasan #33 Laravel tutorial
Penjelasannya...

Hai gaes, saya lagi libur USBN sekarang

Mungkin karena liburnya tergolong lama, makanya dikasih studi kasus yang bahkan lebih banyak dari materi itu sendiri


Materi yang akan saya jelaskan kali ini adalah mengenai eloquent


Untuk lebih jelasnya, perhatikan pengerjaaan studi kasusnya dibawah :


Studi Kasus 1
Penjelasannya...

“1. Lakukan hal yang sama seperti yang sudah dijelaskan pada slide sebelumnya untuk tabel t_kelas (Create, Edit dan Delete)”

Berikut adalah hal harus kita ubah dan buat, antara lain :

  1. Buat file Kelas.php di \App\ dan isi mirip dengan Siswa.php
  2. Ganti isi method Index,Store,Update dan Destroy di dalam KelasController

1. Buat file Kelas.php di \App\ dan isi mirip dengan Siswa.php




2. Ganti isi method Index,Store,Update dan Destroy di dalam KelasController


Fungsi Index()



Fungsi Store()



Fungsi Update()



Fungsi Destroy()




Studi Kasus 2
Penjelasannya...

“2. Buatlah tabel baru untuk menyimpan data guru dengan field nip, nama_guru, jenis_kelamin, alamat. Buatlah migration nya, dan view untuk CRUD nya. Cobalah gunakan metode ORM untuk insert dan update data untuk tabel data guru tersebut”

Berikut adalah hal harus kita buat, antara lain :

  1. Buat database migration untuk t_guru
  2. Buat routes baru di web.php
  3. Buat GuruController di /App/Http/Controllers/
  4. Buat view untuk Tabel dan CRUD-nya

1. Database Migration

Buka cmd dan arahkan ke folder project Laravel
Lalu buat file migration baru menggunakan php artisan




Pastikan pembuatan migration itu berhasil




Lalu buka file terbaru di dalam \Database\Migrations dengan namanya create_t_guru
Ubah isi dari function up nya seperti berikut :




Terakhir migrate di cmd, dengan cara :




2. Buat routes baru di web.php




3. Buat GuruController di /App/Http/Controllers/




Jangan lupa, agar bisa diEloquent. kita harus membuat Guru.php di \App\



4. Buat view untuk Tabel dan CRUD-nya


Index Guru


Tambah Data Guru



Studi Kasus 3
Penjelasannya...

“3. Bisakah anda menjelaskan perbedaan yang signifikan antara penggunaan DB Facades dan Eloquent? ”


Berikut berikut merupakan contoh syntax kedua cara :


DB Facade

Eloquent


Perbedaanya


DB Facade

DB Facades hampir mirip dengan Query maka DB Facades berinteraksi langsung ke Database, layaknya Query. Itulah kenapa DB Facades biasa disebut Query Builder


Eloquent

Sedangkan Eloquent hampir mirip dengan ORM (Object Relational Mapping). Dalam pandangan saya eloquent lebih ke menyambungkan model dengan Database, itulah kenapa sebelum menjalankan Eloquent, harus membuat terlebih dahulu model Siswa.php didalam \App\. Singkatnya Eloquent adalah sebuah perantara antara model Siswa dengan Database melalui method-method seperti find( ) ,create( ) ,dll



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

#32 Web Programming | Laravel Tutorial

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 3 studi kasus mengenai tata cara pembuatan CRUD pada framework laravel. Perhatikan penjelasannya dibawah ini. Pokoknya pantengin terus, Check This Out...

DIbawah ini ada 2 bab yang akan kita pelajari, yaitu:
  1. Penjelasan
  2. Studi Kasus 1
  3. Studi Kasus 2
Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Penjelasan #32 Laravel tutorial
Penjelasannya...

Pada pembahasan kali ini akan membahas bagaimana cara membuat Update dan Destroy dari CRUD dalam Laravel.

Selain memecahkan masalah studi kasus tersebut, saya juga akan menjelaskan satu persatu isi dari fungsi Update dan Destroy


Untuk lebih jelasnya, perhatikan pengerjaaan studi kasusnya dibawah :


Studi Kasus 1
Penjelasannya...

“1. Jelaskan isi dari fungsi Update dan Destroy”


Pertama kita lihat terlebih dahulu isi update:



Isi fungsi tersebut terbagi kedalam 3 bagian :

  1. Validasi
  2. Request Data + Unset Variabel
  3. Query ke database

1. Validasi




Baris ini akan meminta semua data yang disubmit dari form. Semua data dari input dan select akan diambil dan dimasukkan ke variabel $input


2. Request Data + Unset Variabel






Bagian ini berisi rule dan sintaks untuk melakukan validasi didalam form. Sederhananya, bagian ini memeriksa kesesuaian input user dengan rule yang ada

Jika Form yang kita siapkan dijalankan melalui tombol Edit, tentu saja akan memiliki token (karena CSRF) dan method. Hal ini bisa terjadi karena baris ini dalam form




Nah fungsi UNSET disini adalah mereset token dan method yang ada supaya fungsi update ini dapat dipakai untuk data lain


3. Query ke database




Nah baru setelah data didapatkan, waktunya di masukkan ke dalam database melalui Query.



Yang pasti, query ini hasil kembalinya adalah boolean dan akan di cek berhasil atau tidaknya dengan IF()




Untuk sintaks ini, redirect nya itu akan membuka alamat /siswa dan dengan session(‘success’) bersama dengan pesannya. Sebagai catatan, ini adalah sintaks untuk menampilkan pesan dari redirect ini :




Kedua kita lihat isi Destroy:



Untuk isi dari DESTROY ini merupakan Query untuk perintah Delete




Perbedaannya adalah fungsi ini tidak meminta data alias hanya meminta $id dari route {id}.


Studi Kasus 2
Penjelasannya...

“1. Lakukan hal yang sama pada tabel t_kelas”


Berikut kodingan yang terlebih dahulu harus anda copas :

  1. Kodingan di routes/web.php
  2. Method Edit,Update dan Delete dari SiswaController ke KelasController
  3. Layout untuk tabel Aksi dan Isinya dari siswa.blade.php ke kelas.blade.php
  4. Kodingan untuk Edit Form kedalam TambahForm-nya Kelas

Nah setelah itu, sisanya adalah pembetulan beberapa hal kecil yang jika dilewat akan menimbulkan error fatal, antara lain :

ROUTES/WEB.PHP




Kelas Controller




KELAS.BLADE.PHP




form.blade.php




Sudah beres, tinggal kalian coba di browser


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

Minggu, 03 Maret 2019

#31 Web Programming | Laravel Tutorial

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 3 studi kasus mengenai tata cara pembuatan CRUD pada framework laravel. Perhatikan penjelasannya dibawah ini. Pokoknya pantengin terus, Check This Out...

DIbawah ini ada 2 bab yang akan kita pelajari, yaitu:
  1. Penjelasan
  2. Studi Kasus 1
  3. Studi Kasus 2
  4. Studi Kasus 3
Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Penjelasan #31 Laravel tutorial
Penjelasannya...

Pada pembahasan kali ini akan membahas bagaimana cara membuat Create dari CRUD dalam Laravel.

Selain itu, dibahas juga metode validasi data dan pengambilan ‘old data’ user.


Untuk lebih jelasnya, perhatikan pengerjaaan studi kasusnya dibawah :


Studi Kasus 1
Penjelasannya...

“1. Buatlah tampilan form untuk t_kelas”

Untuk perintah pertama, yang harus dilakukan adalah membuat tabel dan form untuk data dari t_kelas, urutannya kurang lebih seperti dibawah :

  1. Buat file untuk menampung views tabel kelas
  2. Buat link untuk tambah data di views tabel kelas
  3. Buat route baru untuk kelas (index,create dan store-nya) di routes/web.php
  4. Buka/buat KelasController dan isi filenya dengan fungsi index,create dan store
  5. Buat form tambah data kelas di resources\views
  6. Cek di Browser routes-routes tadi

1. Membuat views table t_kelas




2. Tambahkan action tambah data




3. Menambahkan line dibawah di route/web.php




4. Buat kelasController dan buat fungsi berikut didalamnya








5. Membuat views tambah data




“2. Implementasikan validasi untuk table t_kelas”

Seperti yang sudah ada di KelasController@store, bisa dilihat dalam $rule


Penjelasan


bail

Jika validasi yang ini gagal, hentikan validasi yang selanjutnya. Jadi error message yang ditampilkan jika bail ini gagal hanya validasi ini


alpha

Memaksa field ini berisi String dengan karakter alfabet saja Kebalikan dari numeric


Nah setelah semua itu , cek di browser dengan masukkan localhost/[nama_folder_project]/public/kelas. Cobalah untuk menambah data



Studi Kasus 2
Penjelasannya...

“1. Temukan Bug dan Pecahkan Bug Tersebut”

Menurut saya bugny ada dibagian NIS, yang jika NIS yang dimasukkan duplikat, tidak akan error, Hal ini bisa terjadi karena struktur tabel t_kelas yang menjadikan id sebagai PRIMARY



Pemecahan

Admin menggunakan Metode Kedua, yaitu menambahkan validasi.

Sebenarnya ada cara lain yang bisa dilakukan, yaitu dengan melakukan TRUNCATE tabel, namun memerlukan lebih banyak waktu dan tenaga, sehinggan tidak saya rekomendasikan.


Tambahkan line dibawah pada $rule



Studi Kasus 3
Penjelasannya...

“1. Penggunaan old, dan implementasikan dalam radio button dan select option

Fungsi old disini adalah untuk menampilkan value lama dari input User yang gagal validasinya.


Pada RadioButton


Pada Select-Option



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