Tersedia untuk Proyek

Menciptakan Solusi Digital Yang Skalable & Menginspirasi

Full-stack developer yang passionate dalam membangun aplikasi web modern dengan kode yang clean, user experience yang exceptional, dan teknologi cutting-edge.

280+
Proyek Selesai
150+
Klien Puas
5+
Tahun Pengalaman
98%
Tingkat Kepuasan

Keahlian & Teknologi

Tools dan framework yang saya kuasai

Dipercaya Oleh

Bekerja sama dengan berbagai organisasi dan perusahaan ternama

IAK Setih Setio

Batik Mulia

Dekranasda Bungo

Digivite

Mozystore

Bagfilm

Proyek Unggulan

Koleksi kurasi karya terbaru saya, menampilkan web development modern dan problem-solving kreatif.

Website LPPM
Web Development

Website LPPM

1. Workflow (Alur Kerja Pengguna) Aplikasi ini bekerja seperti sebuah terminal data yang membagi hak akses secara tegas: Admin sebagai Arsitek Konten & Sistem: Admin bertugas menyiapkan "wadah". Kamu masuk ke dashboard untuk membangun halaman profil (Visi-Misi), memposting berita, dan yang paling krusial adalah plotting wilayah. Admin menentukan lokasi KKU, titik koordinatnya, dan menetapkan "pagar" berupa kuota maksimal peserta di lokasi tersebut. Dosen sebagai Manajer Akademik: Dosen memiliki dua jalur. Pertama, jalur Peneliti (upload proposal). Kedua, jalur DPL. Di jalur DPL, dosen diberikan alat kendali untuk mengelola mahasiswa yang sudah terdaftar di lokasinya. Dosen bisa menunjuk siapa "Komandan" (Ketua) di kelompok tersebut, sehingga koordinasi lapangan lebih terstruktur. Mahasiswa sebagai User Transaksional: Alurnya sangat spesifik. Mahasiswa masuk hanya untuk mengambil aksi. Mereka melihat daftar lokasi yang disediakan Admin, memantau sisa kuota secara real-time, lalu melakukan "Booking" lokasi. 2. Architecture (Struktur Pembangunan) Secara arsitektur, aplikasi ini dibangun untuk performa dan skalabilitas: Backend (CodeIgniter 4): CI4 bertindak sebagai "Router" dan "Validator". Dia yang memastikan kalau Mahasiswa A sudah pilih lokasi, dia tidak bisa pilih lokasi lagi (Double Booking). CI4 juga mengurus keamanan file proposal agar tidak bisa diakses sembarang orang. Frontend (Tailwind CSS): Mengapa Tailwind? Agar aplikasi ini terasa seperti aplikasi modern (SaaS-look). Dashboard admin dibuat luas untuk tabel data, sementara dashboard mahasiswa dibuat lebih ringkas untuk tampilan mobile (karena mahasiswa sering akses via HP). Data Integrity (MySQL): Database di sini tidak hanya menyimpan teks, tapi menyimpan Relasi. MySQL mengikat data Mahasiswa, Dosen, Lokasi, dan Proposal dalam satu kesatuan. Jadi, ketika Admin menghapus satu lokasi, sistem bisa otomatis memberi peringatan atau membatalkan pendaftaran mahasiswa di lokasi tersebut. 3. Management (Pengelolaan & Fitur Unggulan) Aplikasi ini mengelola dua jenis data: Data Statis (CMS) dan Data Dinamis (Transaksi). Full CMS (Content Management System): Bagian berita, galeri, dan pengumuman dikelola seperti WordPress mini. Kamu bisa buat halaman apa saja tanpa perlu menyentuh file .php lagi. Fitur Custom Page memungkinkan LPPM menambah informasi sewaktu-waktu (misal: SOP baru atau Panduan Penulisan). Manajemen Kuota & Lokasi: Ini adalah fitur inti. Sistem secara cerdas menghitung sisa kuota. Jika kuota 20 dan sudah terisi 20, tombol "Daftar" di sisi mahasiswa akan otomatis mati (disabled). Ini mencegah kekacauan administrasi secara manual. Document Handling: Aplikasi ini mengelola file secara rapi. Proposal yang masuk akan dikategorikan berdasarkan tahun akademik dan role dosen, memudahkan Admin saat harus melakukan verifikasi massal atau mengunduh data untuk laporan tahunan.

Detail Lengkap
Bot Telegram Tiktok downloader
Bot & Automation

Bot Telegram Tiktok downloader

