Teknologi berdampingan
| Kebutuhan | IMSMART | SIAPS-IMUS |
|---|---|---|
| Bahasa | PHP | TypeScript |
| Framework backend | CodeIgniter 3 (Raport), selebihnya PHP native | Hono v4 |
| Server | Apache di hosting | Cloudflare Workers |
| Database | MySQL / MariaDB | Cloudflare D1 (SQLite) |
| Akses database | mysqli, PDO |
Drizzle ORM |
| Validasi input | Pemeriksaan manual di PHP | Zod |
| Login | Sesi PHP | JWT (jose) |
| Pengamanan password | Fungsi hash PHP | bcryptjs |
| Tampilan | HTML dibuat di server + Bootstrap (+ jQuery di sebagian aplikasi) | React 19 + shadcn/ui + Tailwind CSS v4 |
| Kerangka halaman admin | Dibuat per aplikasi | Refine v5 |
| Navigasi | Tautan antar file PHP | React Router v7 |
| Grafik | Pustaka JavaScript pada halaman tertentu | Recharts |
| Excel | PHPExcel | Belum ada pustaka Excel di dependensi |
| QR | html5-qrcode | Belum dipakai |
| API SIDOBE | Belum dipakai | |
| Build | Tidak perlu (berkas langsung dijalankan) | Vite 6 |
| Paket | Berkas pustaka disalin ke folder | pnpm |
| Penerapan | Unggah ke cPanel | Wrangler |
Apa artinya bagi developer baru
Section titled “Apa artinya bagi developer baru”| Jika Anda… | Maka… |
|---|---|
| Mengubah satu halaman IMSMART | Cukup buka file PHP-nya dan segarkan browser; tidak ada langkah build |
| Mengubah satu halaman SIAPS | Edit file React, jalankan pnpm dev, perubahan tampil langsung |
| Menambah tabel di IMSMART | Ubah file .sql dan jalankan di MySQL |
| Menambah tabel di SIAPS | Ubah skema Drizzle, buat migrasi, terapkan ke D1 |
| Ingin tahu struktur data | IMSMART: lihat file .sql; SIAPS: lihat folder db/schema |
Alat yang perlu dipasang
Section titled “Alat yang perlu dipasang”| IMSMART | SIAPS-IMUS | |
|---|---|---|
| Menjalankan lokal | Docker (atau PHP + MySQL) | Node.js 20+, pnpm 9+ |
| Menerapkan | Akses cPanel | Akun Cloudflare |