Introduction

Halo Rekan-Rekan Semuanya, kembali lagi Kita akan melanjutkan pembahasan mengenai topik Building IS WebApp using Web Framework. Sebelum Kita memulai instalasi proyek sistem informasi berbasis webapp menggunakan web framework, alangkah lebih baik Kita mempersiapkan tools yang diperlukan terlebih dahulu, sehingga Kita dapat mengerjakan proyek dengan baik dan efektif.

---

Tools yang dibutuhkan

1. Localhost

   Sebelum memulai instalasi proyek Laravel, Kita membutuhkan server lokal untuk menjalankan proyek aplikasi web yang akan dibuat. Dua pilihan populer untuk server lokal yang dapat diinstal di device yaitu XAMPP dan Laragon.

   XAMPP

   XAMPP adalah paket perangkat lunak yang menyediakan Apache, MySQL, PHP, dan Perl. Ini adalah salah satu alat yang paling lengkap dan banyak digunakan untuk mengembangkan aplikasi PHP secara lokal. Berikut adalah langkah-langkah untuk menginstal XAMPP :

   • Unduh XAMPP
     Kunjungi situs resmi Apache Friends dan unduh versi terbaru XAMPP sesuai dengan sistem operasi yang sesuai dengan device yang Kita miliki.

   • Instal XAMPP
     Ikuti petunjuk instalasi yang muncul di layar.

   • Jalankan XAMPP
     Setelah instalasi selesai, buka XAMPP Control Panel dan mulai layanan Apache dan MySQL.

Laragon

Laragon adalah alternatif yang lebih ringan dan lebih cepat dibandingkan XAMPP. Laragon dirancang khusus untuk pengembangan PHP dan mendukung berbagai framework, termasuk Laravel. Berikut adalah langkah-langkah untuk menginstal Laragon:

• Unduh Laragon
  Kunjungi situs resmi Laragon dan unduh versi terbaru.

• Instal Laragon
  Ekstrak file yang diunduh dan jalankan Laragon.

• Jalankan Laragon
  Setelah Laragon terbuka, Anda dapat membuat proyek baru dengan mudah.

Nb : Sejauh ini Laragon hanya kompatible untuk device dengan sistem informasi windows saja.

2. Composer

   Setelah Kita memiliki server lokal yang telah terinstall, langkah selanjutnya yaitu menginstal Composer. Composer adalah dependency manager untuk PHP yang memungkinkan Kita mengelola library dan package yang diperlukan untuk proyek Laravel yang nantinya Kita butuhkan.

   Cara Menginstal Composer

   • Unduh Composer
     Kunjungi situs resmi getcomposer.org dan unduh installer untuk sistem operasi sesuai dengan device yang Kita miliki masing-masing.

   • Instal Composer
     Ikuti petunjuk instalasi yang muncul di layar. Pastikan untuk menambahkan Composer ke PATH sistem dalam device Kita agar dapat diakses dari command line.

   • Verifikasi Instalasi
     Buka terminal atau command prompt dan ketik composer --version untuk memastikan Composer terinstal dengan benar.

3. Node JS

   Node.js adalah runtime JavaScript yang memungkinkan Kita dalam menjalankan JavaScript di server lokal. Dalam konteks Laravel, Node.js digunakan untuk mengelola dependensi frontend dan menjalankan build tools seperti Laravel Mix maupun Vite.JS.

   Cara Menginstal Node.js

   • Unduh Node.js
     Kunjungi situs resmi nodejs.org dan unduh versi LTS (Long Term Support) untuk sistem operasi sesuai dengan device yang Kita miliki.

   • Instal Node.js
     Ikuti petunjuk instalasi yang muncul di layar.

   • Verifikasi Instalasi
     Buka terminal atau command prompt dan ketik node -v dan npm -v untuk memastikan Node.js dan npm (Node Package Manager) terinstal dengan benar.

4. Visual Studio (VS) Code

   VS Code adalah editor kode sumber terbuka (open source code editor) yang populer dan sangat multifungsi. Fitur yang tersedia sangat kuat membuatnya menjadi pilihan ideal untuk membangun proyek aplikasi web dengan framework Laravel dan Filament.

   Berikut fitur VS Code yang Mendukung Pengembangan Laravel dan Filament:

   • Integrasi Terminal
     Akses langsung ke terminal dari dalam VS Code memudahkan menjalankan perintah-perintah seperti php artisan untuk berinteraksi dengan Laravel.

   • Dukungan Bahasa Pemrograman
     VS Code mendukung berbagai bahasa pemrograman, termasuk PHP, JavaScript, HTML, CSS, dan banyak lagi, yang semuanya relevan dalam pengembangan web.

   • Ekstensi
     Beragam ekstensi tersedia untuk meningkatkan fungsionalitas VS Code. Ekstensi untuk Laravel, PHP IntelliSense, dan debugging memudahkan pengembangan dan debugging aplikasi. Ekstensi untuk Filament juga dapat meningkatkan pengalaman pengembangan.

   • Debugging Terintegrasi
     VS Code menyediakan fitur debugging yang kuat, memungkinkan Anda untuk men-debug kode Laravel dan Filament Anda secara efektif.

   • IntelliSense
     Fitur IntelliSense memberikan saran kode otomatis, membantu Anda menulis kode yang lebih bersih dan efisien.

Instalasi Visual Studio Code:

1. Kunjungi Situs Resmi
   Buka situs web resmi Visual Studio Code.

2. Pilih Versi
   Pilih versi (Windows, macOS, atau Linux). Lalu pilih arsitektur (64-bit atau 32-bit) sesuai dengan device yang Kita miliki atau gunakan.

3. Unduh dan Jalankan Installer
   Setelah selesai mengunduh installer, jalankan file tersebut. Ikuti petunjuk yang diberikan oleh installer. Lalu Kita diminta untuk menyetujui perjanjian lisensi (S&K) dan memilih direktori atau lokasi instalasi.

4. Ikuti Instruksi Instalasi
   Installer akan memandu Kita dalam proses instalasi. Biasanya, Kita hanya perlu mengklik "Next" atau "Install" beberapa kali.

5. Pengaturan Awal (Opsional)
   Setelah instalasi selesai, buka VS Code. Secara opsional Kita dapat memilih tema, pengaturan keyboard, dan ekstensi maupun menggunakan pengaturan default.

---

(Opsional) Rekomendasi Ekstensi untuk meningkatkan produktivitas

1. Laravel Extra Intellisense.

2. laravel intellisense.

3. PHP Intelephense.

4. Prettier - Code formatter.

5. Tabnine: AI Chat & Autocomplete for JavaScript, Python, Typescript, Java, PHP, Go, and more.

6. GitLens (SVC).

---

Demikian pengantar singkat tentang Tools yang dibutuhkan dalam membangun website menggunakan framework Laravel semoga dapat memberikan gambaran apa saja tool yang harus dipersiapkan beserta daftar rekomendasi ekstensi untuk meningkatkan produktivitas kedepannya.

Mohon maaf apabila ada banyak kekurangan. Terima Kasih atas perhatian yang telah diberikan.

Salam Hormat,
Muhammad Arief Ardyansyah

---

References :

[1] Laravel Holdings Inc. (2025). The PHP Framework for Web Artisans. Https://Laravel.Com/.
[2] Filament. (2025). Filament Documentation. Https://Filamentphp.Com/Docs.