Bot Telegram Tiktok downloader adalah bot downloader video dan foto tiktok tanpa watermark gratis

Detail Lengkap
Sistem Informasi Helpdesk & Ticketing (Layanan Pengaduan/Bantuan).
Web Development

Sistem Informasi Helpdesk & Ticketing (Layanan Pengaduan/Bantuan).

Sistem Informasi Helpdesk & Ticketing adalah aplikasi berbasis web yang dirancang untuk memfasilitasi komunikasi dan penyelesaian masalah antara pihak instansi (seperti Humas/Admin Kampus) dengan penggunanya (Mahasiswa, Dosen, atau Masyarakat Umum/Tamu). Aplikasi ini mengadopsi antarmuka bergaya percakapan (chat-style) yang modern, memungkinkan pengguna untuk melacak status aduan mereka secara real-time, berbalas pesan dengan staf, serta mengunggah dokumen pendukung. Sistem ini mendukung multi-hak akses (Admin, Humas, User) dan menyediakan jalur khusus bagi pengguna tanpa akun (Guest) untuk membuat dan melacak tiket hanya menggunakan "Kode Tiket" unik. Teknologi yang Digunakan (Tech Stack) Aplikasi ini dibangun menggunakan arsitektur MVC (Model-View-Controller) dengan perpaduan teknologi backend yang solid dan frontend yang modern: 1. Backend (Server-Side) Bahasa Pemrograman: PHP (versi 7.4 atau 8.x ke atas). Framework: CodeIgniter 4 (CI4). Framework ini dipilih karena ringan, cepat, dan memiliki fitur bawaan yang sangat kuat untuk keamanan dan manajemen database. Manajemen Database: CodeIgniter Query Builder & Object Relational Mapping (ORM) model. 2. Frontend (Client-Side) Styling & CSS Framework: Tailwind CSS. Digunakan untuk mendesain antarmuka secara kustom, responsif (menyesuaikan layar HP/Laptop), dan mendukung fitur Dark Mode secara dinamis. JavaScript (Vanilla): Digunakan untuk interaksi sisi klien (DOM manipulation) tanpa membebani server, seperti: Fitur "Copy to Clipboard" untuk menyalin Kode Tiket. Pendeteksian tema (Dark/Light mode) berdasarkan preferensi sistem operasi pengguna. Ikon: Menggunakan SVG Icons (kemungkinan dari Heroicons atau sejenisnya) agar ringan dan tajam di resolusi berapapun. 3. Keamanan & Utilitas (Security & Tools) Proteksi CSRF (Cross-Site Request Forgery): Diaktifkan secara default di form CI4 untuk mencegah serangan manipulasi form. Throttler (Rate Limiting): Fitur anti-spam bawaan CI4 yang diimplementasikan pada jalur tamu (Guest) untuk membatasi jumlah pembuatan tiket (misal: maks 3 tiket per menit dari IP yang sama). Validasi Server-Side: Pengecekan ketat untuk ekstensi file yang diunggah (pdf, jpg, docx, dll) dan batasan ukuran file (maksimal 5MB) untuk mencegah malware upload. Soft Deletes: Data penting (seperti akun User dan Data Tiket Utama) tidak dihapus permanen dari database, melainkan disembunyikan menggunakan kolom deleted_at untuk keperluan audit dan keamanan data. Fitur Utama (Core Features) Sistem Multi-Role (RBAC - Role Based Access Control): Admin/Humas: Bisa melihat semua tiket, membalas pesan, mengubah status (Open, Pending, Closed), menentukan prioritas, dan menugaskan tiket ke staf tertentu atau tim (Ticket Assignment). User Terdaftar: Memiliki dashboard sendiri untuk melihat riwayat tiket, membuat tiket baru (dengan batasan anti-spam), dan berbalas pesan. Portal Tamu (Guest Tracking System): Tamu tidak perlu mendaftar. Mereka bisa membuat tiket dan akan mendapatkan kode unik (misal: TICK-ABCD123). Kode ini digunakan untuk melacak riwayat chat dan membalas pesan. Notifikasi Email Otomatis: Sistem mengirimkan email HTML yang rapi setiap kali ada: Tiket baru masuk. Penugasan tiket ke staf tertentu. Balasan pesan baru dari pengguna maupun staf. Chat-Style Interface: Halaman detail tiket tidak kaku seperti form biasa, melainkan berbentuk bubble chat (pesan staf di kiri, pengguna di kanan) lengkap dengan waktu pengiriman (time ago) dan auto-link untuk URL. Manajemen Lampiran (Attachments): Pengguna dan staf dapat mengirim banyak file (multiple upload) dalam satu pesan. File dienkripsi namanya dan dapat diunduh menggunakan token khusus untuk mencegah akses file secara langsung (Direct Object Reference Protection).

