Ts. Ashraf Naim

// Portfolio

Portfolio

Projek dan sistem yang telah dibangunkan untuk memajukan pendidikan melalui teknologi

Setiap sistem di bawah dibangunkan sendiri untuk menyelesaikan masalah sebenar dalam pentadbiran pendidikan, bermula daripada keperluan harian di Pejabat Pendidikan Daerah Kluang dan Jabatan Pendidikan Negeri Johor.

Kebanyakannya kini digunakan setiap hari oleh pegawai dan sekolah, meliputi pengurusan guru ganti, pementoran perkhidmatan awam, laporan CPD, tinjauan persepsi guru, sehingga permohonan sekolah ke PPD dan JPN. Dibina menggunakan PHP, Laravel, Next.js dengan MySQL atau PostgreSQL, dan dihoskan sendiri.

Semua
AI & EdTech
SaaS Product
Latihan & Bengkel
Data Analytics
Automation
Web Platform
District System
Organization System
National System
State System
Kit PdP DELIMa AI
AI & EdTech
Kit PdP DELIMa AI

Kit hands-on percuma untuk guru menggunakan Gemini Notebook dan Canva AI terus dengan akaun DELIMa. Panduan langkah demi langkah yang disemak pada paparan sebenar, 55 prompt sedia salin yang terisi mengikut subjek dan tahun, lima aktiviti berpandu dengan tanda kemajuan, serta alat kongsi QR dan WhatsApp. Fasilitator bengkel boleh memohon pautan dan kod sendiri untuk memantau pendaftaran dan kemajuan peserta.

Gemini Notebook
Canva AI
DELIMa
Node.js
Bengkel Guru

Impact: Guru membina bahan PdP berasaskan AI sendiri tanpa bergantung pada slaid bengkel, dan fasilitator memantau kemajuan peserta secara langsung

prompt-generator
SaaS Product
prompt-generator

Produk SaaS penjana prompt (React/Vite + backend integration) untuk kegunaan cross-organization/public.

SaaS
React
Vite
Backend Integration

Impact: Mempercepat penghasilan prompt berkualiti dalam pelbagai konteks kerja.

Bengkel AI Tool dalam PdP: Gemini Notebook & Canva AI
Latihan & Bengkel
Bengkel AI Tool dalam PdP: Gemini Notebook & Canva AI

Pakej bengkel lengkap untuk guru sekolah rendah (SK LKTP Belitong, Ogos 2026): 32 slaid, skrip penyampaian, modul hands-on, 20+ templat prompt CTFC dan LMS web khusus. Topik: buku nota subjek dari DSKP, kuiz/podcast/infografik bertema, slaid BM dengan Canva AI, etika AI.

Gemini Notebook
Canva AI
Canva Code
LMS
Node.js

Impact: Guru membina bahan PdP berasaskan AI secara hands-on dalam satu sesi

Perkongsian AI for Profesional: Gemini, Canva & ChatGPT
Latihan & Bengkel
Perkongsian AI for Profesional: Gemini, Canva & ChatGPT

Sesi 120 minit untuk pegawai JPN/PPD/BPSH di Bengkel Analisis Tinjauan Prakarsa MySTEP Pembantu Guru (KPM, Pulau Pinang, Julai 2026). 44 slaid, modul hands-on analisis data CSV dengan Gemini Pro, Deep Research, Gems, Magic Charts Canva dan analisis tematik ChatGPT, dengan LMS web.

Gemini Pro
Gemini Notebook
Canva
ChatGPT
Data Analysis

Impact: Pegawai KPM menganalisis data tinjauan kebangsaan menggunakan AI

Kursus Penggunaan AI dalam PdPC
Latihan & Bengkel
Kursus Penggunaan AI dalam PdPC

Kursus LDP 4 slot untuk guru sekolah rendah (SK Abdul Rahman Yassin Kluang, Jun 2026): Pengenalan AI, Gemini, NotebookLM dan Canva for Teacher, termasuk kejuruteraan prompt CTFC dan penjanaan imej/multimedia. 43 slaid, skrip, modul dan LMS web bertema gelap/cerah.

Gemini
NotebookLM
Canva for Teacher
Prompt Engineering
LMS

Impact: Siri bengkel AI yang telah disampaikan kepada GPK, GKMP dan guru Daerah Kluang

Bengkel Vibe Coding: Daripada Idea kepada Sistem Sebenar
Latihan & Bengkel
Bengkel Vibe Coding: Daripada Idea kepada Sistem Sebenar

