Dulu, jika sesebuah jabatan memerlukan aplikasi seperti sistem aduan, sistem inventori, sistem tempahan bilik mesyuarat atau sistem rekod pelanggan, organisasi perlu mengupah programmer atau syarikat pembangunan perisian yang menelan kos ribuan hingga ratusan ribu ringgit.
Hari ini keadaan sudah berubah.
Dengan kemunculan AI seperti Codex, seseorang yang tidak mempunyai latar belakang programming juga boleh membangunkan aplikasi web asas hanya dengan menerangkan keperluan sistem menggunakan bahasa biasa.
Artikel ini menunjukkan langkah demi langkah bagaimana seorang pengguna biasa boleh menggunakan Codex untuk membangunkan aplikasi pejabat berasaskan web dan memasangnya ke shared hosting.
Kenapa Pilih Aplikasi Web?
Sebelum bermula, penting untuk memahami kenapa aplikasi web lebih sesuai berbanding aplikasi desktop.
Kelebihan aplikasi web:
Boleh diakses menggunakan browser
Tidak perlu install pada setiap komputer
Boleh digunakan melalui telefon pintar
Mudah dikemaskini
Sesuai untuk kegunaan pejabat dan organisasi
Contoh aplikasi yang boleh dibina:
Sistem Aduan Awam
Sistem Tempahan Bilik Mesyuarat
Sistem Inventori
Sistem Rekod Pelanggan
Sistem Kehadiran
Sistem Permohonan Cuti
Sistem Pengurusan Dokumen
Sistem Helpdesk Dalaman
Framework Yang Disyorkan Untuk Pemula
Walaupun Codex boleh menghasilkan pelbagai jenis aplikasi, saya mencadangkan framework berikut kerana mudah dipasang di shared hosting.
Pilihan 1: Laravel + MySQL
Sesuai untuk:
Sistem pejabat
Sistem rekod
Sistem pengurusan data
Kelebihan:
Popular di Malaysia
Banyak tutorial
Keselamatan baik
Mudah dihoskan
Pilihan 2: PHP Native + Bootstrap
Sesuai untuk:
Projek kecil
Pengguna baru
Kelebihan:
Ringan
Mudah difahami
Tidak memerlukan banyak konfigurasi
Pilihan 3: Laravel + Livewire
Sesuai untuk:
Pengguna yang mahukan aplikasi moden
Dashboard interaktif
Kelebihan:
Tidak perlu banyak JavaScript
UI lebih menarik
Sesuai untuk sistem pejabat moden
Bagi pemula, saya mencadangkan Laravel + Bootstrap atau Laravel + Livewire.
Bahagian 1: Setup Codex Di PC
Pilihan A: Menggunakan Visual Studio Code
Visual Studio Code (VS Code) merupakan editor kod yang paling popular pada masa ini.
Langkah 1
Pasang:
Visual Studio Code
Git
PHP
Composer
Node.js
Langkah 2
Login ke akaun OpenAI yang mempunyai akses kepada Codex.
Langkah 3
Pasang extension Codex dalam VS Code.
Langkah 4
Buka folder projek.
Contoh:
```
C:\projek\sistem-aduan
```
Langkah 5
Buka panel chat Codex.
Kini anda boleh berinteraksi dengan Codex menggunakan bahasa biasa.
Contoh:
Bina sistem aduan awam menggunakan Laravel 12 dan Bootstrap 5. Sediakan login pengguna, dashboard admin, senarai aduan dan status aduan.
Codex akan mula menghasilkan struktur aplikasi.
Pilihan B: Menggunakan Codex CLI
Bagi pengguna yang lebih selesa menggunakan terminal.
Install Codex CLI
Ikut arahan rasmi OpenAI.
Selepas pemasangan selesai:
```bash
codex
```
Untuk memulakan sesi baru:
```bash
codex
```
Contoh arahan:
```
Bina sistem inventori menggunakan Laravel.
Gunakan Bootstrap 5.
Sediakan login, CRUD barang, laporan stok dan export PDF.
```
Codex akan menjana fail dan kod yang diperlukan.
Bahagian 2: Cara Meminta Codex Membina Aplikasi
Ramai pengguna baru membuat kesilapan dengan memberi arahan terlalu ringkas.
Contoh yang kurang baik:
Buat sistem inventori.
Codex boleh menghasilkan sesuatu, tetapi hasilnya mungkin tidak memenuhi keperluan sebenar.
Sebaliknya gunakan format berikut.
Formula Prompt Yang Disyorkan
Terangkan:
Tujuan sistem
Jenis pengguna
Modul yang diperlukan
Database
Teknologi yang digunakan
Contoh:
Saya ingin membina sistem tempahan bilik mesyuarat menggunakan Laravel 12 dan MySQL.
Terdapat dua jenis pengguna:
Pentadbir
Pengguna biasa
Modul yang diperlukan:
Login
Dashboard
Tempahan bilik
Kelulusan tempahan
Laporan
Gunakan Bootstrap 5.
Sediakan migration, model, controller dan blade template.
Prompt seperti ini biasanya menghasilkan keputusan yang lebih baik.
Minta Codex Secara Berperingkat
Jangan terus minta sistem lengkap.
Lebih baik pecahkan kepada beberapa bahagian.
Contoh:
Langkah 1
Cipta struktur projek Laravel.
Langkah 2
Cipta jadual pengguna dan authentication.
Langkah 3
Cipta modul tempahan bilik.
Langkah 4
Cipta dashboard pentadbir.
Langkah 5
Cipta laporan PDF.
Kaedah ini memudahkan proses semakan.
Minta Codex Menyelesaikan Error
Apabila berlaku ralat:
Salin mesej ralat dan tampal kepada Codex.
Contoh:
Berikut adalah mesej ralat Laravel:
SQLSTATE[42S02]: Base table or view not found.
Terangkan punca dan cadangkan penyelesaian.
Biasanya Codex mampu mengesan masalah dengan cepat.
Bahagian 3: Pemasangan Ke Shared Hosting (Template)
Bahagian ini akan dikemaskini dengan screenshot menggunakan hosting Jimat Hosting.
Keperluan Hosting
Sebelum memuat naik aplikasi:
Akaun hosting aktif
Domain atau subdomain
PHP 8.x
MySQL Database
Akses File Manager atau FTP
Langkah 1
Login ke cPanel hosting.
Langkah 2
Cipta database MySQL.
Catat:
Nama database
Username database
Password database
Langkah 3
Upload fail aplikasi menggunakan File Manager atau FTP.
Langkah 4
Import database melalui phpMyAdmin.
Langkah 5
Kemaskini fail .env.
Contoh:
```
DB_DATABASE=nama_database
DB_USERNAME=nama_user_db
DB_PASSWORD=password_db
```
Langkah 6
Tetapkan Document Root kepada folder public.
Langkah 7
Uji aplikasi melalui browser.
Kesimpulan
AI seperti Codex telah mengubah cara aplikasi dibangunkan. Jika dahulu seseorang perlu belajar programming selama berbulan-bulan sebelum menghasilkan aplikasi pertama, hari ini proses tersebut boleh dipercepatkan dengan bantuan AI.
Walaupun Codex tidak menggantikan sepenuhnya peranan programmer, ia membolehkan pengguna biasa membina prototaip, sistem dalaman pejabat dan aplikasi web asas dengan lebih cepat dan kos yang jauh lebih rendah.
Apa yang penting bukanlah kemahiran menulis kod, tetapi kebolehan menerangkan keperluan sistem dengan jelas kepada AI.