Detail Lengkap
Twibbon IAK SETIH SETIO
Web Development

Twibbon IAK SETIH SETIO

Platform berbasis web modern yang dirancang untuk memudahkan pengguna dalam mengekspresikan dukungan, merayakan momen penting, atau mempromosikan kampanye melalui bingkai foto digital (Twibbon). Aplikasi ini berfokus pada kecepatan (performa) dan pengalaman pengguna (UX), di mana proses penggabungan foto pengguna ke dalam bingkai dilakukan secara real-time langsung di browser tanpa perlu mengunggah foto ke server (menjaga privasi). Fitur Utama: Smart Canvas Editor: Editor interaktif menggunakan HTML5 Canvas yang memungkinkan pengguna untuk drag, zoom, dan rotate foto mereka di dalam bingkai dengan sangat halus. Popularity-Based Gallery: Halaman beranda yang dinamis menampilkan frame berdasarkan jumlah penggunaan terbanyak menggunakan fitur Infinite Scroll (Auto Load). Advanced Auth System: Sistem pendaftaran dan login yang aman, dilengkapi fitur verifikasi email otomatis dan fitur lupa password menggunakan token berbasis waktu. Quick Share & High Quality Download: Memungkinkan pengguna untuk mengunduh hasil dalam resolusi HD dan membagikannya ke WhatsApp, Facebook, atau Twitter dengan satu klik. Admin Management: Panel kontrol lengkap untuk mengelola pengguna, memantau statistik penggunaan frame, dan konfigurasi SMTP Email secara dinamis. Stack Teknologi (Tech Stack) Aplikasi ini menggunakan kombinasi teknologi terbaru untuk memastikan stabilitas dan skalabilitas: Backend (Sisi Server) Framework: CodeIgniter 4 (PHP 7.4+ / 8.0+) - Dipilih karena performanya yang ringan dan arsitektur MVC yang solid. Database: MariaDB / MySQL - Digunakan untuk menyimpan data pengguna, manajemen frame, dan log aktivitas. Email Engine: SMTP Protocol (via CI4 Email Library) - Untuk pengiriman email verifikasi dan reset password. Frontend (Antarmuka Pengguna) Styling: Tailwind CSS 3 - Memberikan desain yang modern, responsif (Mobile First), dan dukungan Dark Mode asli. JavaScript: Vanilla JS (ES6+) - Digunakan untuk logika editor twibbon, manipulasi DOM, dan integrasi AJAX (Fetch API) untuk fitur pencarian serta infinite scroll. UI Components: * SweetAlert2: Untuk notifikasi pop-up yang elegan. Font Awesome 6: Untuk ikonografi yang kaya dan tajam. Keamanan & Optimasi Password Hashing: BCRYPT - Standar industri untuk melindungi data sensitif pengguna. Cross-Origin Resource Sharing (CORS) & CSRF: Perlindungan bawaan CI4 untuk mencegah serangan web umum. Local Processing: Pemrosesan gambar dilakukan di sisi klien (Client-side) untuk menghemat bandwidth server dan menjaga privasi foto pengguna.

Detail Lengkap
Website RPL IAK Setih Setio
Web Development

Website RPL IAK Setih Setio