Bengkel Jurulatih Utama Penggerak Digital PPD Segamat 2026. Model 3 Level pembinaan aplikasi pendidikan dengan AI: Level 1 prompt sahaja (Claude Artifacts, Lovable, Bolt), Level 2 deploy sendiri dengan URL, Level 3 IDE profesional dengan agen AI (Cursor, Claude Code). 47 slaid, nota penceramah dan 3 panduan hands-on.

Vibe Coding
Claude Code
Cursor
Lovable
Deployment

Impact: Jurulatih Utama membina dan deploy aplikasi pendidikan sendiri dalam sehari

FPL Penasihat
SaaS Product
FPL Penasihat

Aplikasi web progresif (PWA) yang mencadangkan kesebelasan, kapten, transfer, chips dan draf Wildcard untuk Fantasy Premier League. Unjuran mata (xP) setiap pemain dikira daripada xG, xA, minit bermain, kekuatan lawan dan berita kecederaan menggunakan data API rasmi FPL, dengan 3,000 simulasi bagi setiap pemain untuk peluang blank dan haul. Tanpa log masuk, hanya Team ID, dwibahasa BM dan Inggeris, dengan penasihat AI pilihan melalui OpenRouter.

PWA
JavaScript
PHP
Pemodelan Data
OpenRouter AI
Vibe Coding

Impact: Setiap unjuran disimpan sebelum tarikh tutup gameweek dan dinilai dengan mata sebenar, supaya ketepatan model boleh disemak secara terbuka

Sistem Dashboard Headcount SPM Kluang
Data Analytics
Sistem Dashboard Headcount SPM Kluang

Sistem Dashboard Headcount SPM untuk semua sekolah menengah di bawah PPD Kluang

Database Management
System
Dashboard
Analytics

Impact: Digunakan oleh SISC+ dan SIP PPD Kluang sebagai sumber rujukan untuk membimbing sekolah

openclaw-channel
Automation
openclaw-channel

Sistem automasi kandungan berasaskan Python, cron, dan API workflow untuk operasi media personal/organisasi.

Python
Automation
Cron
API

Impact: Membina pipeline kandungan automatik dari idea ke publishing.

Dashboard Sumber Data SSTP Negeri Johor
Data Analytics
Dashboard Sumber Data SSTP Negeri Johor

Pentadbiran dan pengurusan sumber data SSTP untuk semua sekolah di Johor. Dashboard analytics, laporan, dan pengurusan data menggunakan Google Looker Studio

Dashboard
Analytics
Database Management
lookerstudio

Impact: Data Sumber & Teknologi Pendidikan Negeri Johor

ashrafnaim-portfolio
Web Platform
ashrafnaim-portfolio

Laman portfolio + blog peribadi menggunakan Next.js, React TSX, dan Prisma stack yang dikemas kini dengan bantuan agen AI.

Next.js
React
TypeScript
Prisma
PostgreSQL

Impact: Menjadi pusat identiti digital, kandungan, dan showcase projek.

msgg
District System
msgg

Sistem permohonan/pengurusan MySTEP Guru Ganti berasaskan PHP web app untuk operasi peringkat daerah.

PHP
Web App
Education Ops

Impact: Memudahkan proses permohonan dan pengurusan guru ganti secara berpusat.

msgg-dashboard
District System
msgg-dashboard

Dashboard pengurusan lantikan/rekod dengan reporting, export, dan API untuk kegunaan daerah/organisasi.

PHP
Dashboard
Reporting
API

Impact: Membolehkan pemantauan data lantikan secara lebih pantas dan tersusun.

jangkaan-cuti
District System
jangkaan-cuti

Sistem borang + dashboard + laporan + API untuk jangkaan guru bercuti di peringkat daerah.

PHP
Forms
Dashboard
Reporting
API

Impact: Meningkatkan perancangan penggantian dan operasi sekolah.

ksure
Organization System
ksure

Sistem modular pengurusan kelab sukan & rekreasi untuk organisasi/unit.

PHP
Modular System
Management

Impact: Menstrukturkan pengurusan ahli, aktiviti, dan tadbir urus kelab.

ksure-order
Organization System
ksure-order

Aplikasi web moden JS/TS untuk sistem tempahan/order peringkat organisasi.

JavaScript
TypeScript
Web App
Ordering

Impact: Memudahkan urusan tempahan dengan aliran kerja digital.

