Posts

Showing posts from February, 2025

[Studi Kasus Web Galery Sekolah Part 6] Membuat Homepage Dashboard Webgalery Sekolah

Image
 melanjutkan projek web galery sekolah pada part 6 ini kita akan membuat homepage dengan beberapa file : 1. Controller : HomeController.php 2. View : homepage/index.blade.php 3. public/css/style.css 4. public/js/script.js 5. Modifikasi Route/web.php Untuk File Controller berada pada path : app/http/controller/HomeController  File reseources/views/homepage/index.blade.php digunakan untuk mengatur tampilan html silahkan ikuti di code berikut  Selanjutnya File Css di buat di path public/css/style.css ikuti code program berikut :  selanjutnya kita membuat code program javascript untuk animasi sliding di homepage path file : public/js/script.js selanjutnya ubah routing pada routes/web.php Uji coba tampilan dengan membuka url : localhost:8000  

[Studi Kasus Web Galery Sekolah Part 5] Membuat Form Edit Dan Delete Gallery

Image
Melanjutkan Projek Web Galery Sekolah sebelumnya kita akan membuat form edit , hal yang akan kita lakukan adalah : 1. Membuat Form Edit 2. Membuat Proses Edit Data Galery Ke Database (modifikasi PostController.php) 3. Menghapus Gambar Lama dan Mengupload Gambar Baru  Berikut Code modifikasi Tambahan untuk PostController.php dengan function yang di buat : 1. Function edit (Untuk Menampilkan Form Update) 2. function update (Proses Update Data Galery Dari Form input ke database) 3. Function destroy (proses delete data galery ) Perubahan File  PostController.php Pembuatan File  resources/views/posts/edit.blade.php   Uji Coba Fitur Edit  Jika Proses Update berhasil akan di arahkan ke halaman index gallery dan memunculkan pop up berhasil  anda juga bisa mencoba fitur hapus dengan mengklik pada record data pada halaman index galery

[Studi Kasus Web Galery Sekolah Part 4] Membuat Form Detail Show by ID Gallery Sekolah

Image
 pada seri studi kasus web galery sekolah menggunakan Laravel 11 ini kita akan membuat view untuk detail Galery sekolah dari index galery yang ada pada admin  Langkah 1: Menambahkan Function show pada PostController.php untuk kode yang perlu di sesuaikan dapat dilihat pada gambar di bawah ini Langkah 2: Membuat form show.blade.php path untuk lokasi file : resources/posts/show.blade.php , anda dapat mengikuti code berikut ini :  Langkah 3: Menguji tamplah detail galery  berikut adalah tampilan detail galery 

[Studi Kasus Web Galery Sekolah Part 3] Membuat Form Insert Gallery Sekolah

Image
 Melanjutkan tahap sebelumnya pada studi kasus web galery sekolah, kita akan membuat form insert dan validasinya : yang akan kita buat dalam PostController.php adalah :  1. function create : untuk menampilkan form create galery sekolah 2. function store : untuk memproses isian data dari form ke database dan menghandle file gambar untuk di upload ke direktori public  Langkah 1: Menambahkan Function Create dan Store pada PostController.php path dari file ini adalah app/http/controllers/PostController.php Langkah 2: Membuat Form Create Gallery  path dari file ini adalah resources/posts/create.blade.php Langkah 3: Menguji Form Insert di browser  silahkan kunjungi url : localhost:8000/gallery dan klik tombol add galery  seperti tampak pada gambar di bawah ini uji dengan tidak mengisikan data apapun terlebih dahulu dan akan menampilkan form validasi yang sudah kita buat sebelumnya sekarang kita isi inputan dengan data lengkap setelah berhasil maka halaman akan di...

[Studi Kasus Web Galery Sekolah Part 2] Membuat Post Galery menggunakan Laravel 11

Image
Melanjutkan projek Web Galery Sekolah Menggunakan Laravel 11  ilustrasi Router dalam Laravel    Langkah 1: Membuat Model dan migration kita lanjutkan membuat model dan migration dengan mengetikan perintah berikut di terminal  php artisan make:model Posts -m  jika perintah diatas berhasil di jalankan maka akan menghasilkan 2 file  Langkah 2: Menambahkan Field/kolom pada file migration posts   Langkah 3: Menambahkan Field/kolom pada file model models/posts Kemudian jalankan perintah : php artisan migrate Langkah 4: Menampilkan Data Posts(galery) dari database : membuat Controller PostController.php   Kemudian jalankan perintah : php artisan make:controller PostController jika berhasil akan menampilkan pesan sukses membuat file di path : app/Http/Controllers/PostController.php Selanjutnya modifikasi PostController sesuai dengan kode berikut  menambahkan routing gallery pada route/web.php Pada routing diatas yang di berikan tanda kotak merah se...

[Studi Kasus Web Galery Sekolah Part 1] Membuat Login Dan Register Pada Laravel 11

Image
Untuk Membuat Projek Laravel 11 dibutuhkan tools/software yang sudah terinstal sebelumnya di pc/laptop kamu untuk mempermudah kita samakan peralatannya :  1. PHP >8.2 2. Database Mysql dan PhpMyadmin (untuk kemudahan gunakan xampp yang sudah terdapat php, mysql dan phpmyadmin 3. Git dan Akun github 4. Nodejs 22 5. Laravel 11 Pegencekan Tools/Software   1. Cek Versi PHP dengan Perintah : php --version -> seharusnya akan menampilkan versi php yang terinstall contoh php version 8.2 2. Cek Database dengan Membuka browser ketikan  : localhost/phpmyadmin 3. Cek Git : git --version 4. cek nodejs : node --version Membuat project laravel 11 baru dengan starter kit mengetikkan di console/cmd :  composer create - project --prefer-dist laravel/laravel:^11 web-galery sebelumnya pastikan command prompt anda aktif berada pada folder apa contoh di laptop saya taruh di desktop        Secara default Laravel 11 dilengkapi dengan kolasi basis data seb...