Ringkasan: Aplikasi ini adalah platform digital terintegrasi yang dirancang khusus untuk mengelola proses pendaftaran mahasiswa baru melalui jalur Rekognisi Pembelajaran Lampau (RPL). Sistem ini memfasilitasi calon mahasiswa dalam mengisi data profil, melakukan pemberkasan dokumen digital, hingga penyelesaian administrasi pembayaran secara otomatis. Aplikasi ini bertujuan untuk mendigitalkan birokrasi pendaftaran, meningkatkan transparansi data, dan memberikan kemudahan transaksi bagi pendaftar. Fitur Utama: Formulir Pendaftaran Dinamis: Pengisian data pribadi dan kustom yang fleksibel sesuai kebutuhan prodi. Sistem Manajemen Berkas: Fitur unggah dokumen persyaratan (PDF/Gambar) dengan validasi otomatis. Integrasi Payment Gateway: Pembayaran biaya pendaftaran otomatis menggunakan Tripay (mendukung QRIS, VA, dan Retail Outlet). Dashboard Admin Modern: Visualisasi data pendaftar menggunakan grafik interaktif (Chart) dan leaderboard sistem referral. Sistem Referral: Fitur pelacakan agen atau mitra pendaftaran untuk memperluas jangkauan promosi kampus. Verifikasi Real-time: Notifikasi konfirmasi pendaftaran otomatis melalui Email dengan template profesional. Resume Payment: Fitur bagi pengguna untuk melanjutkan pembayaran yang tertunda hanya dengan memasukkan email. Teknologi yang Digunakan (Tech Stack) Aplikasi ini dibangun menggunakan arsitektur modern yang berfokus pada kecepatan, keamanan, dan kemudahan skalabilitas: 1. Backend (Logic & Server-Side) Framework: CodeIgniter 4 (PHP 8.x). Database: MySQL / MariaDB (Relational Database). API Integration: Tripay API (RESTful API) untuk sistem pembayaran otomatis. Library: * CodeIgniter Mail Service untuk pengiriman notifikasi email. CURL untuk komunikasi data antar server. 2. Frontend (User Interface) CSS Framework: Tailwind CSS (Modern Utility-first framework). Library Ikon: FontAwesome 6 Pro. Typography: Google Fonts (Outfit & Inter). Interactive Charts: ApexCharts.js (Visualisasi statistik pendaftar). Javascript: Vanilla JS (Kecepatan loading optimal tanpa dependensi berat). 3. Security & Infrastructure CSRF Protection: Keamanan dari serangan Cross-Site Request Forgery. Bcrypt Hashing: Enkripsi password admin yang sangat aman. Input Sanitization: Perlindungan terhadap SQL Injection dan XSS (Cross-Site Scripting). SMTP Mail: Integrasi protokol SMTP aman untuk pengiriman email resmi kampus.

Detail Lengkap
Aplikasi Shortlink Generator
Web Development

Aplikasi Shortlink Generator

Aplikasi ini adalah platform Enterprise-Grade URL Shortener berbasis web yang dirancang untuk mempersingkat tautan panjang menjadi kode unik yang mudah dibagikan. Selain fungsi dasar pemendek tautan, aplikasi ini dilengkapi dengan sistem analitik real-time yang mendalam untuk melacak perilaku pengunjung, serta fitur manajemen tingkat lanjut untuk Admin dan User. Fitur Utama: Pemendek URL Kustom: Mengubah URL panjang menjadi tautan pendek yang bersih. Analitik Detail: Melacak alamat IP, lokasi geografis (Kota & Negara), jenis perangkat (Android, iOS, Desktop), sistem operasi, dan jenis browser pengunjung. Sistem Keamanan Link: Fitur penguncian tautan dengan password yang dienkripsi secara dua arah (AES-256). QR Code Generator: Otomatis membuat QR Code untuk setiap tautan yang dibuat. Manajemen User (Admin): Kemampuan Admin untuk mengelola semua user, termasuk fitur Impersonate (Login sebagai User tanpa password) untuk bantuan teknis. Dashboard Modern: Antarmuka responsif menggunakan Tailwind CSS dengan tema Dark Mode yang elegan. Minimum Requirements (Kebutuhan Minimum) Agar aplikasi dapat berjalan dengan lancar, berikut adalah spesifikasi yang dibutuhkan: 1. Sisi Server (Hosting/VPS) PHP: Versi 8.1 atau lebih baru (Rekomendasi PHP 8.2). Database: MySQL versi 5.7+ atau MariaDB versi 10.3+. Web Server: Apache (dengan mod_rewrite aktif) atau Nginx. RAM: Minimum 512 MB (Rekomendasi 1 GB untuk pemrosesan GeoIP). Penyimpanan: 100 MB untuk kode aplikasi (akan bertambah seiring banyaknya data log/hits). 2. Sisi Pengguna (Browser) Browser modern dengan dukungan JavaScript aktif (Chrome, Firefox, Edge, atau Safari). Komponen & Library yang Digunakan Daftar teknologi yang diinstal dalam aplikasi ini: Framework: CodeIgniter 4 (Core Logic). CSS Framework: Tailwind CSS (Styling). Icons: FontAwesome 6 (Visual). QR Code Library: Endroid QR Code atau library berbasis PHP lainnya. GeoIP API: Menggunakan ip-api.com (untuk pelacakan lokasi tanpa database lokal). User Agent Parser: Library bawaan CodeIgniter 4 (getUserAgent).

Detail Lengkap
Chat Konsultasi