mypg-dashboard
National System
mypg-dashboard

Dashboard pemantauan data berasaskan React stack untuk skala kebangsaan.

React
Dashboard
Data Analytics

Impact: Menyokong visualisasi data dan analisis pelbagai dimensi.

pgb-berkarya
State System
pgb-berkarya

Sistem web PHP untuk kegunaan peringkat negeri.

PHP
Web System

Impact: Menyokong operasi digital berskala negeri.

guru-pol
District System
guru-pol

Sistem pengurusan berkaitan guru menggunakan web app dashboard stack bagi organisasi/daerah.

Web App
Dashboard
Education Management

Impact: Memusatkan maklumat pengurusan guru untuk operasi lebih efisien.

Sistem Permohonan Sekolah UPP (OSC PPD Kluang)
District System
Sistem Permohonan Sekolah UPP (OSC PPD Kluang)

One Stop Centre permohonan sekolah ke PPD Kluang dan JPN Johor. Menyatukan 6 sumber data permohonan, penjejakan status dengan jejak audit, portal awam semakan status, penjanaan surat BKPL PDF dan panel admin Filament.

Laravel 12
Filament
Livewire
Tailwind
MySQL
PDF

Impact: Sekolah Daerah Kluang semak status permohonan dalam satu portal tanpa perlu menghubungi PPD

J-MySTEP: Sistem Bersepadu MySTEP Guru Ganti Johor
State System
J-MySTEP: Sistem Bersepadu MySTEP Guru Ganti Johor

Dashboard bersepadu pengurusan guru ganti MySTEP peringkat negeri Johor. Portal MSGG, jangkaan cuti, lantikan dengan surat DOCX automatik, modul kewangan (bajet, gaji, ramalan) dan import data sekolah, dengan routing ikut domain.

PHP MVC
MySQL
DaisyUI
DOCX/XLSX Generator
Multi-DB

Impact: Menyelaras data guru ganti semua PPD di Johor dalam satu sistem

Sistem e-Pementoran PPD Kluang
Organization System
Sistem e-Pementoran PPD Kluang

Menggantikan Buku Log Mentor/Menti bercetak bagi Program Pementoran Perkhidmatan Awam (PP Bil. 18/2005). Pendaftaran mentor/menti, kohort, pemadanan pasangan, buku log sesi, instrumen berskor, laporan kemajuan dan BLPP, dengan SSO staf PPD.

PHP
MySQL
Bootstrap 5
SSO
Audit Log

Impact: Pementoran pegawai PPD Kluang direkod secara digital dan boleh diaudit

Teachers' Voice: Sistem Tinjauan Persepsi Guru
Data Analytics
Teachers' Voice: Sistem Tinjauan Persepsi Guru

Tinjauan anonim persepsi guru terhadap kepimpinan sekolah (6 perjawatan × 3 dimensi, skala Likert) untuk semua SMK/SBP/SABK/KV Daerah Kluang, dengan perlindungan anti-bot dan dashboard analitik per-soalan, per-sekolah dan demografi.

PHP
MySQL
Chart.js
Cloudflare Turnstile
Survey

Impact: Data persepsi guru seluruh daerah dianalisis secara masa nyata untuk PPD

Dashboard SIP+ PPD Kluang
District System
Dashboard SIP+ PPD Kluang

Dashboard profil dan bimbingan Pegawai SIP+ (School Improvement Partners Plus). Profil pegawai, 117 sekolah bimbingan, sesi bimbingan, laporan OPR PDF dengan galeri gambar, takwim aktiviti dan bahan rujukan.

PHP
MySQL
Chart.js
dompdf
Bootstrap 5

Impact: Rekod bimbingan 117 sekolah Daerah Kluang dipusatkan untuk Pegawai SIP+

Sistem OPR PPD Kluang
Automation
Sistem OPR PPD Kluang

Sistem laporan One Page Report (CPD/PLC) pegawai SISC+ dan sektor PPD Kluang. Borang laporan, aliran pengesahan berperingkat, kod akses, analisis carta dan penjanaan PDF automatik.

PHP
MySQL
Chart.js
dompdf
Workflow

Impact: Laporan OPR pegawai disahkan dan dijana PDF tanpa proses manual

Ada Projek untuk Saya?

Saya sedia untuk membantu dalam projek transformasi digital, sistem pendidikan, atau pembangunan aplikasi.

Hubungi Saya