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

 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

 



Comments

Post a Comment

Popular posts from this blog

[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...
Read more

[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...
Read more

[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...
Read more