https://github.com/syahrulbhudif/pwl_pos

just repo for kulyeah
https://github.com/syahrulbhudif/pwl_pos

Last synced: 6 days ago
JSON representation

just repo for kulyeah

• Host: GitHub
• URL: https://github.com/syahrulbhudif/pwl_pos
• Owner: SyahrulBhudiF
• Created: 2024-03-01T01:58:18.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-05-31T02:06:08.000Z (8 months ago)
• Last Synced: 2024-05-31T03:22:22.831Z (8 months ago)
• Language: PHP
• Homepage:
• Size: 25.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# JOBSHEET 07 - LARAVEL STARTER CODE

> Nama : Syahrul Bhudi Ferdiansyah 


> NIM : 2241720167 


> Kelas : TI-2F

## A. Layouting AdminLTE

- Hasil akhir template.blade.php


  ![img.png](public/ss/js7(1).png)


## B. Penerapan Layouting

- Welcome Controller

```php

 'Selamat Datang',

            'list' => ['Home', 'Welcome']

        ];

        $activeMenu = 'dashboard';

        return view('welcome', ['breadcrumb' => $breadcrumb, 'activeMenu' => $activeMenu]);

	}

}

```

- Welcome.blade

```php

@extends('layouts.template')

@section('content')

    


        


            
Halo, apakabar!!!

            


        

        


            Selamat datang semua, ini adalah halaman utama dari aplikasi ini

        

    

@endsection

```


- Modifikasi breadcrumb blade

```php

    


        


            


                
{{$breadcrumb->title}}

            

            


                


                    @foreach($breadcrumb->list as $key => $value)

                        @if($key == count($breadcrumb->list - 1))

                            
{{$value}}

                        @else

                            
{{$value}}

                        @endif

                    @endforeach

                

            

        

    


```

- Hasil 


  ![img.png](public/ss/js7(2).png)


## C. Implementasi jQuery Datatable

- Modifikasi Route

```php

Route::prefix('/user')->group(function () {

    Route::get('/', [UserController::class, 'index']);

    Route::get('/list', [UserController::class, 'list']);

    Route::get('/create', [UserController::class, 'create']);

    Route::post('/', [UserController::class, 'store']);

    Route::get('/{id}', [UserController::class, 'show']);

    Route::put('/{id}', [UserController::class, 'update']);

    Route::delete('/{id}', [UserController::class, 'destroy']);

});

```

- Modifikasi UserController

```php

function index()

    {

        $breadcrumb = (object)[

            'title' => 'Daftar User',

            'list' => ['Home', 'User']

        ];

        $page = (object)[

            'title' => 'Daftar user yang terdaftar dalam sistem'

        ];

        $activeMenu = 'user';

        return view('user.index', ['breadcrumb' => $breadcrumb, 'page' => $page, 'activeMenu' => $activeMenu]);

    }

```

- Hasil


  ![img.png](public/ss/js(7).3.1.png)

- Create 


  ![img.png](public/ss/js7.3.2.png)

- Hasil create


  ![img.png](public/ss/js7.3.3.png)

> Disini saya menambahkan pelanggan12 dengan nama Ahmad Soerjo dan hasilnya sukses tersimpan di database

- Hasil show


  ![img.png](public/ss/js7.3.4.png)

> Hasilnya sesuai, data user ditampilkan dengan benar

- Hasil edit


  ![img.png](public/ss/js7.3.6.png)


  ![img.png](public/ss/js7.3.7.png)


> Disini saya mengganti nama dari pelanggan12 menjadi Ahmad Soerjo Raharjo dan berhasil

- Hasil delete


  ![img.png](public/ss/js7.3.8.png)


> Disini saya mencoba menghapus manager 56



![img.png](public/ss/js7.3.9.png)


> Hasilnya user manager 56 berhasil di hapus

## D. Data Searching and Filtering

- Hasil filtering 


  ![img.png](public/ss/js7.3.10.png)

## E. Pertanyaan

1. Apa perbedaan frontend template dengan backend template?

> Frontend template biasanya digunakan untuk mengatur tampilan dan interaksi pengguna di sisi klien (di browser),

> seperti HTML, CSS, dan JavaScript yang bertanggung jawab untuk membangun tampilan yang dapat dilihat dan diinteraksi

> oleh pengguna. Sementara itu, backend template digunakan untuk mengatur logika dan fungsi yang terjadi di sisi server,

> seperti mengelola database, otentikasi pengguna, dan routing.

2. Apakah layouting itu penting dalam membangun sebuah website?

> Layouting sangat penting dalam membangun sebuah website karena layout adalah kerangka dasar dari tampilan halaman web.

> Layout yang baik memastikan bahwa konten disusun secara terstruktur, mudah dinavigasi, dan estetik.

3. Jelaskan fungsi dari komponen laravel blade berikut : @include(), @extend(), @section(), @push(), @yield(), dan

   @stack()

> @include('view'): Digunakan untuk menyisipkan konten dari file view lain ke dalam view saat ini.


> @extend('layout'): Digunakan untuk mengambil layout utama yang akan digunakan oleh view saat ini.


> @section('content'): Digunakan untuk menentukan bagian konten dari sebuah layout.


> @push('scripts'): Digunakan untuk menambahkan script baru ke dalam sebuah stack, biasanya digunakan untuk menambahkan script pada bagian bawah halaman. 


> @yield('section'): Digunakan untuk menampilkan konten dari sebuah section yang telah didefinisikan di layout.


> @stack('scripts'): Digunakan untuk menampilkan stack tertentu yang telah didefinisikan di layout.


4. Apa fungsi dan tujuan dari variable $activeMenu ?

> variabel tersebut digunakan untuk menentukan style yang akan digunakan di bagian sidebar atau dalam kata lain

> digunakan untuk menampilkan menu yang sedang di pilih saat ini