{"id":82,"date":"2025-05-28T04:08:50","date_gmt":"2025-05-28T04:08:50","guid":{"rendered":"https:\/\/devia.infokand23.my.id\/laprak1\/?p=82"},"modified":"2025-06-18T13:02:15","modified_gmt":"2025-06-18T13:02:15","slug":"laporan-praktikum-8","status":"publish","type":"post","link":"https:\/\/devia.infokand23.my.id\/laprak1\/laporan-praktikum-8\/","title":{"rendered":"LAPORAN PRAKTIKUM 8"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background-color has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-68de904d4e9313f2932c42acd7d1e5c1\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-97875daf wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-256aec57 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-flex wp-block-group-is-layout-flex\"><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flex wp-block-group-is-layout-flex\"><nav class=\"is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-3817c3ed wp-block-navigation-is-layout-flex\" aria-label=\"Navigation\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on-async--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"7.5\" width=\"16\" height=\"1.5\" \/><rect x=\"4\" y=\"15\" width=\"16\" height=\"1.5\" \/><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on-async--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on-async--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>\n\n\n<a href=\"https:\/\/devia.infokand23.my.id\/index.html\" target=\"_blank\">Home<\/a>\n\n\n\n<a href=\"https:\/\/devia.infokand23.my.id\/about.html\" target=\"_blank\">Document<\/a>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p>#FRAMEWORK LARAVEL &#8211; AUTH<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>LANGKAH KERJA<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Aktifkan xammp terlebih dahulu, lalu Buat folder<strong> laravel-sisfo <\/strong>di htdocs<\/p>\n\n\n\n<p class=\"has-small-font-size\"><strong>1. Membuat project Laravel dengan nama Laravel-sisfo<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Ada beberapa cara yang dapat digunakan untuk membuat project baru Laravel yaitu dengan cara install installer Laravel secara globat atau install menggunakan composer.<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-small-font-size\">Comoposer<\/h1>\n\n\n\n<p class=\"has-small-font-size\">Cara yang dapat digunakan untuk membuat project baru Laravel yaitu menggunakan comoposer, ketikkan perintah berikut pada workspace. <strong>composer create-project laravel\/laravel=^12.0 laravel-sisfo &#8211;prefer-dist<\/strong> untuk menjalankan project dapat menggunakan perintah seperti dibawah <strong>php artisan serve.<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Klik enter dan akan menghasilkan output seperti dibawah, dan merupakan penanda bahwa berhasil.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"588\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-1.png\" alt=\"\" class=\"wp-image-89\" style=\"width:388px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-1.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-1-300x181.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-1-768x463.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">2. <strong>Konfigurasi Database <\/strong>buka file .env kemudian isikan konfigurasi datababse berikut ini.<\/p>\n\n\n<div class=\"wp-block-image wp-duotone-unset-2\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"426\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-2.png\" alt=\"\" class=\"wp-image-90\" style=\"width:442px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-2.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-2-300x131.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-2-768x336.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><figcaption class=\"wp-element-caption\">*pada bagian DB_CONNECTION<\/figcaption><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">3. User Authentication User authentication pada studi kasus ini menggunakan fitur authentication bawaan Laravel. <strong>Install package Laravel\/ui<\/strong> Buka terminal\/cmd kemudian ketikkan perintah berikut ini. <strong>composer require laravel\/ui<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"111\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-3.png\" alt=\"\" class=\"wp-image-91\" style=\"width:439px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-3.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-3-300x34.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-3-768x87.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">jika berhasil maka tampilannya akan seperti dibawah ini.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"263\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-4.png\" alt=\"\" class=\"wp-image-92\" style=\"width:445px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-4.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-4-300x81.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-4-768x207.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<h1 class=\"wp-block-heading has-small-font-size\">Authenctiacation fitur<\/h1>\n\n\n\n<p class=\"has-small-font-size\">Ketikkan perintah berikut pada terminal \/ cmd<strong>&nbsp; <\/strong><strong>php artisan ui bootstrap &#8211;auth<\/strong><strong>, <\/strong>jika berhasil maka akan tampil seperti gambar berikut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"239\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-5.png\" alt=\"\" class=\"wp-image-94\" style=\"width:473px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-5.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-5-300x74.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-5-768x188.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\"><strong>Install dan compile&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Ketikan&nbsp;perintah <strong>npm install &amp;&amp; npm run dev<\/strong> untuk menginstall dan compile file-file asset bawaan, dengan perintah diatas maka file-file yang dibutuhkan untuk authentication akan di generate secara otomatis, seperti halaman login, register dan forgot password, selain itu juga akan gi generate controller auth seperti gambar berikut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"204\" height=\"362\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-6-edited.png\" alt=\"\" class=\"wp-image-96\" style=\"width:100px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-6-edited.png 204w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-6-edited-169x300.png 169w\" sizes=\"auto, (max-width: 204px) 100vw, 204px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">Selain controller juga degenerate view untuk authenctication seperti gambar berikut<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"424\" height=\"424\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-7-edited.png\" alt=\"\" class=\"wp-image-98\" style=\"width:184px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-7-edited.png 424w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-7-edited-300x300.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-7-edited-150x150.png 150w\" sizes=\"auto, (max-width: 424px) 100vw, 424px\" \/><\/figure><\/div>\n\n\n<h1 class=\"wp-block-heading has-small-font-size\"><strong>Migration&nbsp;<\/strong><\/h1>\n\n\n\n<p class=\"has-small-font-size\">Ketikkan perintah <strong>php artisan migrate <\/strong>maka Laravel akan membuat migration table authentication, jika sebelumnya belum terdapat database maka akana da konfirmasi dari larevel apakah akan dibuatkan databasenya atau tidak. Jika migaration berhasil maka akan tampil seperti tampilan berikut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"896\" height=\"250\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-8.png\" alt=\"\" class=\"wp-image-99\" style=\"width:548px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-8.png 896w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-8-300x84.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-8-768x214.png 768w\" sizes=\"auto, (max-width: 896px) 100vw, 896px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">Jika instalasi berhasil maka aplikasi sisfo sudah memiliki fitur authentication bawaan dari Laravel, berikut tampilan fitur authentication dari Laravel<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Halaman login<\/h4>\n\n\n\n<p class=\"has-small-font-size\">Akses url  <a href=\"http:\/\/127.0.0.1:8000\/login\">http:\/\/127.0.0.1:8000\/login<\/a><a href=\"http:\/\/127.0.0.1:8000\/login\"> <\/a> pada browser maka akan tampil halaman login seperi berikut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"368\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-9.png\" alt=\"\" class=\"wp-image-102\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-9.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-9-300x113.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-9-768x290.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><figcaption class=\"wp-element-caption\">Gambar Halaman Login Authentication<\/figcaption><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">Halaman Register Akses url http:\/\/127.0.0.1:8000\/register pada browser maka akan tampil halaman register seperi berikut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"395\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-10.png\" alt=\"\" class=\"wp-image-103\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-10.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-10-300x122.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-10-768x311.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><figcaption class=\"wp-element-caption\">Gambar Halaman Register Authentication<\/figcaption><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">Selanjutnya silahkan coba registrasi dan lakukan login ke aplikasi, jika berhasil maka akan tampil seperti gambar berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"217\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-11.png\" alt=\"\" class=\"wp-image-104\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-11.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-11-300x67.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-11-768x171.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><figcaption class=\"wp-element-caption\">Gambar Halaman Dashboard<\/figcaption><\/figure>\n\n\n\n<p><strong>Kesimpulan :<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Fitur authentication Laravel akan mengenerate controller, model, view dan route authentication secara otomatis, selain itu juga tampilan view sudah menggunakan framework boostrap sehingga mempermudah dalam membuat fitur authentication pada aplikasi.<\/p>\n\n\n\n<!--nextpage-->\n\n\n\n<h4 class=\"wp-block-heading\">Costum Table Users<\/h4>\n\n\n\n<p class=\"has-small-font-size\">Authentication Laravel secara otomatis akan mengenerate table Users yang berisi tentang informasi data user, berikut struktur table users.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"505\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-13.png\" alt=\"\" class=\"wp-image-107\" style=\"width:208px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-13.png 520w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-13-300x291.png 300w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">Dari stuktur table users diatas maka perlu ditambahken beberapa field yaitu username, level dan status, maka perlu membuat sebuah migration untuk menambahkan field-field diatas, ketikkan perintah berikut pada terminal atau cmd.<\/p>\n\n\n\n<p class=\"has-small-font-size\"><strong>php artisan make:migration costum_table_users<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">selanjutnya buka folder database\/migration\/ seperti gambar berikut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"652\" height=\"348\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-14.png\" alt=\"\" class=\"wp-image-108\" style=\"width:314px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-14.png 652w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-14-300x160.png 300w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">Kemudian bukan file yang diakhiri costum_table_users.php dan isikan dengan kode program berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;?php  use \nIlluminate\\Database\\Migrations\\Migration; use \nIlluminate\\Database\\Schema\\Blueprint; use \nIlluminate\\Support\\Facades\\Schema; \n return new class extends Migration \n{ \n    \/** \n*\tRun the migrations. \n     * \n*\t@return void \n     *\/     public function up() \n    { \n        \/\/ \n        Schema::table('users', function (Blueprint $table) { \n            $table-&gt;string(\"username\")-&gt;unique(); \n            $table-&gt;string(\"level\"); \n            $table-&gt;enum(\"status\", &#91;\"ACTIVE\", \"INACTIVE\"]); \n        }); \n    } \n \n    \/** \n*\tReverse the migrations. \n     * \n*\t@return void \n     *\/     public function down() \n    { \n        Schema::table('users', function (Blueprint $table) { \n            $table-&gt;dropColumn(\"username\"); \n            $table-&gt;dropColumn(\"level\"); \n            $table-&gt;dropColumn(\"avatar\"); \n            $table-&gt;dropColumn(\"status\"); \n        }); \n    } \n};\n<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">Kemudian jalankan perintah <strong>php artisan migrate, <\/strong>jika berhasil maka struktur table users telah berubah sesuai dengan kebutuhan aplikasi.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"450\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-15.png\" alt=\"\" class=\"wp-image-111\" style=\"width:195px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-15.png 362w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-15-241x300.png 241w\" sizes=\"auto, (max-width: 362px) 100vw, 362px\" \/><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\">Seeding User<\/h4>\n\n\n\n<p class=\"has-small-font-size\">Setelah berhasil melakukan costum table users selanjutnya membuat user menggunakan fitur seeding pada Laravel, buat seeder dengan nama AdminSeeder dengan perintah :<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-small-font-size\">php artisan make:seeder AdminSeeder<\/h1>\n\n\n\n<p class=\"has-small-font-size\">maka secara otomatis file AdminSeeder.php akan dibuat pada folder <strong>database\/Seeder<\/strong>. Kemudian buka file tersebut dan buat akun admin seperti kode program berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;?php  namespace Database\\Seeders; \n use Illuminate\\Database\\Console\\Seeds\\WithoutModelEvents; use Illuminate\\Database\\Seeder; \n class AdminSeeder extends Seeder \n{ \n    \/** \n*\tRun the database seeds. \n     * \n*\t@return void \n     *\/     public function run() \n    { \n        $admin = new \\App\\Models\\User; \n        $admin-&gt;username = \"admin\"; \n        $admin-&gt;name = \"Admin Aplikasi\"; \n        $admin-&gt;email = \"admin@sisfo.com\"; \n        $admin-&gt;level = json_encode(&#91;\"ADMIN\"]); \n        $admin-&gt;password = \\Hash::make(\"12345678\"); \n \n        $admin-&gt;save(); \n \n        $this-&gt;command-&gt;info(\"User Admin berhasil ditambahkan\"); \n    } \n} \n<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">Selanjutnya untuk menjalankan seeding dengan cara menjalankan perintah berikut <strong>. php artisan db:seed &#8211;class=AdminSeeder<\/strong> jika berhasil maka akan tampil seperti gambar berikut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"198\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-16.png\" alt=\"\" class=\"wp-image-112\" style=\"width:458px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-16.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-16-300x61.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-16-768x156.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">4. <strong>Templating atau Layouting<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Authentication Laravel secara otomatis mengenerate tampilan dashboard aplikasi, Langkah selannjutnya kita akan konfigurasi tampilan aplikasi sesuai dengan template yang kita pilih, ada studi kasus ini kita akan menggunakan template SB Admin 2 dengan framework bootstrap, silahkan downloah template pada link <a href=\"https:\/\/startbootstrap.com\/theme\/sb-admin-2%20\">https:\/\/startbootstrap.com\/theme\/sb-admin-2<\/a> kemudian extrak, selanjutnya buat folder pada public project Laravel dengan nama sbadmin dan copy paste kan seluruh asset template sbadmin kedalam folder tersebut.<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-small-font-size\">Halaman Login Aplikasi<\/h1>\n\n\n\n<p class=\"has-small-font-size\">Buka file <strong>app.blade.php pada<\/strong> folder <strong>view\/layouts <\/strong>kemudian ganti dengan kode program dibawah ini.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;!DOCTYPE html&gt; \n&lt;html lang=\"en\"&gt; \n \n&lt;head&gt; \n    &lt;meta charset=\"utf-8\"&gt; \n    &lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"&gt; \n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"&gt; \n    &lt;meta name=\"description\" content=\"\"&gt; \n    &lt;meta name=\"author\" content=\"\"&gt; \n \n    &lt;title&gt;Sisfo - Login&lt;\/title&gt; \n \n    &lt;!-- Custom fonts for this template--&gt; \n    &lt;link href=\"{{asset('sbadmin\/vendor\/fontawesome-\nfree\/css\/all.min.css')}}\" rel=\"stylesheet\" type=\"text\/css\"&gt; \n    &lt;link         href=\"https:\/\/fonts.googleapis.com\/css?family=Nunito:200,200i,300,\n300i,400,400i,600,600i,700,700i,800,800i,900,900i\"         rel=\"stylesheet\"&gt; \n \n    &lt;!-- Custom styles for this template--&gt; \n    &lt;link href=\"{{asset('sbadmin\/css\/sb-admin-2.min.css')}}\" rel=\"stylesheet\"&gt; \n \n&lt;\/head&gt; \n \n&lt;body class=\"bg-gradient-primary\"&gt; \n \n    &lt;div class=\"container\"&gt; \n \n        &lt;!-- Outer Row --&gt; \n        &lt;div class=\"row justify-content-center\"&gt; \n \n            &lt;div class=\"col-xl-6 col-lg-6 col-md-9\"&gt; \n \n                &lt;div class=\"card o-hidden border-0 shadow-lg my-5\"&gt; \n                    &lt;div class=\"card-body p-0\"&gt; \n                        &lt;!-- Nested Row within Card Body --&gt; \n                        &lt;div class=\"row\"&gt; \n                        &lt;!-- &lt;div class=\"col-lg-6 \"&gt;&lt;\/div&gt; --&gt; \n                            &lt;div class=\"col-lg-12 text-center\"&gt; \n                                &lt;div class=\"p-5\"&gt; \n                                    &lt;div class=\"text-center\"&gt; \n                                        &lt;h1 class=\"h4 text-gray-900 mb-\n4\"&gt;Halaman Login&lt;\/h1&gt; \n                                    &lt;\/div&gt; \n                                    &lt;form class=\"user\" method=\"POST\" action=\"{{ route('login') }}\"&gt; \n                                    @csrf \n                                        &lt;div class=\"form-group\"&gt; \n                                            &lt;input id=\"email\" type=\"email\" class=\"form-control form-control-user @error('email') is-invalid \n@enderror\"                                              name=\"email\" value=\"{{ old('email') }}\" required autocomplete=\"email\" autofocus\/&gt; \n                                             \n                                            @error('email') \n                                                &lt;span class=\"invalidfeedback\" role=\"alert\"&gt; \n                                                    &lt;strong&gt;{{ $message }}&lt;\/strong&gt; \n                                                &lt;\/span&gt; \n                                            @enderror \n                                        &lt;\/div&gt; \n                                        &lt;div class=\"form-group\"&gt;                                             &lt;input id=\"password\" type=\"password\" class=\"form-control form-control-user @error('password') is-invalid @enderror\"                                              name=\"password\" value=\"{{ old('password') }}\" required  \/&gt; \n                                             \n                                            @error('password')                                                 &lt;span class=\"invalidfeedback\" role=\"alert\"&gt; \n                                                    &lt;strong&gt;{{ $message }}&lt;\/strong&gt; \n                                                &lt;\/span&gt; \n                                            @enderror \n                                        &lt;\/div&gt; \n                                        \n                                        &lt;button type=\"submit\" class=\"btn btn-primary btn-user btn-block\"&gt;                                             login                                         &lt;\/button&gt; \n                                    &lt;\/form&gt; \n \n                                &lt;\/div&gt; \n                            &lt;\/div&gt; \n                        &lt;\/div&gt; \n                    &lt;\/div&gt; \n                &lt;\/div&gt; \n \n            &lt;\/div&gt; \n \n        &lt;\/div&gt; \n \n    &lt;\/div&gt; \n \n    &lt;!-- Bootstrap core JavaScript--&gt; \n    &lt;script src=\"{{asset('sbadmin\/vendor\/jquery\/jquery.min.js')}}\"&gt;&lt;\/script&gt; \n    &lt;script src=\"vendor\/bootstrap\/js\/bootstrap.bundle.min.js\"&gt;&lt;\/script&gt; \n \n    &lt;!-- Core plugin JavaScript--&gt; \n    &lt;script src=\"{{asset('sbadmin\/vendor\/jqueryeasing\/jquery.easing.min.js')}}\"&gt;&lt;\/script&gt; \n \n    &lt;!-- Custom scripts for all pages--&gt; \n    &lt;script src=\"{{asset('sbadmin\/js\/sb-admin-2.min.js')}}\"&gt;&lt;\/script&gt; \n \n&lt;\/body&gt; \n \n&lt;\/html&gt; <\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">Sehingga tampilan login akan berubah seperti gambar dibawah ini.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"518\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-17.png\" alt=\"\" class=\"wp-image-113\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-17.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-17-300x159.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-17-768x408.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\"><strong>Layout Global<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Selanjutnya membuat layout global yang mana layout ini akan digunakan sebagai layout utama aplikasi dan view-view lain akan mengambil resource disini, karena app.blade.php sudah digunakan untuk view login, maka kita perlu membuat layout baru, silahkan buat file dengan <strong>nama main.blade.php<\/strong> pada <strong>folder view\/layouts<\/strong> dan isikan dengan kode program berikut ini.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;!DOCTYPE html> \n&lt;html lang=\"en\"> \n \n&lt;head> \n \n    &lt;meta charset=\"utf-8\"> \n    &lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"> \n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"> \n    &lt;meta name=\"description\" content=\"\"> \n    &lt;meta name=\"author\" content=\"\"> \n \n    &lt;title>Sisfo - @yield('judul')&lt;\/title> \n \n    &lt;!-- Custom fonts for this template--> \n    &lt;link href=\"{{asset('sbadmin\/vendor\/fontawesome-\nfree\/css\/all.min.css')}}\" rel=\"stylesheet\" type=\"text\/css\"> \n    &lt;link         href=\"https:\/\/fonts.googleapis.com\/css?family=Nunito:200,200i,300,\n300i,400,400i,600,600i,700,700i,800,800i,900,900i\"         rel=\"stylesheet\"> \n \n    &lt;!-- Custom styles for this template--> \n    &lt;link href=\"{{asset('sbadmin\/css\/sb-admin-2.min.css')}}\" rel=\"stylesheet\"> \n \n&lt;\/head> \n \n&lt;body id=\"page-top\"> \n \n    &lt;!-- Page Wrapper --> \n    &lt;div id=\"wrapper\"> \n \n        &lt;!-- Sidebar --> \n        @include(\"layouts.sidebar\") \n        &lt;!-- End of Sidebar --> \n \n        &lt;!-- Content Wrapper --> \n        &lt;div id=\"content-wrapper\" class=\"d-flex flex-column\"> \n&lt;!-- Main Content --> \n            &lt;div id=\"content\"> \n \n                &lt;!-- Topbar --> \n                @include('layouts.topbar') \n                &lt;!-- End of Topbar --> \n \n                &lt;!-- Begin Page Content --> \n                &lt;div class=\"container-fluid\"> \n \n                    &lt;!-- Page Heading --> \n                    &lt;h1 class=\"h3 mb-4 text-gray-800\">@yield(\"judul\")&lt;\/h1> \n                    @yield(\"konten\") \n \n                &lt;\/div> \n                &lt;!-- \/.container-fluid --> \n \n            &lt;\/div> \n            &lt;!-- End of Main Content --> \n \n            &lt;!-- Footer --> \n            &lt;footer class=\"sticky-footer bg-white\"> \n                &lt;div class=\"container my-auto\"> \n                    &lt;div class=\"copyright text-center my-auto\">                         &lt;span>Copyright &amp;copy; Sisfo&lt;\/span> \n                    &lt;\/div> \n                &lt;\/div> \n            &lt;\/footer> \n            &lt;!-- End of Footer --> \n \n        &lt;\/div> \n        &lt;!-- End of Content Wrapper --> \n \n    &lt;\/div> \n    &lt;!-- End of Page Wrapper --> \n \n    &lt;!-- Scroll to Top Button--> \n    &lt;a class=\"scroll-to-top rounded\" href=\"#page-top\"> \n        &lt;i class=\"fas fa-angle-up\">&lt;\/i> \n    &lt;\/a> \n \n    &lt;!-- Logout Modal--> \n&lt;div class=\"modal fade\" id=\"logoutModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalLabel\" \n        aria-hidden=\"true\"> \n        &lt;div class=\"modal-dialog\" role=\"document\"> \n            &lt;div class=\"modal-content\"> \n                &lt;div class=\"modal-header\"> \n                    &lt;h5 class=\"modal-title\" id=\"exampleModalLabel\">Yakin akan keluar aplikasi ?&lt;\/h5> \n                    &lt;button class=\"close\" type=\"button\" datadismiss=\"modal\" aria-label=\"Close\"> \n                        &lt;span aria-hidden=\"true\">\u00d7&lt;\/span> \n                    &lt;\/button> \n                &lt;\/div> \n                &lt;div class=\"modal-body\">Silahkan klik tombol logout untuk keluar aplikasi&lt;\/div> \n                &lt;div class=\"modal-footer\"> \n                    &lt;button class=\"btn btn-secondary\" type=\"button\" datadismiss=\"modal\">Cancel&lt;\/button> \n                    &lt;form action=\"{{route(\"logout\")}}\" method=\"POST\"> \n                        @csrf \n                        &lt;button class=\"btn btn-primary\" style=\"cursor:pointer\">Logout&lt;\/button> \n                      &lt;\/form> \n                &lt;\/div> \n            &lt;\/div> \n        &lt;\/div> \n    &lt;\/div> \n \n    &lt;!-- Bootstrap core JavaScript--> \n    &lt;script src=\"{{asset('sbadmin\/vendor\/jquery\/jquery.min.js')}}\">&lt;\/script> \n    &lt;script src=\"{{asset('sbadmin\/vendor\/bootstrap\/js\/bootstrap.bundle.min.js')}}\">&lt;\/s cript> \n \n    &lt;!-- Core plugin JavaScript--> \n    &lt;script src=\"{{asset('sbadmin\/vendor\/jqueryeasing\/jquery.easing.min.js')}}\">&lt;\/script> \n \n    &lt;!-- Custom scripts for all pages--> \n    &lt;script src=\"{{asset('sbadmin\/js\/sb-admin-2.min.js')}}\">&lt;\/script> \n \n&lt;\/body>  \n&lt;\/html> \n\n<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\"><strong>Penjelasan<\/strong> :<\/p>\n\n\n\n<p class=\"has-small-font-size\">Pada layouts <strong>main.blade.php<\/strong> diatas layout ini akan memanggil <strong>view sidebar.blade.php<\/strong> dan view <strong>topbar.blade.php<\/strong> kedalam <strong>layout main.blade.php<\/strong> dengan&nbsp; menggunakan perintah <strong>@include<\/strong> sehingga tampilan kedua view tersebut akan tampil pada layout main. Selanjutnya juga akan menampilkan data <strong>judul<\/strong> dan <strong>konten<\/strong> dari view yang akan menggunakan layouts <strong>main.blade.php <\/strong>dengan perintah <strong>@yeild(\u2018judul\u2019)<\/strong> dan <strong>@yeild(\u2018konten).<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-small-font-size\">Sidebar<\/h1>\n\n\n\n<p class=\"has-small-font-size\">Buat file pada folder <strong>layouts<\/strong> dengan nama <strong>sidebar.blade.php<\/strong> dan isi dengan kode program berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;ul class=\"navbar-nav bg-gradient-primary sidebar sidebar-dark accordion\" id=\"accordionSidebar\"> \n \n            &lt;!-- Sidebar - Brand --> \n            &lt;a class=\"sidebar-brand d-flex align-items-center justifycontent-center\" href=\"#\"> \n                &lt;div class=\"sidebar-brand-icon rotate-n-15\"> \n                    &lt;i class=\"fas fa-laugh-wink\">&lt;\/i> \n                &lt;\/div> \n                &lt;div class=\"sidebar-brand-text mx-3\">Sisfo&lt;\/div> \n            &lt;\/a> \n \n            &lt;!-- Divider --> \n            &lt;hr class=\"sidebar-divider my-0\"> \n \n            &lt;!-- Nav Item - Dashboard --> \n            &lt;li class=\"nav-item\"> \n                &lt;a class=\"nav-link\" href=\"index.html\"> \n                    &lt;i class=\"fas fa-fw fa-tachometer-alt\">&lt;\/i> \n                    &lt;span>Dashboard&lt;\/span>&lt;\/a> \n            &lt;\/li> \n \n           \n            &lt;!-- Divider --> \n            &lt;hr class=\"sidebar-divider d-none d-md-block\">  \n            &lt;!-- Sidebar Toggler (Sidebar) --> \n            &lt;div class=\"text-center d-none d-md-inline\">                 &lt;button class=\"rounded-circle border-0\" id=\"sidebarToggle\">&lt;\/button> \n            &lt;\/div> \n \n        &lt;\/ul> \n<\/code><\/pre>\n\n\n\n<h1 class=\"wp-block-heading has-small-font-size\">Topbar<\/h1>\n\n\n\n<p class=\"has-small-font-size\">Buat file pada folder <strong>layouts<\/strong> dengan nama <strong>topbar.blade.php<\/strong> dan isi dengan kode program berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;nav class=\"navbar navbar-expand navbar-light bg-white topbar mb-4 statictop shadow\"> \n \n    &lt;!-- Sidebar Toggle (Topbar) --> \n    &lt;button id=\"sidebarToggleTop\" class=\"btn btn-link d-md-none roundedcircle mr-3\"> \n        &lt;i class=\"fa fa-bars\">&lt;\/i> \n    &lt;\/button> \n    &lt;!-- Topbar Navbar --> \n    &lt;ul class=\"navbar-nav ml-auto\"> \n \n        &lt;div class=\"topbar-divider d-none d-sm-block\">&lt;\/div>  \n        &lt;!-- Nav Item - User Information --> \n        &lt;li class=\"nav-item dropdown no-arrow\"> \n            @if (\\Auth::user()) \n                &lt;a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"userDropdown\" role=\"button\"                     data-toggle=\"dropdown\" aria-haspopup=\"true\" ariaexpanded=\"false\"> \n                    &lt;span class=\"mr-2 d-none d-lg-inline text-gray-600 small\">{{ Auth::user()->name }}&lt;\/span> \n                    &lt;img class=\"img-profile rounded-circle\"                         src=\"{{ asset('sbadmin\/img\/undraw_profile.svg') }}\"> \n                &lt;\/a> \n            @endif \n             \n            &lt;!-- Dropdown - User Information --> \n            &lt;div class=\"dropdown-menu dropdown-menu-right shadow animated-\n-grow-in\"                 aria-labelledby=\"userDropdown\"> \n                &lt;a class=\"dropdown-item\" href=\"#\"> \n                    &lt;i class=\"fas fa-user fa-sm fa-fw mr-2 text-gray400\">&lt;\/i> \n                    Profile \n                &lt;\/a> \n                &lt;a class=\"dropdown-item\" href=\"#\"> \n                    &lt;i class=\"fas fa-cogs fa-sm fa-fw mr-2 text-gray400\">&lt;\/i> \n                    Settings \n                &lt;\/a> \n                &lt;div class=\"dropdown-divider\">&lt;\/div> \n                &lt;a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#logoutModal\"> \n                    &lt;i class=\"fas fa-sign-out-alt fa-sm fa-fw mr-2 textgray-400\">&lt;\/i> \n                    Logout \n                &lt;\/a> \n            &lt;\/div> \n        &lt;\/li> \n \n    &lt;\/ul> \n \n&lt;\/nav> \n<\/code><\/pre>\n\n\n\n<h1 class=\"wp-block-heading has-small-font-size\">Cara penggunaan layouts main.blade.php<\/h1>\n\n\n\n<p class=\"has-small-font-size\">Sebagai contoh kita akan menggunakan view <a href=\"http:\/\/home.blade.php\/\">home.blade.php<\/a><a href=\"http:\/\/home.blade.php\/\">,<\/a> buka file tersebut dan isikan dengan kode program berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>@extends('layouts.main') \n@section(\"judul\") Dasboard @endsection \n@section('konten') \n&lt;P>dashboard&lt;\/P> \n@endsection \n<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\"><strong>Penjelasan :<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Untuk menggunakan layouts main menggunakan <strong>@extends(\u2018layouts.main\u2019) <\/strong>sehingga seluruh tampilan main.blade.php akan ditampilkan pada view home, untuk menampilkan data judul pada layout main dengan perintah <strong>@section(\u2018judul\u2019)Dashboard @<\/strong>endsection dan konten dengan cara <strong>@section(\u2018judul\u2019)Dashboard @endsection<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"520\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-18.png\" alt=\"\" class=\"wp-image-118\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-18.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-18-300x160.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/05\/image-18-768x410.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Home Document #FRAMEWORK LARAVEL &#8211; AUTH LANGKAH KERJA Aktifkan xammp terlebih dahulu, lalu Buat folder laravel-sisfo di htdocs 1. Membuat project Laravel dengan nama Laravel-sisfo Ada beberapa cara yang dapat digunakan untuk membuat project baru Laravel yaitu dengan cara install installer Laravel secara globat atau install menggunakan composer. Comoposer Cara yang dapat digunakan untuk membuat &hellip; <a href=\"https:\/\/devia.infokand23.my.id\/laprak1\/laporan-praktikum-8\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">LAPORAN PRAKTIKUM 8<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":90,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-82","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/posts\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":16,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/posts\/82\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/posts\/82\/revisions\/120"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/media\/90"}],"wp:attachment":[{"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/categories?post=82"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/tags?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}