Portfolio
A curated collection of projects across manual design vector, web design and engineering.
Vector Illustration
Silhouette and vector art designed in Corel Draw for various creative projects.
Travel Web Application
Mockup-to-code implementation with HTML, CSS & JS frontend and ASP.NET backend.
Digital Portfolio
Custom Bootstrap-based portfolio with tailored HTML & CSS design work.
CRM Mobile
Mobile web CRM application built with jQuery, HTML & CSS for responsive workflows.
Hotel Reservation
Intuitive hotel booking page built from scratch with HTML & CSS.
Custom CRM & CMS
Revamped UI with modernized CMS and optimized backend logic for localized market growth.
Project Showcase
End-to-end projects from architecture to delivery — each with a live UI mockup re-build from the actual screens.
CRM & ERP Custom — Frappe/ERPNext Fork
A production-grade internal ERP & CRM system built on a private fork of
Frappe/ERPNext, extended with a Custom Excel Ingestion
Pipeline
(custom_excel_pipeline) that handles messy, non-standard spreadsheet data from
multiple business units — without modifying a single line of ERPNext core.
The architecture follows a strict Decoupled Ingestion pattern: all cleaning,
validation,
and mapping logic lives in a separate Frappe app, while ERPNext handles
double-entry accounting, stock ledger integrity, and relational database constraints.
-
Decoupled Ingestion Architecture:
Built a standalone
custom_excel_pipelineFrappe app usingbench new-app, isolating all custom logic from ERPNext core. Upstream sync withfrappe/erpnextruns every 6 months with near-zero merge conflicts. -
Excel Data Cleansing Engine (Python):
Developed a
@frappe.whitelist()API endpoint usingpandasandopenpyxlto normalize column names, strip whitespace, standardize date formats, drop empty rows, and validate data types viapydanticbefore any database write. -
Frappe ORM → Journal Entry Mapping:
Each cleaned row is mapped to ERPNext
Journal EntryorSales InvoiceDocTypes viafrappe.get_doc(). Debit/credit imbalances and missing account codes are caught by ERPNext's native validator — no custom error handling required for accounting rules. - CRM Lead Pipeline & RBAC: Implemented a Kanban-style lead pipeline with custom DocTypes, dynamic workflow states, and role-based access control (RBAC) scoped to organizational unit and module operation level. Supports Sales, Finance, and Operations roles with independent permission matrices.
-
Structured Error Logging & Audit Trail:
Per-row error capture (
f"Row {index+1}: {str(e)}") returns a structured JSON response withsuccess_countanderror_log, enabling partial-batch processing — failed rows are logged without rolling back successful entries. -
Long-term Maintainability Strategy:
All customizations are encapsulated in the custom app layer. No direct edits to
frappe/frappeorfrappe/erpnextsource files, enabling clean upstream security patches and feature merges with minimal intervention.
Fajr OS — Habits Tracker
A comprehensive life tracking system integrated with behavioral psychology and cognitive frameworks to serve as a mindful engine for self-actualization.
- Tab Ringkasan: At-a-glance dashboard mapping all life areas with progress
rings.
Insight: Meredam cognitive load melalui visualisasi holistik terpusat. - Tab Activity Track: Discipline phases tracker (Accident to Last Destiny)
with
milestone markers.
🔒 Advanced: Neuroplasticity Buffer — Fokus pada Recovery Rate untuk menjaga konsistensi habit. - Tab Daily Task: Time-blocked routines, sleep logs, and reflection
navigation
strips.
Insight: Micro-Journaling Slot — Evaluasi harian berbasis dikotomi kendali (Stoikisme). - Tab Year Achievements: Long-term roadmap with automated age and target
fill-rates calculation.
Insight: Pemanfaatan Temporal Landmarks untuk menjaga kontinuitas motivasi intrinsik. - Tab Big Plan Timeline: Flexible monthly project timeline with interactive
milestone cells.
🔒 Advanced: Energy-Budget Mapping — Alokasi kapasitas fokus untuk preventif burnout. - Tab Monthly Cashflow: Financial tracker separating fixed investment
commitments
from daily expense.
Insight: Emotional Impulse Tagging — Analisis korelasi kondisi psikologis dengan pola konsumsi. - Tab Portofolio Saham: Unified investment hub covering assets P&L,
dividends,
and risk profiling.
🔒 Advanced: Psychological Bias Ledger — Log tesis investasi untuk meredam FOMO & impulsivitas pasar. - 🔒 Tab Thought Laboratory: A dedicated sandbox for personal philosophy, CBT
cognitive mapping, and brain-dump.
Purpose: Ruang katarsis digital untuk memproses kompleksitas pemikiran secara objektif.
IELTS Tracker
A specialized study planning and progress tracking dashboard tailored for IELTS preparation. Engineered to monitor study hours, test benchmarks across 6 milestone phases, vocabulary acquisition, daily schedules, and resource management to achieve a target overall band score of 7.5.
- Tab Dashboard: Overall band, score per skill, total study hours, Month 1 & 2 day progress, 7-day streak, and settings for start/exam dates.
- Tab Months: 30-day tracking for Listening & Reading focus, and 30-day tracking for Writing & Speaking. Log hours, focus materials, speaking/writing maintenance, and vocabulary.
- Tab Mock Test: 6 progress slots (Baseline, Week 2, Month 1, Week 6, Month 2, Before Test) with auto-calculated overall band compared to a 7.5 target.
- Tab Vocab: Interactive notebook logging word definitions, sentence examples, source origin, and usage status.
- Tab Jadwal & Resources: Daily scheduling plus a directory of 57 resources (Listening: 11, Reading: 12, Writing: 14, Speaking: 12, Vocab: 8, Mock Tests: 8).
Smart Laundry System
Centralized admin dashboard for a multi-branch laundry network across Indonesia — featuring an interactive branch map, real-time KPI monitoring, complaint management with SLA tracking, and operational analytics per branch.
- National branch map with bubble markers & status indicators
- Request & Complaint management with SLA escalation flow
- Branch management — CRUD, capacity, manager assignment
- Real-time KPI per branch: completion rate, machine utilization
- Smart notification — anomaly alerts via WhatsApp / email
- Role hierarchy: HQ Admin → Regional → Branch Manager
CSR Web Application
End-to-end CSR & Budget Management System with interactive geospatial mapping of program areas across Indonesia, dynamic priority scoring, and multi-level approval workflows for top management.
- Social Mapping Data Collection with interactive map
- Dynamic CSR Assessment Priority Allocation Dashboard
- Annual Planning & Implementation workflow
- Budget Management & Actualization
- Approval Workflow for Top Management
- Efficient Fund Allocation to Achieve CSR Targets
Big Data Platform
Centralized data platform enabling enterprise-wide data virtualization. Integrated Salesforce via background API sync plus a multi-dataset web uploader (.NET) feeding Business Intelligence dashboards.
- API Integration & Background Sync (Salesforce)
- Web Multiple Dataset Upload — .NET Framework
- Insert Data Only & Delete-Insert Periodic methods
- Multiple data validation on Excel before upload
- Data Virtualization via Denodo
- BI output — Power BI / Tableau / MicroStrategy
Travel Management System
Enterprise travel management covering the complete trip lifecycle — from request and multi-level approval to self-reservation of flights, hotels & trains, plus settlement and SAP vendor payment integration.
- Travel Request by Employee (Plan & Unplan)
- Approval Workflow — Top Level Management (DPH)
- Self Reservation — Flight, Hotel & Train
- Settlement Input — Employee & Finance Officer
- SAP Integration (Vendor Payment)
- HR System Integration (Leave Request)
- Upload & Download Reports for multi-division
Front End Development
Frontend development across three enterprise clients: a CRM door-prize golden ticket system (Fortune brand, Philippines), a mobile-responsive employee rewards portal, and a hotel reservation web app.
- Fortune: Golden Ticket CRM with serial code validation
- Spin Wheel, UGC Contest & Pack Code entry features
- Employee Rewards CRM — responsive mobile web
- E-Reward: payslip, compensation & benefits portal
- Hotel Reservation — listing, detail & booking flow
- All projects: Responsive Design + .NET backend
Career Timeline
10+ years of progressive growth across implementation, data engineering, and software development.
Full-stack Engineer
Evolved into a hybrid Full-stack + Data role — architecting data platforms, building analytics engineering pipelines, and designing end-to-end data infrastructure that bridges software systems and business intelligence.
Software Engineer
Software architecture, frontend & backend development, and testing. Led full-stack development across multiple enterprise web applications as both individual contributor and technical lead. Delivered CSR platform, Big Data Uploader, and Travel Management System.
Data Engineer
Designed and maintained data pipelines, ETL processes, database optimization, and analytics. Built enterprise data warehousing solutions using SSIS, Pentaho (Kettle), and Denodo for data virtualization feeding Power BI, Tableau, and MicroStrategy dashboards.
Implementor
System deployment, client onboarding, and user training. Laid the foundation of enterprise software delivery through hands-on implementation and client-facing technical support.
Skills
A broad technical stack spanning software engineering, data architecture, and business intelligence.
| Skill / Task | Utility Type | Description |
|---|---|---|
|
|
Integration / Transformation | Microsoft's drag-and-drop ETL tool for enterprise data pipelines |
|
Pentaho (Kettle)
|
Integration / Transformation | Open-source, flexible ETL development for complex workflows |
|
|
Integration / Transformation | Enterprise-grade data integration, big data, and cloud transformation |
|
|
Integration / Orchestration | Cloud-based data integration service for orchestrating and automating data movement and transformation |
|
|
BI Enablement | Structuring and modeling data for Power BI, Tableau & MicroStrategy |
|
Data Virtualization
|
Real-Time Data Access | On-demand reporting without moving data using Denodo platform |
|
Migration & Cleansing
|
Quality & Movement | Accurate data transfer + smooth system transitions during upgrades |
|
|
Storage & Analytics | Long-term centralized insights hub for enterprise analytics |
Personal Notes
Thoughts, concerns, and personal reflections over time.
The Crossroads at 30+: What's Next — Mapping the Next Move with Applied ML
A follow-up to "Turning 30"
At 30, I stood at a fork I hadn't planned for: try my hand at running a
business, or keep building a professional career. I chose to keep pursuing the professional
path — not out of fear of business, but because I wanted to first understand, from the
inside, how a corporation actually operates, and what it really takes to keep any business
alive in a climate that has felt increasingly chaotic. I didn't want to jump into building
something of my own without first understanding the machine I'd be competing
against.
That decision wasn't passive. It was a deliberate trade: delay the entrepreneurial leap in
exchange for a front-row seat to how corporate machinery actually runs — the
politics, the budgets, the compromises, and the machinery that keeps it all moving.
Looking honestly at my own record: I did lead once — I was entrusted with a small team for
the last project around six months of my six-year career at a technology consulting firm,
leading the build of
a big data analytics platform before decided to resign. I'm grateful I had that experience.
After
that, a short but intense stint at an end-user corporation followed, I moved into freelance,
project-based full-stack work, and for the last three years, almost every corporate has
been delivered as a solo, end-to-end contributor. No team under me. Strong evidence I can own a
project alone. Thin, recent evidence that I can lead one.
Now I'm 30+, and freelance/project-based work carries its own version of layoff risk:
contracts and engagements end, on someone else's timeline, not mine. So I'm weighing three
doors at once: keep riding project-based work and absorb whatever comes when an engagement
winds down, resign from that cycle on my own terms, or actively chase a permanent role that
offers real stability. This note is the honest accounting of that fork — and the start
of using something more rigorous than gut feeling to decide what comes next: applying real
Machine Learning, not as a buzzword, but as an actual method, to my own career
data.
#TurningThirtyPlus
#CareerCrossroads #IndividualContributor #SoloEndToEnd #AppliedMachineLearning
#CareerRoadmap
30+, and Standing at Another Fork:
Modeling the Path Forward
with Applied ML
From the business-vs-career decision at 30, through a real leadership chapter at a technology consulting firm, to three years of solo data platform delivery, to a tailored roadmap built on real applied Machine Learning — not speculation.
1. The Fork: Business vs. Career
2. Leadership Evidence
3. Solo End-to-End Delivery
4. What's next
5. Applied ML Career Modeling
"At 30 I chose to keep learning how the corporate world actually works. Now at 30+, with a real leadership chapter behind me and three solo years since, I'm using that same discipline — real data, real models, no shortcuts — to decide what I do next, instead of letting the decision decide itself."
Learn How to Learn
Practical Learning
Satu hal yang lama sekali baru saya sadari: belajar itu sendiri perlu dipelajari
caranya.
Saya tumbuh tanpa banyak privilege. Tidak ada orang tua yang secara finansial mapan,
tidak ada lingkungan keluarga yang secara aktif mendorong pendidikan. Ketimpangan itu nyata —
dan saya rasakan sejak lama. Tapi hidup, dengan caranya sendiri yang kadang keras, tetap
menuntut saya untuk terus mengambil pelajaran — bahkan ketika tidak ada yang mengajari saya
cara belajar dengan benar.
Mungkin ini terdengar terlambat. Tapi saya percaya — tidak ada yang benar-benar terlambat,
selama masih ada kemauan untuk bertumbuh.
Pendidikan Formal dan Jalan yang Tidak Terduga
Pendidikan formal bukan medan yang ramah buat saya. Cognitive test adalah salah satu
titik lemah saya — dan kini saya mulai memahami bahwa ini bukan sekadar soal kemampuan,
melainkan ada mental block yang sudah lama mengakar.
Matematika, salah satunya — bukan pelajaran yang pernah saya nikmati. Bukan karena saya tidak
mampu secara potensial, tapi karena cara mengajarnya tidak pernah menyenangkan dan tidak
pernah membuat saya merasa aman untuk tidak tahu. Matematika terasa seperti buah
pahit yang meninggalkan rasa takut, bukan rasa ingin tahu.
Saya masih ingat betul — bagaimana setelah lulus Vokasi Multimedia, saya
sangat ingin masuk jurusan Psikologi. Tapi nilai rapor tidak cukup, dan jalur
beasiswa terasa terlalu jauh untuk dijangkau. Pada akhirnya, jalan hidup membawa saya ke dunia
teknologi — dan justru di sinilah saya mulai menyadari bahwa pendidikan sejati punya
kurikulumnya sendiri, dan ia ditemukan dalam kehidupan nyata.
Apa yang Sebenarnya Saya Pelajari tentang Belajar
Seiring waktu, saya mulai menemukan berbagai pendekatan yang tidak pernah diajarkan
sebelumnya — cara belajar yang benar-benar sesuai dengan diri saya sendiri.
Top-Down Learning adalah fondasi utama saya. Sebelum masuk ke detail
teknis, saya selalu butuh melihat mengapa topik ini penting dan bagaimana posisinya
dalam gambaran yang lebih besar. Peta konsep dan mind map bukan sekadar alat
— itu adalah cara saya membangun struktur mental dari sebuah materi sebelum mulai
mempelajarinya lebih dalam.
First Principles Thinking adalah cara berpikir yang paling alami
bagi saya. Daripada mengikuti cara yang sudah ada, saya cenderung memecah masalah sampai ke
asumsi paling dasarnya, lalu membangunnya ulang dari sana. Ini yang membuat saya sering
terlihat “tidak konvensional” — bukan karena ingin tampil beda, tapi karena cara
ini memang bekerja untuk saya.
Project-Based Learning adalah cara saya memvalidasi pemahaman.
Membuat mini-project, tulisan, atau analisis dari materi yang dipelajari — bukan
hanya membuat ilmu terasa nyata; ini juga cara saya memastikan bahwa saya tidak sekadar tahu,
tapi benar-benar bisa menggunakan apa yang dipelajari.
Metakognisi, terakhir, adalah kesadaran bahwa untuk bisa belajar dengan
efektif, saya perlu tahu cara belajar yang efektif. Metakognisi adalah kemampuan
berpikir tentang cara berpikir kita sendiri — mengevaluasi apakah strategi yang digunakan
benar-benar bekerja, dan berani mengubahnya kalau tidak sesuai.
Satu Kecerdasan yang Saya Syukuri
Di tengah semua keterbatasan pendidikan formal yang pernah saya alami, ada satu hal yang saya
akui sebagai kekuatan — sesuatu yang pelan-pelan mulai bisa saya banggakan: kemampuan mengenal
diri sendiri.
Dalam teori Howard Gardner tentang kecerdasan majemuk, ini disebut
Intrapersonal Intelligence. Kecerdasan intrapersonal adalah
kapasitas untuk memahami diri sendiri secara mendalam — mencakup kesadaran diri, introspeksi,
dan kemampuan merefleksikan pikiran, emosi, motivasi, serta tujuan hidup. Cenderung menjadi
pembelajar mandiri yang mencari makna dari apa yang mereka lakukan, dan mampu menilai
kekuatan serta kelemahan diri secara jujur.
Ini bukan kecerdasan yang diuji dalam seleksi masuk universitas. Tapi justru inilah yang
membuat saya masih bisa terus belajar sepanjang hidup — karena mengenal diri sendiri
adalah pondasi untuk tahu cara belajar yang paling sesuai dengan kita.
Saya tidak tahu apakah ini terlambat atau tepat waktu. Yang saya tahu, belajar cara belajar
adalah investasi paling jujur yang bisa saya lakukan untuk diri sendiri — sekarang, bukan
demi gelar atau nilai, tapi demi menjadi manusia yang terus tumbuh seutuhnya.
#LearnHowToLearn
#IntrapersonalIntelligence #Metakognisi #FirstPrinciples #TopDownLearning
#ProjectBasedLearning
Creative Reset: AI, Desain & Eksperimen Visual
Coping mechanism
Break sejenak dari minggu yang cukup padat. Deadline ketat,
cognitive load tinggi dan sistem yang menuntut presisi logika
end-to-end — tapi ada AI yang membantu code generation sebagai
assistant, beban mental tetap terasa nyata. Shifting ke hal kreatif di akhir
pekan jadi cara yang tepat untuk mereset fokus.
Refleksi singkat, semasa vokasi Multimedia saya sudah bersentuhan langsung
dengan dunia desain — poster, vector dan animasi. Dulu, mengedit foto atau
membuat vector ilustrasi bisa menghabiskan waktu seharian. Sekarang, proses
yang sama bisa diselesaikan AI dalam hitungan menit.
Apakah ini arah yang baik atau buruk? Jawabannya bergantung pada bagaimana kita membaca
realita yang sedang berjalan.
Saya mencoba mengikuti tren instant poster generation dari
GPT — hasilnya cukup menarik. Dimulai dari sebuah eksperimen sederhana: foto
LinkedIn saya yang menghadap ke depan (full face, frontal) diubah
menjadi side profile (sudut 90°) dalam beberapa menit tentunya dengan
prompting yang sangat detail output-nya akurat secara proporsi wajah dan
terasa natural bukan sekadar filter atau crop dan sebagai konten dasar posternya
berasal dari hasil scraping web portfolio ini dan berikut hasilnya...
#CreativeReset #AIDesign
#PosterGeneration #GPT #PromptEngineering #MultimediaVocational
The Real Process: Saya Adalah Input, Gemini Adalah Engine
Behind the Notes of Note 1 and Note 2.
Menyingkap prompting dibalik layar. Note 1 (Evolusi Karir) dan Note 2 (Cetak Biru 5
Tahun) bukan murni hasil dari ketikan saya. Tugas saya adalah melakukan
ideasi, menuangkan gagasan mentah dan menyiapkan intisari pengalaman ke dalam
kolom prompt Gemini. AI yang melakukan kompilasi, merapikan struktur dan mengeksekusi
sintaks.
Penting untuk digarisbawahi: Proyeksi jangka panjang pada Note 2 bukanlah data fiktif
atau tebakan acak AI. Output tersebut merupakan hasil Predictive Modeling
yang mengolah data input historis saya (Note 1), lalu memetakannya secara logis menggunakan
referensi ilmiah yang valid dan teruji (Psikologi Kognitif, Stoikisme, Manajemen Strategi dan
Behavioral Science). Menginterpretasikan saya sebagai Data Source yang
otentik dan
Gemini adalah processing engine yang memvalidasinya lewat sains.
#HumanPlusAI #PromptEngineering
#AppliedAI #PredictiveModeling #DataPipeline #ScientificValidation
Dapur di Balik Catatan:
Bagaimana Data Pipeline Mental
Ini Bekerja
Dokumentasi praktis proses kolaborasi manusia dan LLM—mengubah intuisi berantakan menjadi arsitektur catatan yang valid dan berbasis referensi ilmiah.
Jangkar Referensi: Sweller (1988) — Cognitive Load Theory: Kebutuhan sistem penyaringan data otomatis untuk mencegah kelumpuhan memori kerja otak akibat Information Overload.
Jangkar Referensi: Shi, et al. (2016) — Edge Computing Framework: Validasi perpindahan ke sistem lokal/mandiri untuk kedaulatan data & efisiensi energi (modern permaculture).
Jangkar Referensi: Epstein (2019) — Range: Keunggulan generalis lintas domain dalam mengurai rantai masalah makro pada lingkungan yang disruptif.
Jangkar Referensi: Newport (2019) / Long & Averill (2003) — Digital Minimalism & Positive Solitude: Memposisikan teknologi di bawah kontrol mindfulness untuk otonomi penuh kehidupan.
"AI menyempurnakan struktur dan penyajian data masa depan saya. Namun arahnya valid, karena sistem prediktif ini menggunakan sejarah nyata saya sebagai Data Sources."
Blue Print Next's Era: The Architect of Meaning
Jika 10 tahun ke belakang adalah tentang akumulasi kapabilitas teknis, maka 5 tahun ke depan adalah tentang Kedaulatan Berpikir.
Jika 10 tahun ke belakang (Note 1) adalah tentang akumulasi kapabilitas teknis dan arsitektur
data, maka
5 tahun ke depan adalah tentang Kedaulatan Berpikir. Di era di mana AI mampu
mereplikasi kode dan komputasi dalam hitungan detik, diferensiasi manusia tidak lagi terletak
pada
execution speed, melainkan pada ketajaman mendefinisikan masalah.
Menatap 2026–2031 bukan lagi tentang mengumpulkan tumpukan teknologi baru, melainkan
mengadopsi
metode Reverse Thinking—memulai dari dampak nyata yang ingin
diciptakan, menjaga kejernihan mental lewat kesendirian strategis (solitude), baru
menarik
mundur arsitektur teknologi pendukungnya.
#ReverseThinking
#DataTechnovation
#MindfulArchitect #NextEraBlueprint #HumanAgency
The 2026 – 2031 Blueprint:
From Augmented to Autonomous
Technovation
Manifesto lima tahun ke depan: Mentransformasikan keahlian data menjadi arsitektur solusi mandiri yang berakar kuat pada nilai pragmatis dan ketenangan mental.
“Era baru tidak menuntut kita menjadi mesin yang lebih cepat, melainkan menuntut kita menjadi manusia yang lebih dalam. Menggali akar masalah dalam keheningan, bertindak dengan pragmatisme yang presisi.”
Pragmatic Programmer & Akar Masalah
Setelah 10+ tahun melewati implementasi, data engineering, hingga full-stack development — satu hal yang tidak pernah berubah.
Setelah 10+ tahun melewati implementasi, data engineering, hingga full-stack development —
satu hal
yang tidak pernah berubah: teknologi terbaik sekalipun akan gagal jika kita tidak memahami akar
masalahnya
dulu.
Menjadi pragmatic programmer bukan soal menguasai stack terbaru atau tool AI yang sedang viral.
Ini soal
moral dan etika dalam menyelesaikan masalah. Melihat ke dalam dulu, mencari solusi yang tepat,
baru
kemudian memilih teknologi yang sesuai.
AI tidak mengubah prinsip ini. Justru mempertegas: garbage in, garbage out — berlaku untuk
data,
untuk prompt, dan untuk keputusan bisnis.
#PragmaticProgrammer
#DataEngineering
#SoftwareDevelopment #AIEthics #TechEvolution
Future Career Path : Evolusi Karir
& Insight di Era
AI
10+ tahun perjalanan — dari deployment ke arsitektur data, menuju eksplorasi AI yang berakar pada pemecahan masalah nyata.
- Eksplorasi AI — tapi selalu tanya masalah nyata apa yang dipecahkan?
- Deep dive ke root cause sebelum deploy model
- AI sebagai amplifier, bukan pengganti critical thinking
- Deliver solusi konkret untuk client — bukan proof of concept
Di era AI yang bergerak cepat, keunggulan bukan pada siapa yang paling cepat adopsi tools terbaru — melainkan pada siapa yang cukup bijak untuk memahami masalah nyata sebelum memilih solusi.
A lifelong learner,
always exploring.
Code is my craft, the outdoors is my reset. I engineer the web with the same curiosity I bring to every new terrain.
"Move around, be nomadic, make each day a new horizon."
— Alexander Supertramp (Chris McCandless)Let's build
something together.
Have a project in mind or just want to connect? I'm always open to new opportunities and collaborations.