[{"data":1,"prerenderedAt":2015},["ShallowReactive",2],{"project-makassar-raya-motor-id":3,"all-projects-engineering-design-id":187},{"id":4,"title":5,"architecture":6,"body":27,"category":149,"company":150,"contribution":151,"cover":154,"description":155,"draft":156,"extension":157,"featured":158,"links":159,"meta":163,"metrics":164,"navigation":158,"order":139,"path":174,"role":175,"seo":176,"stem":177,"technologies":178,"timeline":183,"type":184,"year":185,"__hash__":186},"projects_id\u002Fprojects\u002Fmakassar-raya-motor.md","Intelijen Penjualan Spasial",[7,11,15,19,23],{"id":8,"label":9,"detail":10},"data","Data penjualan + indikator BPS","Catatan penjualan dealer digabung dengan data PDRB, pendapatan per kapita, dan jumlah penduduk dari Badan Pusat Statistik (BPS).",{"id":12,"label":13,"detail":14},"geo","Batas wilayah GeoJSON","Batas provinsi, kabupaten\u002Fkota, dan kecamatan yang disiapkan bersama tim pemetaan spasial.",{"id":16,"label":17,"detail":18},"api","Layanan spasial FastAPI","Mengolah data spasial dan menjalankan fitur-fitur pemetaan.",{"id":20,"label":21,"detail":22},"viz","Dashboard Plotly","Peta dan grafik interaktif per provinsi, kabupaten\u002Fkota, dan kecamatan.",{"id":24,"label":25,"detail":26},"app","Aplikasi web Laravel Livewire","Manajemen data, impor, dan dashboard yang tertanam dalam satu tempat.",{"type":28,"value":29,"toc":137},"minimark",[30,35,39,43,46,50,83,87,91,95,106,110,114,117,121,129,133],[31,32,34],"h2",{"id":33},"masalah","Masalah",[36,37,38],"p",{},"PT. Makassar Raya Motor mengelola 10 cabang Daihatsu di Sulawesi Selatan, Sulawesi Tengah, dan Sulawesi Tenggara. Keputusan penjualan diambil tanpa gambaran geografis yang jelas tentang di mana permintaan kuat, lemah, atau belum tergarap.",[31,40,42],{"id":41},"konteks","Konteks",[36,44,45],{},"Data penjualan sudah ada, tetapi tidak terhubung dengan geografi maupun konteks sosial-ekonomi. Analisisnya harus bekerja di beberapa tingkat — provinsi, kabupaten\u002Fkota, kecamatan, dan desa — dan bisa dipakai oleh pemangku kepentingan non-teknis.",[31,47,49],{"id":48},"solusi","Solusi",[51,52,53,61,67,73],"ul",{},[54,55,56,60],"li",{},[57,58,59],"strong",{},"Analisis spasial"," penjualan di 3 provinsi, 54 kabupaten\u002Fkota, 709 kecamatan, dan 7.394 desa.",[54,62,63,66],{},[57,64,65],{},"Peta yang punya konteks"," — dipadukan dengan indikator PDRB, pendapatan per kapita, dan jumlah penduduk dari BPS, dirancang bersama para ahli perencanaan wilayah.",[54,68,69,72],{},[57,70,71],{},"Dashboard interaktif"," yang dibangun dengan Python Plotly.",[54,74,75,78,79,82],{},[57,76,77],{},"Aplikasi web full-stack"," (Laravel Livewire) untuk manajemen data, impor, dan dashboard yang tertanam, didukung layanan ",[57,80,81],{},"FastAPI"," untuk pemrosesan spasial.",[31,84,86],{"id":85},"arsitektur","Arsitektur",[88,89],"architecture-explorer",{":nodes":90},"architecture",[31,92,94],{"id":93},"tantangan-teknis","Tantangan teknis",[51,96,97,100,103],{},[54,98,99],{},"Menyerap dan membersihkan GeoJSON untuk tiga provinsi di beberapa tingkat administratif.",[54,101,102],{},"Menjaga peta tetap responsif saat merender ratusan poligon kecamatan.",[54,104,105],{},"Menggabungkan catatan penjualan dengan wilayah administratif secara konsisten.",[31,107,109],{"id":108},"dampak","Dampak",[111,112],"metric-grid",{":metrics":113},"metrics",[36,115,116],{},"Pemangku kepentingan bisa menjelajahi kinerja penjualan berdampingan dengan indikator sosial-ekonomi dalam sekali lihat, alih-alih membaca spreadsheet per cabang.",[31,118,120],{"id":119},"pelajaran","Pelajaran",[36,122,123,124,128],{},"Nilai sebuah dashboard ada pada pertanyaan yang bisa diajukan orang melaluinya. Memadukan data penjualan dengan data sosial-ekonomi publik mengubah \"di mana kita berjualan?\" menjadi \"di mana kita ",[125,126,127],"em",{},"seharusnya"," berjualan?\".",[31,130,132],{"id":131},"cuplikan","Cuplikan",[134,135],"gallery",{":images":136},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fmakassar-raya-motor\u002Fmrm1.jpeg\",\"alt\":\"Analisis peta\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fmakassar-raya-motor\u002Fmrm3.jpeg\",\"alt\":\"Analisis dashboard\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fmakassar-raya-motor\u002Fmrm2.jpeg\",\"alt\":\"Manajemen data\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fmakassar-raya-motor\u002Fmrm4.jpeg\",\"alt\":\"Fitur impor data\"}]",{"title":138,"searchDepth":139,"depth":139,"links":140},"",2,[141,142,143,144,145,146,147,148],{"id":33,"depth":139,"text":34},{"id":41,"depth":139,"text":42},{"id":48,"depth":139,"text":49},{"id":85,"depth":139,"text":86},{"id":93,"depth":139,"text":94},{"id":108,"depth":139,"text":109},{"id":119,"depth":139,"text":120},{"id":131,"depth":139,"text":132},"Data · Geo-web","PT. Makassar Raya Motor",{"team":152,"mine":153},"Desain peta dikerjakan bersama para ahli perencanaan wilayah di tim pemetaan spasial.","Analisis spasial, dashboard Plotly, backend FastAPI, dan aplikasi web Livewire.","\u002Fimages\u002Fwork\u002Fmakassar-raya-motor\u002Fmrm1.jpeg","Analisis spasial dan dashboard interaktif yang memetakan kinerja penjualan di 3 provinsi hingga 7.394 desa untuk grup dealer Daihatsu.",false,"md",true,[160],{"label":161,"url":162},"Profil klien","https:\u002F\u002Fdaihatsumrm.co.id\u002F",{},[165,168,171],{"value":166,"label":167},"3","provinsi dianalisis",{"value":169,"label":170},"709","kecamatan dipetakan",{"value":172,"label":173},"7,394","desa tercakup","\u002Fprojects\u002Fmakassar-raya-motor","Software Engineer & Data Analyst (Kontrak)",{"title":5,"description":155},"projects\u002Fmakassar-raya-motor",[179,81,180,181,182],"Python","Plotly","Laravel Livewire","GeoJSON","Okt 2023 — Jun 2024","engineering",2024,"_D742L1GZZNkRqF5HT4LX-uZAcLP0N-ChpS-wZAfXAc",[188,344,433,703,813,938,1071,1131,1300,1348,1444,1598,1685,1779,1850,1966],{"id":189,"title":190,"architecture":191,"body":215,"category":308,"company":309,"contribution":310,"cover":313,"description":314,"draft":156,"extension":157,"featured":158,"links":315,"meta":320,"metrics":321,"navigation":158,"order":331,"path":332,"role":333,"seo":334,"stem":335,"technologies":336,"timeline":341,"type":184,"year":342,"__hash__":343},"projects_id\u002Fprojects\u002Fvektorpedia.md","VektorPedia",[192,196,200,204,208,211],{"id":193,"label":194,"detail":195},"sources","GloBI · Wikidata · DBpedia · NCBITaxon","Empat knowledge graph publik yang mendeskripsikan spesies, taksonomi, dan interaksi biotik.",{"id":197,"label":198,"detail":199},"ingest","Ingesti & penyelarasan","Entitas dari setiap sumber diambil lalu diselaraskan menjadi satu knowledge graph keanekaragaman hayati.",{"id":201,"label":202,"detail":203},"graph","Knowledge graph keanekaragaman hayati","Serangga, virus, dan tanaman yang terhubung lewat edge interaksi bertipe.",{"id":205,"label":206,"detail":207},"analysis","Analisis jaringan & skoring","Metrik graf memberi skor seberapa mungkin seekor serangga berperan sebagai vektor virus tanaman.",{"id":16,"label":209,"detail":210},"Web server Python","Menangani query dan pemrosesan data untuk mesin pencari.",{"id":212,"label":213,"detail":214},"client","Client Vue","UI pencarian bagi peneliti untuk menjelajahi kandidat vektor beserta buktinya.",{"type":28,"value":216,"toc":298},[217,219,230,232,235,237,243,245,247,249,269,271,273,288,290,293,295],[31,218,34],{"id":33},[36,220,221,222,225,226,229],{},"Virus tanaman menyebar melalui serangga, tetapi pengetahuan tentang serangga ",[125,223,224],{},"mana"," yang membawa virus ",[125,227,228],{},"apa"," tersebar di banyak database keanekaragaman hayati. Peneliti dan praktisi penyakit tanaman tidak punya satu tempat untuk bertanya: \"serangga apa saja yang kemungkinan menjadi vektor virus ini?\"",[31,231,42],{"id":41},[36,233,234],{},"Ini adalah tesis magister saya di IPB University. Datanya sebenarnya sudah tersedia secara publik — di Global Biotic Interactions (GloBI), Wikidata, DBpedia, dan ontologi NCBI Taxonomy — tetapi dalam bentuk, identifier, dan tingkat kelengkapan yang berbeda-beda.",[31,236,49],{"id":48},[36,238,239,240,242],{},"Saya membangun ",[57,241,190],{},", mesin pencari yang didukung knowledge graph keanekaragaman hayati yang terintegrasi. Data dari keempat sumber diambil dan diselaraskan menjadi satu graf yang menangkap hubungan antara serangga, virus, dan tanaman. Analisis jaringan pada graf itu memunculkan dan memberi skor pada kandidat serangga vektor.",[31,244,86],{"id":85},[88,246],{":nodes":90},[31,248,94],{"id":93},[51,250,251,257,263],{},[54,252,253,256],{},[57,254,255],{},"Sumber yang heterogen"," — setiap knowledge graph memakai identifier dan kosakatanya sendiri, sehingga entitas harus diselaraskan dulu sebelum analisis apa pun bisa bermakna.",[54,258,259,262],{},[57,260,261],{},"Sinyal dari struktur"," — data interaksinya jarang; analisis jaringan dipakai untuk menyimpulkan kandidat vektor dari cara spesies saling terhubung, bukan hanya dari catatan langsung.",[54,264,265,268],{},[57,266,267],{},"Dari riset menjadi produk"," — mengubah pipeline riset menjadi aplikasi pencarian yang bisa dipakai dalam waktu sekitar tiga bulan.",[31,270,109],{"id":108},[111,272],{":metrics":113},[36,274,275,276,279,280,287],{},"Penelitian ini dipublikasikan di jurnal terindeks Scopus (",[125,277,278],{},"JISEBI",", 2024) dan di-deploy di ",[281,282,286],"a",{"href":283,"rel":284},"https:\u002F\u002Fvektorpedia.ipb.ac.id\u002F",[285],"nofollow","vektorpedia.ipb.ac.id",".",[31,289,120],{"id":119},[36,291,292],{},"Knowledge graph kuat justru karena membawa konteks — tetapi sebagian besar usahanya ada pada pekerjaan penyelarasan yang tidak glamor. Pengalaman pencarian yang baik di atasnyalah yang membuat riset bisa dipakai oleh orang di luar laboratorium.",[31,294,132],{"id":131},[134,296],{":images":297},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fvektorpedia\u002F1.jpeg\",\"alt\":\"Ringkasan ide\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fvektorpedia\u002F2.jpeg\",\"alt\":\"Tahapan penelitian\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fvektorpedia\u002F3.jpeg\",\"alt\":\"Graf interaksi\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fvektorpedia\u002F4.jpeg\",\"alt\":\"Embedding takson\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fvektorpedia\u002F5.jpg\",\"alt\":\"Skoring serangga vektor\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fvektorpedia\u002F6.jpg\",\"alt\":\"Halaman informasi detail\"}]",{"title":138,"searchDepth":139,"depth":139,"links":299},[300,301,302,303,304,305,306,307],{"id":33,"depth":139,"text":34},{"id":41,"depth":139,"text":42},{"id":48,"depth":139,"text":49},{"id":85,"depth":139,"text":86},{"id":93,"depth":139,"text":94},{"id":108,"depth":139,"text":109},{"id":119,"depth":139,"text":120},{"id":131,"depth":139,"text":132},"AI · Knowledge Graph","IPB University",{"team":311,"mine":312},"Arah riset dan bimbingan berasal dari dosen pembimbing tesis saya.","Ingesti data, integrasi knowledge graph, analisis jaringan, dan seluruh aplikasi pencarian (backend + frontend).","\u002Fimages\u002Fwork\u002Fvektorpedia\u002F6.jpg","Mesin pencari yang menemukan serangga vektor virus tanaman dengan mengintegrasikan empat knowledge graph publik dan menjalankan analisis jaringan di atasnya.",[316,317],{"label":286,"url":283},{"label":318,"url":319},"Paper yang dipublikasikan","https:\u002F\u002Fe-journal.unair.ac.id\u002FJISEBI\u002Farticle\u002Fview\u002F50015",{},[322,325,328],{"value":323,"label":324},"4","knowledge graph publik terintegrasi",{"value":326,"label":327},"3 bln","dari desain hingga aplikasi ter-deploy",{"value":329,"label":330},"Scopus","publikasi terindeks",1,"\u002Fprojects\u002Fvektorpedia","Peneliti & Engineer (Tesis magister)",{"title":190,"description":314},"projects\u002Fvektorpedia",[179,337,338,339,340],"Vue","SPARQL","Knowledge Graph","Network Analysis","Agu 2022 — Des 2023",2023,"n5qltCpJWbV_EBq4sTMY0t9TqBBkwsmbWLtiYqIicJE",{"id":4,"title":5,"architecture":345,"body":351,"category":149,"company":150,"contribution":423,"cover":154,"description":155,"draft":156,"extension":157,"featured":158,"links":424,"meta":426,"metrics":427,"navigation":158,"order":139,"path":174,"role":175,"seo":431,"stem":177,"technologies":432,"timeline":183,"type":184,"year":185,"__hash__":186},[346,347,348,349,350],{"id":8,"label":9,"detail":10},{"id":12,"label":13,"detail":14},{"id":16,"label":17,"detail":18},{"id":20,"label":21,"detail":22},{"id":24,"label":25,"detail":26},{"type":28,"value":352,"toc":413},[353,355,357,359,361,363,383,385,387,389,397,399,401,403,405,409,411],[31,354,34],{"id":33},[36,356,38],{},[31,358,42],{"id":41},[36,360,45],{},[31,362,49],{"id":48},[51,364,365,369,373,377],{},[54,366,367,60],{},[57,368,59],{},[54,370,371,66],{},[57,372,65],{},[54,374,375,72],{},[57,376,71],{},[54,378,379,78,381,82],{},[57,380,77],{},[57,382,81],{},[31,384,86],{"id":85},[88,386],{":nodes":90},[31,388,94],{"id":93},[51,390,391,393,395],{},[54,392,99],{},[54,394,102],{},[54,396,105],{},[31,398,109],{"id":108},[111,400],{":metrics":113},[36,402,116],{},[31,404,120],{"id":119},[36,406,123,407,128],{},[125,408,127],{},[31,410,132],{"id":131},[134,412],{":images":136},{"title":138,"searchDepth":139,"depth":139,"links":414},[415,416,417,418,419,420,421,422],{"id":33,"depth":139,"text":34},{"id":41,"depth":139,"text":42},{"id":48,"depth":139,"text":49},{"id":85,"depth":139,"text":86},{"id":93,"depth":139,"text":94},{"id":108,"depth":139,"text":109},{"id":119,"depth":139,"text":120},{"id":131,"depth":139,"text":132},{"team":152,"mine":153},[425],{"label":161,"url":162},{},[428,429,430],{"value":166,"label":167},{"value":169,"label":170},{"value":172,"label":173},{"title":5,"description":155},[179,81,180,181,182],{"id":434,"title":435,"architecture":436,"body":451,"category":672,"company":673,"contribution":674,"cover":676,"description":677,"draft":156,"extension":157,"featured":158,"links":678,"meta":682,"metrics":683,"navigation":158,"order":692,"path":693,"role":694,"seo":695,"stem":696,"technologies":697,"timeline":700,"type":184,"year":701,"__hash__":702},"projects_id\u002Fprojects\u002Ftimemarket.md","TimeMarket",[437,440,444,447],{"id":212,"label":438,"detail":439},"PWA mobile-first","Bisa diinstal dari Chrome sehingga berperilaku seperti aplikasi Android native.",{"id":441,"label":442,"detail":443},"ui","Komponen Livewire","UI interaktif tanpa SPA terpisah, sehingga pengembangan tetap cepat.",{"id":24,"label":445,"detail":446},"Aplikasi Laravel","Program kerja (proker), pekerjaan, aturan pendelegasian, serta model peran\u002Fhak akses.",{"id":448,"label":449,"detail":450},"db","MySQL","Pegawai, program kerja, pekerjaan, dan riwayat beban kerja.",{"type":28,"value":452,"toc":663},[453,455,458,460,482,484,510,517,519,521,523,530,651,653,655,658,660],[31,454,34],{"id":33},[36,456,457],{},"Sebagai bagian dari program inovasi internal Bank Indonesia, kantor perwakilan Gorontalo membutuhkan cara untuk mendelegasikan pekerjaan secara tepat, memantaunya, dan menjaga beban kerja setiap pegawai dalam batas yang wajar.",[31,459,42],{"id":41},[36,461,462,463,466,467,466,470,473,474,477,478,481],{},"Aplikasinya harus bisa dipakai dari mana saja dan mudah bagi setiap pegawai — dari staf hingga kepala kantor. Ada empat peran yang terlibat: ",[57,464,465],{},"Pegawai",", ",[57,468,469],{},"Ketua Tim (Chief)",[57,471,472],{},"Kepala Kantor (KPw)",", dan ",[57,475,476],{},"Admin",", masing-masing dengan hak berbeda atas program kerja (",[125,479,480],{},"proker",") dan pekerjaan.",[31,483,49],{"id":48},[51,485,486,493,500,507],{},[54,487,488,489,492],{},"UI interaktif dengan ",[57,490,491],{},"Livewire"," agar pengembangan tetap cepat.",[54,494,495,496,499],{},"Desain ",[57,497,498],{},"mobile-first"," sehingga sama baiknya di desktop maupun ponsel.",[54,501,502,503,506],{},"Mode ",[57,504,505],{},"semi-PWA",": dengan metadata yang tepat, aplikasi bisa diinstal dari Chrome dan dibuka seperti aplikasi Android native.",[54,508,509],{},"Buku panduan pengguna untuk proses peluncuran.",[36,511,512],{},[513,514],"video",{"src":515,"controls":158,"muted":158,"playsInline":158,"preload":516},"\u002Fimages\u002Fwork\u002Ftimemarket\u002Ftimemarket_homescreen.webm","none",[31,518,86],{"id":85},[88,520],{":nodes":90},[31,522,94],{"id":93},[36,524,525,526,529],{},"Model hak akses adalah inti produknya: siapa yang boleh membuat, mengubah, memindahkan, atau menyelesaikan pekerjaan bergantung pada peran ",[125,527,528],{},"dan"," pada apakah pengguna tersebut memimpin program kerja itu.",[531,532,533,553],"table",{},[534,535,536],"thead",{},[537,538,539,543,545,548,551],"tr",{},[540,541,542],"th",{},"Fitur",[540,544,465],{},[540,546,547],{},"Chief",[540,549,550],{},"Kepala Kantor",[540,552,476],{},[554,555,556,571,585,599,612,625,638],"tbody",{},[537,557,558,562,565,567,569],{},[559,560,561],"td",{},"Melihat program kerja & pekerjaan",[559,563,564],{},"Ya",[559,566,564],{},[559,568,564],{},[559,570,564],{},[537,572,573,576,579,581,583],{},[559,574,575],{},"Menambah program kerja",[559,577,578],{},"—",[559,580,564],{},[559,582,578],{},[559,584,578],{},[537,586,587,590,593,595,597],{},[559,588,589],{},"Mengubah program kerja",[559,591,592],{},"Jika ketua proker",[559,594,564],{},[559,596,578],{},[559,598,564],{},[537,600,601,604,606,608,610],{},[559,602,603],{},"Menambah \u002F mengubah \u002F menghapus pekerjaan",[559,605,592],{},[559,607,592],{},[559,609,578],{},[559,611,578],{},[537,613,614,617,619,621,623],{},[559,615,616],{},"Memindahkan pekerjaan ke orang lain",[559,618,592],{},[559,620,592],{},[559,622,578],{},[559,624,578],{},[537,626,627,630,632,634,636],{},[559,628,629],{},"Menandai pekerjaan selesai",[559,631,564],{},[559,633,578],{},[559,635,578],{},[559,637,578],{},[537,639,640,643,645,647,649],{},[559,641,642],{},"Kalender utama",[559,644,564],{},[559,646,564],{},[559,648,564],{},[559,650,578],{},[31,652,109],{"id":108},[111,654],{":metrics":113},[36,656,657],{},"Kontraknya diperpanjang untuk versi kedua, yang selesai dalam 3 bulan, disusul 6 bulan pemeliharaan.",[31,659,120],{"id":119},[36,661,662],{},"Untuk tool internal, adopsi mengalahkan fitur. Membuatnya bisa diinstal di ponsel yang sudah dibawa orang setiap hari berdampak lebih besar pada pemakaian dibanding fitur mana pun.",{"title":138,"searchDepth":139,"depth":139,"links":664},[665,666,667,668,669,670,671],{"id":33,"depth":139,"text":34},{"id":41,"depth":139,"text":42},{"id":48,"depth":139,"text":49},{"id":85,"depth":139,"text":86},{"id":93,"depth":139,"text":94},{"id":108,"depth":139,"text":109},{"id":119,"depth":139,"text":120},"Produk · Full-stack","Bank Indonesia — Kantor Perwakilan Gorontalo",{"mine":675},"Pengembangan full-stack v1 dan v2, mode PWA, dan buku panduan pengguna.","\u002Fimages\u002Fwork\u002Ftimemarket\u002Ftimemarket.png","PWA manajemen beban kerja untuk Kantor Perwakilan Bank Indonesia Gorontalo yang menyeimbangkan pendelegasian pekerjaan antarpegawai.",[679],{"label":680,"url":681},"timemarket.masuk.id","https:\u002F\u002Ftimemarket.masuk.id",{},[684,686,689],{"value":323,"label":685},"peran pengguna dengan hak akses berbeda",{"value":687,"label":688},"6 bln","pengembangan full-stack v1",{"value":690,"label":691},"v2","kontrak diperpanjang untuk versi kedua",3,"\u002Fprojects\u002Ftimemarket","Web Developer (Kontrak)",{"title":435,"description":677},"projects\u002Ftimemarket",[698,491,699,449],"Laravel","PWA","Mei 2021 — Agu 2022",2021,"jtgKnP9AsFBnHJbF9T3K5wvkcenRA9Hu6oL2nnWpJmg",{"id":704,"title":705,"architecture":706,"body":721,"category":785,"company":705,"contribution":786,"cover":789,"description":790,"draft":156,"extension":157,"featured":158,"links":791,"meta":795,"metrics":796,"navigation":158,"order":803,"path":804,"role":805,"seo":806,"stem":807,"technologies":808,"timeline":811,"type":184,"year":342,"__hash__":812},"projects_id\u002Fprojects\u002Fcontag.md","Contag School",[707,711,714,718],{"id":708,"label":709,"detail":710},"clients","Back office & aplikasi","Back office untuk admin dan aplikasi untuk pengguna akhir.",{"id":16,"label":712,"detail":713},"NestJS API","Layanan modular dengan dependency injection, satu modul per domain.",{"id":715,"label":716,"detail":717},"domain","Modul domain akademik","Lebih dari 20 modul yang mencakup alur kerja urusan akademik.",{"id":448,"label":719,"detail":720},"Database","Data akademik yang persisten.",{"type":28,"value":722,"toc":776},[723,725,728,730,744,746,748,750,762,764,766,768,771,773],[31,724,34],{"id":33},[36,726,727],{},"Contag School membangun produk SaaS untuk pengelolaan urusan akademik perguruan tinggi. Mereka membutuhkan backend yang andal agar back office dan aplikasinya bisa berbagi data dan mengotomatiskan alur kerja.",[31,729,49],{"id":48},[36,731,732,733,736,737,740,741,287],{},"Saya mengembangkan ",[57,734,735],{},"lebih dari 20 modul API"," di atas ",[57,738,739],{},"NestJS",", disesuaikan dengan alur kerja akademik Contag, dan menjaga ritme pengiriman yang stabil dengan ",[57,742,743],{},"800+ commit",[31,745,86],{"id":85},[88,747],{":nodes":90},[31,749,94],{"id":93},[51,751,752,755],{},[54,753,754],{},"Menjaga modul yang terus bertambah tetap konsisten dan independen — modul NestJS + dependency injection membantu menegakkan batasannya.",[54,756,757,758,761],{},"Menerapkan prinsip ",[57,759,760],{},"SOLID"," agar fitur baru memperluas sistem, bukan menulis ulang sistem.",[31,763,109],{"id":108},[111,765],{":metrics":113},[31,767,120],{"id":119},[36,769,770],{},"Dengan banyak modul, konvensi lebih penting daripada kecerdikan. Penamaan yang jelas dan struktur yang konsisten membuat codebase mudah dipahami oleh anggota tim lainnya.",[31,772,132],{"id":131},[134,774],{":images":775},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fcontag\u002Fc1.jpeg\",\"alt\":\"Back office\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fcontag\u002Fc2.jpeg\",\"alt\":\"Aplikasi\"}]",{"title":138,"searchDepth":139,"depth":139,"links":777},[778,779,780,781,782,783,784],{"id":33,"depth":139,"text":34},{"id":48,"depth":139,"text":49},{"id":85,"depth":139,"text":86},{"id":93,"depth":139,"text":94},{"id":108,"depth":139,"text":109},{"id":119,"depth":139,"text":120},{"id":131,"depth":139,"text":132},"Backend · SaaS",{"team":787,"mine":788},"Arah produk dan aplikasi klien dipegang oleh tim Contag.","Modul API backend, mengikuti prinsip SOLID dan praktik clean code.","\u002Fimages\u002Fwork\u002Fcontag\u002Fc2.jpeg","Modul API backend untuk platform SaaS yang mengelola urusan akademik perguruan tinggi.",[792],{"label":793,"url":794},"contag.id","https:\u002F\u002Fcontag.id\u002F",{},[797,800],{"value":798,"label":799},"20+","modul API dikerjakan",{"value":801,"label":802},"800+","commit",4,"\u002Fprojects\u002Fcontag","Backend Engineer",{"title":705,"description":790},"projects\u002Fcontag",[739,809,810],"Node.js","TypeScript","Mar 2023 — Okt 2023","WjbffGgoVSAh9F5-TmVhrdrHi7-Sk0Z0rKJ9uxB3ZKI",{"id":814,"title":815,"architecture":816,"body":830,"category":907,"company":815,"contribution":908,"cover":911,"description":912,"draft":156,"extension":157,"featured":158,"links":913,"meta":920,"metrics":921,"navigation":158,"order":928,"path":929,"role":930,"seo":931,"stem":932,"technologies":933,"timeline":935,"type":184,"year":936,"__hash__":937},"projects_id\u002Fprojects\u002Fdigimosque.md","Digimosque",[817,821,824,826],{"id":818,"label":819,"detail":820},"android","Aplikasi Android","Pencarian masjid, donasi, fitur takmir.",{"id":16,"label":822,"detail":823},"Laravel API","Termasuk algoritma pencarian masjid terdekat.",{"id":448,"label":719,"detail":825},"Didesain ulang untuk mendukung fitur baru sambil tetap mempertahankan data lama.",{"id":827,"label":828,"detail":829},"admin","Panel admin Livewire","Data masjid, akses perangkat IoT, verifikasi takmir.",{"type":28,"value":831,"toc":898},[832,834,837,839,842,844,870,872,874,876,878,881,883,886,888,891],[31,833,34],{"id":33},[36,835,836],{},"Digimosque adalah platform masjid digital: mencari masjid terdekat, berdonasi untuk kegiatan keagamaan, mengelola kas \u002F infak \u002F kurban masjid, dan menghubungkan perangkat IoT (layar, AC, jadwal sholat). Prototipe Android-nya membutuhkan API sungguhan, dan pengurus membutuhkan panel web.",[31,838,42],{"id":41},[36,840,841],{},"Data yang sudah ada harus dipertahankan, jadi kami melakukan reverse-engineering terhadap database lama dan menyesuaikannya untuk fitur baru. Tenggat waktunya sudah dekat.",[31,843,49],{"id":48},[51,845,846,853,860],{},[54,847,848,849,852],{},"Memberi masukan untuk ",[57,850,851],{},"desain ulang database"," bersama product manager.",[54,854,855,856,859],{},"Membangun API ",[57,857,858],{},"pencarian masjid terdekat"," dan beberapa endpoint lainnya.",[54,861,862,863,866,867,869],{},"Membangun ",[57,864,865],{},"seluruh panel admin"," dengan ",[57,868,491],{}," — komponen yang bisa dipakai ulang memungkinkan 15 modul selesai dalam waktu kurang dari dua bulan.",[31,871,86],{"id":85},[88,873],{":nodes":90},[31,875,109],{"id":108},[111,877],{":metrics":113},[36,879,880],{},"Aplikasinya tersedia di Play Store.",[31,882,120],{"id":119},[36,884,885],{},"Memilih tool demi tenggat waktu, bukan demi CV: Livewire memungkinkan saya memakai ulang komponen dan bergerak cepat tanpa membangun SPA terpisah.",[31,887,132],{"id":131},[134,889],{":images":890},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fdigimosque\u002Fdigi1.png\",\"alt\":\"Panel admin\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fdigimosque\u002Fdigi2.png\",\"alt\":\"Panel admin\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fdigimosque\u002Fdigi3.png\",\"alt\":\"Panel admin\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fdigimosque\u002Fdigi4.png\",\"alt\":\"Panel admin\"}]",[892,893],"iframe",{"src":894,"title":895,"loading":896,"allow":897,"allowFullScreen":158},"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FuFxaXUciovo","DigiMosque Box & DigiMosque Mobile Apps","lazy","accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture",{"title":138,"searchDepth":139,"depth":139,"links":899},[900,901,902,903,904,905,906],{"id":33,"depth":139,"text":34},{"id":41,"depth":139,"text":42},{"id":48,"depth":139,"text":49},{"id":85,"depth":139,"text":86},{"id":108,"depth":139,"text":109},{"id":119,"depth":139,"text":120},{"id":131,"depth":139,"text":132},"Backend · Admin",{"team":909,"mine":910},"Dibangun bersama dua developer lain; dukungan deployment dari tim.","API pencarian masjid terdekat dan endpoint lainnya, masukan untuk desain ulang database, dan seluruh panel admin.","\u002Fimages\u002Fwork\u002Fdigimosque\u002Fdigi6.png","API pencarian masjid terdekat dan panel admin 15 modul untuk platform masjid digital.",[914,917],{"label":915,"url":916},"Profil perusahaan","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fdigimosque",{"label":918,"url":919},"Play Store","https:\u002F\u002Fplay.google.com\u002Fstore\u002Fsearch?q=digimosque&c=apps",{},[922,925],{"value":923,"label":924},"15","modul admin",{"value":926,"label":927},"\u003C 2 bln","untuk membangun panel admin",5,"\u002Fprojects\u002Fdigimosque","Web Developer (Berbasis proyek)",{"title":815,"description":912},"projects\u002Fdigimosque",[698,491,934],"REST API","Mar 2022 — Mei 2022",2022,"2CBdohpPbpWkkvGLEp1hoZ2dR3qKFULOa5FofMOpQnI",{"id":939,"title":940,"architecture":941,"body":958,"category":1047,"company":1048,"contribution":1049,"cover":1051,"description":1052,"draft":156,"extension":157,"featured":158,"links":1053,"meta":1054,"metrics":1055,"navigation":158,"order":1061,"path":1062,"role":1063,"seo":1064,"stem":1065,"technologies":1066,"timeline":1069,"type":184,"year":936,"__hash__":1070},"projects_id\u002Fprojects\u002Fjadwalin.md","Jadwalin",[942,946,950,954],{"id":943,"label":944,"detail":945},"excel","Ekspor Excel dari SIAK","Data mata kuliah dan contoh jadwal, karena akses API langsung tidak diizinkan.",{"id":947,"label":948,"detail":949},"import","Impor & validasi","Alur kerja Excel yang sudah familier bagi staf.",{"id":951,"label":952,"detail":953},"rules","Rule engine","Batasan program studi, dosen, ruangan, dan SKS sebagai validation rule Laravel.",{"id":955,"label":956,"detail":957},"generator","Generator greedy","Mengusulkan jadwal bebas bentrok secara otomatis.",{"type":28,"value":959,"toc":1038},[960,962,965,967,974,976,1020,1022,1024,1026,1028,1030,1033,1035],[31,961,34],{"id":33},[36,963,964],{},"Fakultas Ekonomi dan Bisnis Islam IAIN Sultan Amai Gorontalo perlu mengelola jadwal kuliah di seluruh fakultas tanpa bentrok.",[31,966,42],{"id":41},[36,968,969,970,973],{},"Data mata kuliah ada di Sistem Informasi Akademik (SIAK), tetapi akses API tidak diizinkan. Yang ",[125,971,972],{},"dimiliki"," staf adalah file ekspor Excel.",[31,975,49],{"id":48},[51,977,978,984,1014],{},[54,979,980,983],{},[57,981,982],{},"Impor berbasis Excel",", sehingga staf tetap memakai alur kerja yang mereka kenal dan integrasinya tidak bergantung pada akses SIAK.",[54,985,986,987],{},"Empat aturan bentrok, diimplementasikan sebagai validation rule Laravel sehingga aturan baru mudah ditambahkan:\n",[988,989,990,996,1002,1008],"ol",{},[54,991,992,995],{},[57,993,994],{},"Program studi"," — jadwal satu program studi tidak boleh bertabrakan.",[54,997,998,1001],{},[57,999,1000],{},"Dosen"," — seorang dosen tidak bisa mengajar dua kelas sekaligus.",[54,1003,1004,1007],{},[57,1005,1006],{},"Ruangan"," — satu ruangan tidak boleh dipesan dua kali.",[54,1009,1010,1013],{},[57,1011,1012],{},"SKS"," — jumlah SKS mata kuliah harus sesuai dengan slot waktunya.",[54,1015,1016,1019],{},[57,1017,1018],{},"Generator jadwal otomatis"," menggunakan algoritma greedy.",[31,1021,86],{"id":85},[88,1023],{":nodes":90},[31,1025,109],{"id":108},[111,1027],{":metrics":113},[31,1029,120],{"id":119},[36,1031,1032],{},"Ketika integrasi ideal tidak tersedia, temui pengguna di tempat data mereka sudah berada. Impor Excel memang kurang elegan dibanding API — tapi jauh lebih berguna.",[31,1034,132],{"id":131},[134,1036],{":images":1037},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fjadwalin\u002Fjadwalin3.png\",\"alt\":\"Ringkasan jadwal\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fjadwalin\u002Fjadwalin1.png\",\"alt\":\"Manajemen jadwal\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fjadwalin\u002Fjadwalin2.png\",\"alt\":\"Detail jadwal\"}]",{"title":138,"searchDepth":139,"depth":139,"links":1039},[1040,1041,1042,1043,1044,1045,1046],{"id":33,"depth":139,"text":34},{"id":41,"depth":139,"text":42},{"id":48,"depth":139,"text":49},{"id":85,"depth":139,"text":86},{"id":108,"depth":139,"text":109},{"id":119,"depth":139,"text":120},{"id":131,"depth":139,"text":132},"Produk · Algoritma","IAIN Sultan Amai Gorontalo",{"mine":1050},"Satu-satunya developer — analisis, aturan, generator, dan UI.","\u002Fimages\u002Fwork\u002Fjadwalin\u002Fjadwalin3.png","Penjadwalan kuliah skala fakultas dengan aturan bentrok dan generator otomatis berbasis algoritma greedy, bersumber dari ekspor Excel alih-alih API yang terkunci.",[],{},[1056,1058],{"value":323,"label":1057},"aturan bentrok yang ditegakkan",{"value":1059,"label":1060},"2 bln","waktu pengerjaan",6,"\u002Fprojects\u002Fjadwalin","Full-stack Developer",{"title":940,"description":1052},"projects\u002Fjadwalin",[698,1067,1068],"Greedy algorithm","Excel import","Apr 2022 — Mei 2022","qnJD1j_wHBUS_IEYXoIOMBGjQpEbqjyQEHT4kzwUbmA",{"id":1072,"title":1073,"architecture":1074,"body":1075,"category":1107,"company":1108,"contribution":1109,"cover":1112,"description":1113,"draft":156,"extension":157,"featured":156,"links":1114,"meta":1118,"metrics":1119,"navigation":158,"order":1122,"path":1123,"role":1124,"seo":1125,"stem":1126,"technologies":1127,"timeline":1129,"type":184,"year":185,"__hash__":1130},"projects_id\u002Fprojects\u002Fpanah-papua.md","Panah Papua",null,{"type":28,"value":1076,"toc":1101},[1077,1079,1082,1084,1092,1094,1096,1098],[31,1078,34],{"id":33},[36,1080,1081],{},"Panah Papua adalah perkumpulan pembela tanah dan hutan adat Papua. Mereka membutuhkan peta publik yang jelas tentang hutan sagu di Papua Barat untuk mendukung konservasi dan pemanfaatan lahan yang berkelanjutan.",[31,1083,49],{"id":48},[51,1085,1086,1089],{},[54,1087,1088],{},"Pendekatan interdisipliner bersama rekan perencana kota, sehingga data spasialnya mencerminkan kondisi geografis yang sebenarnya.",[54,1090,1091],{},"Halaman peta yang ramah pengguna, menampilkan sebaran hutan sagu, tutupan lahan, dan cakupan wilayah administratif, lengkap dengan detail pop-up.",[31,1093,109],{"id":108},[111,1095],{":metrics":113},[31,1097,132],{"id":131},[134,1099],{":images":1100},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fpanah-papua\u002Fpp1.jpeg\",\"alt\":\"Peta topologi\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fpanah-papua\u002Fpp2.jpeg\",\"alt\":\"Peta cakupan wilayah administratif\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fpanah-papua\u002Fpp3.jpeg\",\"alt\":\"Fitur pop-up pada peta\"}]",{"title":138,"searchDepth":139,"depth":139,"links":1102},[1103,1104,1105,1106],{"id":33,"depth":139,"text":34},{"id":48,"depth":139,"text":49},{"id":108,"depth":139,"text":109},{"id":131,"depth":139,"text":132},"Geo-web","Panah Papua (LSM)",{"team":1110,"mine":1111},"Interpretasi geografi dan tata guna lahan berasal dari rekan seorang perencana kota.","Pengembangan halaman peta dan penyiapan data spasial.","\u002Fimages\u002Fwork\u002Fpanah-papua\u002Fpp1.jpeg","Halaman peta dan data spasial hutan sagu di Papua Barat, dibangun untuk LSM yang melindungi tanah adat.",[1115],{"label":1116,"url":1117},"Situs live","https:\u002F\u002Fpanah-papua.vercel.app\u002F",{},[1120],{"value":1121,"label":1060},"2 mgg",7,"\u002Fprojects\u002Fpanah-papua","Software Engineer & Spatial Data Analyst",{"title":1073,"description":1113},"projects\u002Fpanah-papua",[179,1128,182],"Web maps","Feb 2024 · 2 minggu","SMlglAeqQQB4gFVrpATshrKicU1GS6zrHGOwe8F4hG8",{"id":1132,"title":1133,"architecture":1074,"body":1134,"category":1280,"company":1281,"contribution":1074,"cover":1282,"description":1283,"draft":156,"extension":157,"featured":156,"links":1284,"meta":1287,"metrics":1288,"navigation":158,"order":1292,"path":1293,"role":1294,"seo":1295,"stem":1296,"technologies":1297,"timeline":1074,"type":184,"year":701,"__hash__":1299},"projects_id\u002Fprojects\u002Fsindasi.md","Sindasi",{"type":28,"value":1135,"toc":1274},[1136,1138,1141,1143,1160,1264,1266,1269,1271],[31,1137,34],{"id":33},[36,1139,1140],{},"Jurusan secara rutin perlu memilih mahasiswa yang tepat — untuk beasiswa, lomba, atau asisten riset — tetapi kriterianya berubah dari satu kasus ke kasus lain.",[31,1142,49],{"id":48},[36,1144,1145,1147,1148,1151,1152,1155,1156,1159],{},[57,1146,1133],{}," menggabungkan informasi mahasiswa yang lengkap (akademik dan non-akademik) dengan mesin pendukung keputusan yang dinamis berbasis ",[57,1149,1150],{},"AHP"," (Analytical Hierarchy Process) dan ",[57,1153,1154],{},"TOPSIS",". Pengguna mendefinisikan kriteria dan perbandingan berpasangan, menyimpannya sebagai ",[125,1157,1158],{},"preferensi",", lalu menghasilkan rekomendasi dari preferensi tersebut. Setiap rekomendasi bisa memberi bobot kriteria yang berbeda.",[531,1161,1162,1181],{},[534,1163,1164],{},[537,1165,1166,1168,1170,1173,1176,1179],{},[540,1167,542],{},[540,1169,1000],{},[540,1171,1172],{},"Ketua Jurusan",[540,1174,1175],{},"Ketua Prodi",[540,1177,1178],{},"Mahasiswa",[540,1180,476],{},[554,1182,1183,1202,1219,1234,1249],{},[537,1184,1185,1188,1191,1194,1197,1200],{},[559,1186,1187],{},"Daftar & profil mahasiswa",[559,1189,1190],{},"Mahasiswa bimbingan",[559,1192,1193],{},"Semua",[559,1195,1196],{},"Prodi sendiri",[559,1198,1199],{},"Milik sendiri",[559,1201,1193],{},[537,1203,1204,1207,1210,1212,1214,1216],{},[559,1205,1206],{},"Master kriteria",[559,1208,1209],{},"Lihat",[559,1211,1209],{},[559,1213,1209],{},[559,1215,578],{},[559,1217,1218],{},"Penuh",[537,1220,1221,1224,1226,1228,1230,1232],{},[559,1222,1223],{},"Master preferensi",[559,1225,1199],{},[559,1227,1193],{},[559,1229,1199],{},[559,1231,578],{},[559,1233,1193],{},[537,1235,1236,1239,1241,1243,1245,1247],{},[559,1237,1238],{},"Rekomendasi otomatis",[559,1240,578],{},[559,1242,564],{},[559,1244,564],{},[559,1246,578],{},[559,1248,578],{},[537,1250,1251,1254,1256,1258,1260,1262],{},[559,1252,1253],{},"Impor data",[559,1255,578],{},[559,1257,564],{},[559,1259,578],{},[559,1261,578],{},[559,1263,564],{},[31,1265,120],{"id":119},[36,1267,1268],{},"Membuat bobotnya bisa diatur mengubah tool skripsi sekali pakai menjadi sesuatu yang bisa dipakai ulang untuk banyak keputusan.",[31,1270,132],{"id":131},[134,1272],{":images":1273},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fsindasi\u002Fsindasi1.png\",\"alt\":\"Dashboard\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fsindasi\u002Fsindasi2.png\",\"alt\":\"Rekomendasi\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fsindasi\u002Fsindasi3.png\",\"alt\":\"Profil mahasiswa\"}]",{"title":138,"searchDepth":139,"depth":139,"links":1275},[1276,1277,1278,1279],{"id":33,"depth":139,"text":34},{"id":48,"depth":139,"text":49},{"id":119,"depth":139,"text":120},{"id":131,"depth":139,"text":132},"Sistem Pendukung Keputusan","Universitas Negeri Gorontalo","\u002Fimages\u002Fwork\u002Fsindasi\u002Fsindasi1.png","Sistem informasi dan rekomendasi mahasiswa menggunakan AHP-TOPSIS dengan bobot kriteria yang bisa diatur.",[1285],{"label":318,"url":1286},"https:\u002F\u002Fejurnal.ung.ac.id\u002Findex.php\u002Fjji\u002Farticle\u002Fview\u002F10246",{},[1289],{"value":1290,"label":1291},"5","peran pengguna",8,"\u002Fprojects\u002Fsindasi","Full-stack Developer & Peneliti (Skripsi)",{"title":1133,"description":1283},"projects\u002Fsindasi",[698,1298,449],"AHP-TOPSIS","PS_6MsydZ4YxaR8mZeg2RW_LDN0NEBWD6Srtrwqjc_w",{"id":1301,"title":1302,"architecture":1074,"body":1303,"category":1333,"company":1074,"contribution":1074,"cover":1334,"description":1335,"draft":156,"extension":157,"featured":156,"links":1336,"meta":1337,"metrics":1338,"navigation":158,"order":1339,"path":1340,"role":1341,"seo":1342,"stem":1343,"technologies":1344,"timeline":1074,"type":184,"year":1346,"__hash__":1347},"projects_id\u002Fprojects\u002Fkongkong.md","Kongkong",{"type":28,"value":1304,"toc":1328},[1305,1307,1313,1315,1323,1325],[31,1306,34],{"id":33},[36,1308,1309,1310,1312],{},"Mahasiswa yang menggalang dana untuk kegiatan biasanya mengedarkan daftar donatur dengan sedikit sekali informasi tentang kegiatannya. Idenya: sumber pendanaan alternatif yang menjelaskan ",[125,1311,228],{}," yang sedang didanai.",[31,1314,49],{"id":48},[36,1316,1317,1318,1322],{},"Saya membangun antarmukanya dari nol dengan Bootstrap — tanpa template — mengikuti prinsip mobile-first, karena mahasiswa kebanyakan memakai ponsel. Lihat ",[281,1319,1321],{"href":1320},"\u002Fwork\u002Fkongkong-interface","studi kasus desain antarmukanya"," untuk detail UI-nya.",[31,1324,132],{"id":131},[134,1326],{":images":1327},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong\u002Fkongkong1.png\",\"alt\":\"Beranda\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong\u002Fkongkong2.png\",\"alt\":\"Kampanye\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong\u002Fkongkong3.png\",\"alt\":\"Detail kampanye\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong\u002Fkongkong4.png\",\"alt\":\"Profil\"}]",{"title":138,"searchDepth":139,"depth":139,"links":1329},[1330,1331,1332],{"id":33,"depth":139,"text":34},{"id":48,"depth":139,"text":49},{"id":131,"depth":139,"text":132},"Full-stack · Proyek latihan","\u002Fimages\u002Fwork\u002Fkongkong\u002Fkongkong1.png","Platform crowdfunding mobile-first untuk kegiatan mahasiswa.",[],{},[],9,"\u002Fprojects\u002Fkongkong","Front-end Developer",{"title":1302,"description":1335},"projects\u002Fkongkong",[698,1345,699],"Bootstrap",2020,"bBP7-M0qS1QYYa3ahdxoeAo3-DWG5amNn3sckQP9BUg",{"id":1349,"title":1350,"architecture":1074,"body":1351,"category":1418,"company":1419,"contribution":1074,"cover":1420,"description":1421,"draft":156,"extension":157,"featured":156,"links":1422,"meta":1426,"metrics":1427,"navigation":158,"order":1433,"path":1434,"role":1435,"seo":1436,"stem":1437,"technologies":1438,"timeline":1442,"type":184,"year":342,"__hash__":1443},"projects_id\u002Fprojects\u002Fipb-summer-2023.md","Klasterisasi Daun Melon",{"type":28,"value":1352,"toc":1412},[1353,1355,1358,1360,1393,1395,1397,1407,1409],[31,1354,34],{"id":33},[36,1356,1357],{},"Di International Summer Course on AI and Optimization for Smart Agriculture (IPB, Okt 2023), tim kami menguji apakah citra daun melon bisa dikelompokkan secara otomatis untuk mendukung diagnosis penyakit dan pengelolaan tanaman.",[31,1359,49],{"id":48},[51,1361,1362,1368,1375,1386],{},[54,1363,1364,1365,287],{},"Mengekstraksi fitur tekstur dengan ",[57,1366,1367],{},"gray-level co-occurrence matrix (GLCM)",[54,1369,1370,1371,1374],{},"Mengelompokkan citra dengan ",[57,1372,1373],{},"K-Means"," (scikit-learn, OpenCV untuk pra-pemrosesan).",[54,1376,1377,1378,1381,1382,1385],{},"Memilih jumlah klaster dengan ",[57,1379,1380],{},"SSE"," dan ",[57,1383,1384],{},"silhouette score"," — nilai yang berguna berkisar 3–6; kami memakai 6 karena memberi informasi paling banyak bagi pakar tanaman.",[54,1387,1388,1389,1392],{},"Meninjau klaster ",[57,1390,1391],{},"bersama pakar tanaman",": klaster-klaster itu ternyata sesuai dengan daun berpenyakit, kekurangan nutrisi, tanaman sehat, dan kelompok dengan gejala serupa.",[31,1394,109],{"id":108},[111,1396],{":metrics":113},[36,1398,1399,1400,1403,1404,287],{},"Tim kami meraih ",[57,1401,1402],{},"Best Team",", dan saya menerima penghargaan ",[57,1405,1406],{},"Best Local Participant",[31,1408,132],{"id":131},[134,1410],{":images":1411},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fipb-summer-2023\u002F2.jpeg\",\"alt\":\"Klaster\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fipb-summer-2023\u002F1.jpeg\",\"alt\":\"Plot klaster\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fipb-summer-2023\u002F3.jpeg\",\"alt\":\"Skor SSE\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fipb-summer-2023\u002F4.jpeg\",\"alt\":\"Silhouette score\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fipb-summer-2023\u002F5.jpeg\",\"alt\":\"Presentasi tim\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fipb-summer-2023\u002F6.jpg\",\"alt\":\"Penghargaan\"}]",{"title":138,"searchDepth":139,"depth":139,"links":1413},[1414,1415,1416,1417],{"id":33,"depth":139,"text":34},{"id":48,"depth":139,"text":49},{"id":108,"depth":139,"text":109},{"id":131,"depth":139,"text":132},"AI · Machine Learning","IPB International Summer Course","\u002Fimages\u002Fwork\u002Fipb-summer-2023\u002F1.jpeg","Klasterisasi tanpa label pada citra daun melon dengan K-Means dan fitur tekstur GLCM — Best Team di IPB International Summer Course.",[1423],{"label":1424,"url":1425},"Tentang kegiatannya","https:\u002F\u002Fcsagri23.apps.cs.ipb.ac.id\u002F",{},[1428,1431],{"value":1429,"label":1430},"6","klaster divalidasi bersama pakar tanaman",{"value":1402,"label":1432},"penghargaan",10,"\u002Fprojects\u002Fipb-summer-2023","Machine Learning Engineer",{"title":1350,"description":1421},"projects\u002Fipb-summer-2023",[179,1439,1440,1373,1441],"scikit-learn","OpenCV","GLCM","8–20 Okt 2023","sSx5aFqBaLnUV8wH6O9bhmefpyHtSjr6ktZnQi01zTo",{"id":1445,"title":1446,"architecture":1074,"body":1447,"category":1579,"company":1580,"contribution":1074,"cover":1493,"description":1581,"draft":156,"extension":157,"featured":156,"links":1582,"meta":1583,"metrics":1584,"navigation":158,"order":1585,"path":1586,"role":1587,"seo":1588,"stem":1589,"technologies":1590,"timeline":1074,"type":1596,"year":701,"__hash__":1597},"projects_id\u002Fprojects\u002Fgenbi-branding.md","Branding GenBI Gorontalo",{"type":28,"value":1448,"toc":1570},[1449,1453,1456,1460,1463,1467,1471,1474,1480,1487,1494,1498,1501,1506,1512,1516,1519,1523,1527,1533,1539,1542,1548,1554,1560,1563,1567],[31,1450,1452],{"id":1451},"brief","Brief",[36,1454,1455],{},"Menampilkan GenBI sebagai komunitas dengan visi yang jelas dan target yang terarah, dengan desain yang mudah diingat — langkah awal menuju target 2025, dimulai dari manajemen internal dan kehadiran GenBI Gorontalo di media sosial.",[31,1457,1459],{"id":1458},"tantangannya","Tantangannya",[36,1461,1462],{},"GenBI Gorontalo mempertemukan penerima beasiswa Bank Indonesia dari tiga komisariat kampus, yang tersusun dalam tujuh departemen. Dengan begitu banyak orang yang membuat postingan, risikonya setiap postingan terlihat seperti berasal dari organisasi yang berbeda. Sebagai ketua saya bisa menentukan arah; sebagai desainer saya harus menjadikannya sesuatu yang benar-benar mau dipakai ulang oleh orang lain.",[1464,1465],"process-steps",{":steps":1466},"[{\"title\":\"Kata-kata lebih dulu\",\"text\":\"Sepakati visi 2025 dan nilai-nilainya sebelum menggambar apa pun — identitasnya harus menyampaikan sesuatu yang spesifik.\"},{\"title\":\"Satu logo untuk visi\",\"text\":\"Ubah visi menjadi satu emblem yang bisa hadir di setiap postingan sebagai pengingat yang tenang.\"},{\"title\":\"Satu keluarga simbol\",\"text\":\"Beri setiap departemen simbolnya sendiri, semuanya dibangun dari lingkaran, goresan, dan warna navy yang sama.\"},{\"title\":\"Template yang membawanya\",\"text\":\"Masukkan sistem itu ke dalam template feed dan bagan organisasi, sehingga anggota memakainya tanpa perlu memikirkannya.\"}]",[31,1468,1470],{"id":1469},"visi-dalam-bentuk-logo","Visi, dalam bentuk logo",[36,1472,1473],{},"Visi dan nilai 2025 dirumuskan sebagai:",[1475,1476,1477],"blockquote",{},[36,1478,1479],{},"Menjadi generasi baru Indonesia terbaik di Sulawesi yang memegang nilai kekeluargaan, saling menjaga, tekad, profesionalisme, dan keaktifan (KESATRIA).",[36,1481,1482,1483,1486],{},"Visi itu menjadi sebuah logo — ",[57,1484,1485],{},"Patuju Kesatria 2025"," — yang diulang di berbagai postingan GenBI Gorontalo sebagai pengingat. Sebuah bentuk tegak yang meruncing diangkat oleh sepasang sayap yang bertumpu pada ombak yang bergulung: satu siluet yang tetap terbaca bahkan seukuran ikon di footer.",[36,1488,1489],{},[1490,1491],"img",{"alt":1492,"src":1493},"Logo visi komunitas","\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Flogo-visi-kesatria-2025.png",[31,1495,1497],{"id":1496},"tujuh-simbol-satu-keluarga","Tujuh simbol, satu keluarga",[36,1499,1500],{},"Setiap departemen mendapat simbolnya sendiri. Semuanya berbagi satu konstruksi — sebuah lingkaran (sering kali terbuka), satu ketebalan goresan dengan ujung membulat, dan satu warna navy — sehingga masing-masing langsung dikenali sebagai GenBI, dan bersama-sama terbaca sebagai satu set.",[1502,1503],"symbol-explorer",{":items":1504,"caption":1505},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Fsymbols\u002Fpengurus-inti.png\",\"label\":\"Pengurus Inti\",\"meaning\":\"Kemudi kapal: tim inti yang mengarahkan, dan setiap jari-jarinya bertemu di satu pusat.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Fsymbols\u002Fkewirausahaan.png\",\"label\":\"Kewirausahaan\",\"meaning\":\"Titik dan garis yang membentuk orang-orang yang saling membantu.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Fsymbols\u002Fagama-pendidikan.png\",\"label\":\"Agama & Pendidikan\",\"meaning\":\"Pusaran yang tumbuh\",\"melambangkan bimbingan dan ilmu pengetahuan\":[null]},{\"src\":\"\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Fsymbols\u002Fkesehatan-masyarakat.png\",\"label\":\"Kesehatan Masyarakat\",\"meaning\":\"Sebuah titik yang dijaga di dalam lingkaran: kepedulian dan perlindungan.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Fsymbols\u002Flingkungan-hidup.png\",\"label\":\"Lingkungan Hidup\",\"meaning\":\"Daun kecil dengan garis menyerupai akar: kebersihan dan kesegaran.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Fsymbols\u002Forganisasi-keanggotaan.png\",\"label\":\"Organisasi & Keanggotaan\",\"meaning\":\"Sebuah titik dengan satu garis yang menembus lingkaran — merangkul anggota dan menghapus sekat.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Fsymbols\u002Fkerjasama-kemitraan.png\",\"label\":\"Kerja Sama & Kemitraan\",\"meaning\":\"Air yang mengalir deras: semangat untuk menjelajah, ujung tombak hubungan eksternal.\"}]","Dipotong dari lembar simbol aslinya. Pilih sebuah simbol untuk membaca maknanya.",[36,1507,1508],{},[1490,1509],{"alt":1510,"src":1511},"Simbol bidang departemen","\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Fsimbol-bidang-departemen.png",[31,1513,1515],{"id":1514},"palet","Palet",[36,1517,1518],{},"Warna navy yang pekat membawa simbol dan judul. Merah, hijau, dan kuning hanya muncul sebagai garis tipis di bagian bawah setiap template — cukup berwarna untuk terasa hidup, tapi tidak pernah cukup untuk bersaing dengan kontennya.",[1520,1521],"color-palette",{":colors":1522},"[{\"hex\":\"#184E78\",\"name\":\"Navy simbol\",\"role\":\"Simbol, judul, logo visi\"},{\"hex\":\"#0F2751\",\"name\":\"Navy pekat\",\"role\":\"Pita pertama pada garis footer\"},{\"hex\":\"#E94335\",\"name\":\"Merah\",\"role\":\"Aksen garis footer\"},{\"hex\":\"#20834F\",\"name\":\"Hijau\",\"role\":\"Aksen garis footer\"},{\"hex\":\"#FABC05\",\"name\":\"Kuning\",\"role\":\"Aksen garis footer\"}]",[31,1524,1526],{"id":1525},"sistemnya-saat-dipakai","Sistemnya saat dipakai",[36,1528,1529,1532],{},[57,1530,1531],{},"Template feed."," Setiap postingan memakai bingkai yang sama: logo mitra di header (Bank Indonesia, GenBI Gorontalo, dan tiga kampus), grid terang untuk konten, dan footer berisi logo visi, akun media sosial, dan garis warna. Siapa pun yang membuat postingan hanya perlu mengisi bagian tengahnya.",[36,1534,1535],{},[1490,1536],{"alt":1537,"src":1538},"Template feed Instagram","\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Ftemplate-feed-instagram.png",[36,1540,1541],{},"Dua pita tetapnya, dari dekat:",[36,1543,1544],{},[1490,1545],{"alt":1546,"src":1547},"Header template dengan logo-logo mitra","\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Ftemplate-header.png",[36,1549,1550],{},[1490,1551],{"alt":1552,"src":1553},"Footer template dengan logo visi, akun media sosial, dan garis empat warna","\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Ftemplate-footer.png",[36,1555,1556,1559],{},[57,1557,1558],{},"Bagan organisasi."," Simbol-simbol departemen muncul kembali sebagai watermark besar yang samar di belakang setiap kepala departemen — bagan strukturnya sekaligus menjadi kunci untuk membaca simbol-simbol itu.",[134,1561],{":images":1562},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Fdesain-struktur-organisasi.png\",\"alt\":\"Desain struktur organisasi\",\"caption\":\"Bagan organisasi untuk kepengurusan 2021–2022.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fgenbi-branding\u002Forganigram-detail.png\",\"alt\":\"Detail bagan organisasi dengan simbol sebagai watermark\",\"caption\":\"Detail: kemudi Pengurus Inti berada di belakang foto ketua.\"}]",[31,1564,1566],{"id":1565},"melihat-ke-belakang","Melihat ke belakang",[36,1568,1569],{},"Keputusan terkuatnya adalah menjaga setiap simbol pada konstruksi yang sama — itulah sebabnya tujuh ide yang berbeda tetap terlihat seperti satu organisasi. Jika mengerjakannya lagi, saya akan menuliskan aturannya sebagai pedoman satu halaman (ruang kosong, ukuran minimum, kapan memakai garis warna) agar pengurus berikutnya bisa meneruskan sistem ini tanpa saya.",{"title":138,"searchDepth":139,"depth":139,"links":1571},[1572,1573,1574,1575,1576,1577,1578],{"id":1451,"depth":139,"text":1452},{"id":1458,"depth":139,"text":1459},{"id":1469,"depth":139,"text":1470},{"id":1496,"depth":139,"text":1497},{"id":1514,"depth":139,"text":1515},{"id":1525,"depth":139,"text":1526},{"id":1565,"depth":139,"text":1566},"Identitas brand","GenBI Gorontalo","Logo visi, tujuh simbol bidang, dan seperangkat template yang memberi sebuah komunitas penerima beasiswa satu identitas yang jelas dan mudah diingat.",[],{},[],20,"\u002Fprojects\u002Fgenbi-branding","Desainer & Ketua",{"title":1446,"description":1581},"projects\u002Fgenbi-branding",[1591,1592,1593,1594,1595],"Branding","Logo","Iconography","Social media","Visual system","design","aAqbfnErCxwzcGAsdGj1uafwj_DL_RoijWfKbbx9DkA",{"id":1599,"title":1600,"architecture":1074,"body":1601,"category":1592,"company":1671,"contribution":1074,"cover":1621,"description":1672,"draft":156,"extension":157,"featured":156,"links":1673,"meta":1674,"metrics":1675,"navigation":158,"order":1676,"path":1677,"role":1678,"seo":1679,"stem":1680,"technologies":1681,"timeline":1074,"type":1596,"year":1683,"__hash__":1684},"projects_id\u002Fprojects\u002Fhexstudio-logo.md","Logo HEXSTUDIO",{"type":28,"value":1602,"toc":1664},[1603,1605,1608,1610,1617,1622,1626,1633,1639,1642,1646,1649,1653,1660],[31,1604,1452],{"id":1451},[36,1606,1607],{},"Logo studio yang modern namun ramah, dan menunjukkan keahlian di bidang desain.",[31,1609,49],{"id":48},[36,1611,1612,1613,1616],{},"Ruang negatif membentuk kata ",[57,1614,1615],{},"HEX",". Paletnya berasal dari tiga warna primer desain digital — merah, hijau, dan biru — sebagai tanda pemahaman terhadap dasar-dasar desain. Nadanya dibuat kalem, bukan terang, agar kesannya tetap ramah.",[36,1618,1619],{},[1490,1620],{"alt":1600,"src":1621},"\u002Fimages\u002Fwork\u002Fhexstudio-logo\u002Flogo-hexstudio.png",[31,1623,1625],{"id":1624},"bagaimana-hurufnya-muncul","Bagaimana hurufnya muncul",[36,1627,1628,1629,1632],{},"Tidak ada bagian logo yang digambar sebagai huruf. Setiap huruf tersusun dari balok-balok sederhana, dan hurufnya hanya ada di ruang putih yang tersisa di antaranya — detail yang akan diperhatikan klien desain, sekaligus bukti diam-diam bahwa studio ini memikirkan apa yang ",[125,1630,1631],{},"tidak"," ada.",[36,1634,1635],{},[1490,1636],{"alt":1637,"src":1638},"Bagaimana logo HEXSTUDIO membentuk H, E, dan X dengan ruang negatif","\u002Fimages\u002Fwork\u002Fhexstudio-logo\u002Fhexstudio-negative-space.svg",[1464,1640],{":steps":1641},"[{\"title\":\"Mulai dari namanya\",\"text\":\"\\\"HEX\\\" pendek dan geometris — kandidat yang bagus untuk huruf yang disusun dari balok, bukan digambar.\"},{\"title\":\"Balok, bukan goresan\",\"text\":\"Hanya persegi panjang dan segitiga: tajam di ukuran apa pun dan mudah direproduksi di media apa pun.\"},{\"title\":\"Pahat hurufnya\",\"text\":\"Potong celah, slot, dan saluran sampai H, E, dan X muncul di ruang negatif.\"},{\"title\":\"Satu warna primer per huruf\",\"text\":\"Merah, hijau, dan biru — RGB dari setiap layar — masing-masing dilembutkan agar logonya terasa bersahabat.\"}]",[31,1643,1645],{"id":1644},"warna","Warna",[1520,1647],{":colors":1648},"[{\"hex\":\"#E74C3C\",\"name\":\"Merah lembut\",\"role\":\"H\"},{\"hex\":\"#2FAB63\",\"name\":\"Hijau lembut\",\"role\":\"E\"},{\"hex\":\"#6CB8BE\",\"name\":\"Biru lembut\",\"role\":\"X\"},{\"hex\":\"#393939\",\"name\":\"Charcoal\",\"role\":\"Latar gelap\"}]",[31,1650,1652],{"id":1651},"varian","Varian",[36,1654,1655,1656,1659],{},"Wordmark-nya memakai huruf kapital dengan tracking lebar, dengan ",[57,1657,1658],{},"DIGITAL ART STUDIO"," sebagai deskriptor yang lebih kecil di bawahnya. Karena hurufnya hidup di ruang negatif, logo ini tetap bertahan saat direduksi menjadi satu warna — tetap terbaca sebagai HEX dalam abu-abu muda di atas charcoal.",[134,1661],{":images":1662,"fit":1663},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fhexstudio-logo\u002Fhexstudio-primary.png\",\"alt\":\"Logo utama di atas putih\",\"caption\":\"Utama — warna penuh di atas putih.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fhexstudio-logo\u002Fhexstudio-color-dark.png\",\"alt\":\"Logo warna penuh di atas charcoal\",\"caption\":\"Warna penuh di atas charcoal.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fhexstudio-logo\u002Fhexstudio-mono-dark.png\",\"alt\":\"Logo satu warna di atas charcoal\",\"caption\":\"Satu warna — ruang negatifnya tetap membentuk HEX.\"}]","contain",{"title":138,"searchDepth":139,"depth":139,"links":1665},[1666,1667,1668,1669,1670],{"id":1451,"depth":139,"text":1452},{"id":48,"depth":139,"text":49},{"id":1624,"depth":139,"text":1625},{"id":1644,"depth":139,"text":1645},{"id":1651,"depth":139,"text":1652},"HEXSTUDIO","Ruang negatif yang membentuk kata HEX, diwarnai dengan warna primer RGB yang kalem.",[],{},[],21,"\u002Fprojects\u002Fhexstudio-logo","Desainer",{"title":1600,"description":1672},"projects\u002Fhexstudio-logo",[1592,1591,1682],"Negative space",2019,"lXxzLuA8APviaAgOTY-SFW__cBBTJOuOArSH5Cigmf8",{"id":1686,"title":1687,"architecture":1074,"body":1688,"category":1592,"company":1766,"contribution":1074,"cover":1709,"description":1767,"draft":156,"extension":157,"featured":156,"links":1768,"meta":1769,"metrics":1770,"navigation":158,"order":1771,"path":1772,"role":1678,"seo":1773,"stem":1774,"technologies":1775,"timeline":1074,"type":1596,"year":1683,"__hash__":1778},"projects_id\u002Fprojects\u002Fkatili-corp-logo.md","Logo Katili Corp",{"type":28,"value":1689,"toc":1759},[1690,1692,1695,1697,1704,1710,1714,1717,1720,1724,1727,1733,1736,1739,1743,1746,1753],[31,1691,1452],{"id":1451},[36,1693,1694],{},"Logo yang modern dan minimalis, sekaligus menceritakan sejarah perusahaan yang didirikan lewat kerja keras seorang mahasiswa.",[31,1696,49],{"id":48},[36,1698,1699,1700,1703],{},"Logo ini dibangun di atas ",[57,1701,1702],{},"rasio emas"," (1,618), sehingga setiap sudut dan bidangnya tetap seimbang — itulah sisi \"modern dan minimalis\"-nya. Bentuknya adalah sebuah tas yang sedang diseret; di belakangnya, jejak angin membentuk kurva Fibonacci. Tas itu adalah sang mahasiswa; kurvanya adalah setiap perjuangan, yang diubah menjadi goresan yang indah.",[36,1705,1706],{},[1490,1707],{"alt":1708,"src":1709},"Penjelasan logo Katili Corp","\u002Fimages\u002Fwork\u002Fkatili-corp-logo\u002Flogo-katili-corp.png",[31,1711,1713],{"id":1712},"cerita-dalam-dua-bentuk","Cerita dalam dua bentuk",[36,1715,1716],{},"Seluruh logo adalah satu ide yang dibagi menjadi dua bagian: apa yang dibawa sang mahasiswa, dan jalan di belakangnya.",[134,1718],{":images":1719,"fit":1663},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fkatili-corp-logo\u002Fkatili-formula.png\",\"alt\":\"Spiral dan tas digabung menjadi satu logo\",\"caption\":\"Spiral + tas = logo: jalan di belakang, dan apa yang dibawa sang mahasiswa.\"}]",[31,1721,1723],{"id":1722},"konstruksi","Konstruksi",[36,1725,1726],{},"\"Minimalis\" mudah diucapkan tapi sulit dipertahankan. Di sini ia dipertahankan dengan satu aturan: setiap kurva dan proporsi berasal dari deret Fibonacci, pendekatan bilangan bulat dari 1 : 1,618.",[36,1728,1729],{},[1490,1730],{"alt":1731,"src":1732},"Persegi Fibonacci dan spiral emas di balik logo Katili Corp","\u002Fimages\u002Fwork\u002Fkatili-corp-logo\u002Fkatili-fibonacci.svg",[1464,1734],{":steps":1735},"[{\"title\":\"Persegi panjang emas\",\"text\":\"Persegi berukuran 1, 1, 2, 3, 5, dan 8 menyusun sebuah persegi panjang; seperempat lingkaran di masing-masing persegi menggambar spiralnya — angin di belakang tas.\"},{\"title\":\"Lingkaran untuk tasnya\",\"text\":\"Lingkaran-lingkaran yang saling bertumpuk dengan ukuran yang saling berkaitan membentuk badan tas, bukaannya, dan simpul di atasnya.\"},{\"title\":\"Satu ketebalan garis\",\"text\":\"Semuanya digambar sebagai satu garis monoline berwarna teal, sehingga logo tetap ringan dan bekerja sebagai outline di ukuran kecil.\"}]",[134,1737],{":images":1738,"fit":1663},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fkatili-corp-logo\u002Fkatili-golden-grid.png\",\"alt\":\"Grid rasio emas yang dipakai untuk menggambar spiral\",\"caption\":\"Grid emas — kurva spiralnya dipotong dari lingkaran-lingkaran ini.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkatili-corp-logo\u002Fkatili-circle-construction.png\",\"alt\":\"Konstruksi lingkaran pada tas\",\"caption\":\"Tasnya, dikonstruksi dari lingkaran-lingkaran yang saling bertumpuk.\"}]",[31,1740,1742],{"id":1741},"warna-tipografi","Warna & tipografi",[1520,1744],{":colors":1745},"[{\"hex\":\"#2C9C92\",\"name\":\"Teal\",\"role\":\"Logo dan wordmark\"},{\"hex\":\"#27292A\",\"name\":\"Charcoal\",\"role\":\"Lembar konstruksi dan latar gelap\"}]",[36,1747,1748,1749,1752],{},"Wordmark ",[57,1750,1751],{},"KATILI CORP"," memakai huruf kapital geometris yang tipis, menyamai ketebalan logo monoline-nya, sehingga logo dan nama terbaca sebagai satu kesatuan.",[36,1754,1755],{},[1490,1756],{"alt":1757,"src":1758},"Logo utama Katili Corp","\u002Fimages\u002Fwork\u002Fkatili-corp-logo\u002Fkatili-primary.png",{"title":138,"searchDepth":139,"depth":139,"links":1760},[1761,1762,1763,1764,1765],{"id":1451,"depth":139,"text":1452},{"id":48,"depth":139,"text":49},{"id":1712,"depth":139,"text":1713},{"id":1722,"depth":139,"text":1723},{"id":1741,"depth":139,"text":1742},"Katili Corp","Logo berbasis rasio emas yang menceritakan perusahaan yang dibangun dari kerja keras seorang mahasiswa.",[],{},[],22,"\u002Fprojects\u002Fkatili-corp-logo",{"title":1687,"description":1767},"projects\u002Fkatili-corp-logo",[1592,1776,1777],"Golden ratio","Monoline","N3i5dfcgUnWDS68tzuc7vOioHE6HouifG657BOftCRs",{"id":1780,"title":1781,"architecture":1074,"body":1782,"category":1592,"company":1838,"contribution":1074,"cover":1802,"description":1839,"draft":156,"extension":157,"featured":156,"links":1840,"meta":1841,"metrics":1842,"navigation":158,"order":1843,"path":1844,"role":1678,"seo":1845,"stem":1846,"technologies":1847,"timeline":1074,"type":1596,"year":1683,"__hash__":1849},"projects_id\u002Fprojects\u002Fkotaluwuk-logo.md","Logo Kotaluwuk.com",{"type":28,"value":1783,"toc":1832},[1784,1786,1789,1791,1798,1803,1807,1810,1816,1819,1823,1826,1829],[31,1785,1452],{"id":1451},[36,1787,1788],{},"Logo yang modern dan minimalis untuk website pariwisata, menggunakan ikon Luwuk — burung maleo.",[31,1790,49],{"id":48},[36,1792,1793,1794,1797],{},"Seekor burung maleo di depan matahari dan awan. Awannya berada ",[125,1795,1796],{},"di bawah"," burung, sehingga ia tampak terbang tinggi — Luwuk tidak hanya indah, tetapi juga bijak dan maju.",[36,1799,1800],{},[1490,1801],{"alt":1781,"src":1802},"\u002Fimages\u002Fwork\u002Fkotaluwuk-logo\u002Flogo-kotaluwuk.png",[31,1804,1806],{"id":1805},"membaca-logonya","Membaca logonya",[36,1808,1809],{},"Emblemnya dimaksudkan untuk dibaca dari atas ke bawah, seperti kartu pos: langit, subjek, cakrawala. Setiap elemen berupa bentuk putih solid atau garis putih tipis, sehingga seluruh pemandangannya tetap utuh dalam satu warna.",[36,1811,1812],{},[1490,1813],{"alt":1814,"src":1815},"Membaca logo Kotaluwuk.com dari atas ke bawah","\u002Fimages\u002Fwork\u002Fkotaluwuk-logo\u002Fkotaluwuk-layers.svg",[1464,1817],{":steps":1818},"[{\"title\":\"Ikon lokal\",\"text\":\"Maleo adalah burung yang sudah identik dengan daerah ini, sehingga logonya tidak perlu dijelaskan kepada warga setempat.\"},{\"title\":\"Posisi yang bercerita\",\"text\":\"Menempatkan awan lebih rendah dari burung adalah inti pesannya: ia sedang terbang tinggi.\"},{\"title\":\"Bentuk yang terwadahi\",\"text\":\"Pemandangannya berada di dalam persegi bersudut membulat, sehingga bisa dipakai sebagai avatar media sosial atau ikon situs tanpa digambar ulang.\"}]",[31,1820,1822],{"id":1821},"warna-varian","Warna & varian",[1520,1824],{":colors":1825},"[{\"hex\":\"#5E9DD3\",\"name\":\"Biru langit\",\"role\":\"Latar emblem dan wordmark\"},{\"hex\":\"#FFFFFF\",\"name\":\"Putih\",\"role\":\"Burung, matahari, awan, dan garis\"},{\"hex\":\"#000000\",\"name\":\"Hitam\",\"role\":\"Versi satu warna\"}]",[36,1827,1828],{},"Karena gambarnya tersusun dari bentuk putih dan garis tipis, logonya bisa diubah menjadi satu warna dengan rapi — versi outline untuk latar terang dan versi terbalik untuk latar gelap.",[134,1830],{":images":1831,"fit":1663},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fkotaluwuk-logo\u002Fkotaluwuk-primary.png\",\"alt\":\"Logo utama berwarna biru langit\",\"caption\":\"Utama — emblem biru langit dengan wordmark.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkotaluwuk-logo\u002Fkotaluwuk-mono-light.png\",\"alt\":\"Logo satu warna hitam di atas abu-abu muda\",\"caption\":\"Satu warna di atas latar terang.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkotaluwuk-logo\u002Fkotaluwuk-mono-dark.png\",\"alt\":\"Logo satu warna putih di atas hitam\",\"caption\":\"Versi terbalik untuk latar gelap.\"}]",{"title":138,"searchDepth":139,"depth":139,"links":1833},[1834,1835,1836,1837],{"id":1451,"depth":139,"text":1452},{"id":48,"depth":139,"text":49},{"id":1805,"depth":139,"text":1806},{"id":1821,"depth":139,"text":1822},"Kotaluwuk.com","Burung maleo yang terbang di atas awan untuk website pariwisata dari Luwuk.",[],{},[],23,"\u002Fprojects\u002Fkotaluwuk-logo",{"title":1781,"description":1839},"projects\u002Fkotaluwuk-logo",[1592,1591,1848],"Tourism","-gesRldZ78Ezc8qXFPLiWg5aCe9vB7cA8f8khVCzKPk",{"id":1851,"title":1852,"architecture":1074,"body":1853,"category":1950,"company":1074,"contribution":1074,"cover":1951,"description":1952,"draft":156,"extension":157,"featured":156,"links":1953,"meta":1954,"metrics":1955,"navigation":158,"order":1956,"path":1957,"role":1958,"seo":1959,"stem":1960,"technologies":1961,"timeline":1074,"type":1596,"year":1346,"__hash__":1965},"projects_id\u002Fprojects\u002Fkongkong-interface.md","Antarmuka Kongkong",{"type":28,"value":1854,"toc":1942},[1855,1857,1860,1862,1869,1872,1876,1887,1893,1897,1900,1904,1907,1913,1916,1919,1925,1928,1934,1936,1939],[31,1856,1452],{"id":1451},[36,1858,1859],{},"Antarmuka untuk mahasiswa: fleksibel, responsif, dan mampu menampilkan kegiatan yang dijalankan oleh mahasiswa maupun organisasi kemahasiswaan.",[31,1861,49],{"id":48},[36,1863,1864,1865,287],{},"Dibangun dari nol dengan Bootstrap — tanpa template — dengan memprioritaskan tampilan mobile, karena ponsel adalah perangkat yang paling sering dipakai mahasiswa. Sisi engineering-nya ada di ",[281,1866,1868],{"href":1867},"\u002Fwork\u002Fkongkong","proyek Kongkong",[134,1870],{":images":1871},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Findex-desktop.png\",\"alt\":\"Halaman index, desktop\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Findex-mobile.png\",\"alt\":\"Halaman index, mobile\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Fprofil-desktop.png\",\"alt\":\"Halaman profil, desktop\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Fprofil-mobile.png\",\"alt\":\"Halaman profil, mobile\"}]",[31,1873,1875],{"id":1874},"dua-jenis-pengguna-dua-perjalanan","Dua jenis pengguna, dua perjalanan",[36,1877,1878,1879,1882,1883,1886],{},"Kongkong melayani dua jenis pengunjung yang sangat berbeda. Seorang ",[57,1880,1881],{},"pendukung"," datang dari tautan yang dibagikan dan harus bisa sampai ke sebuah proyek lalu mendukungnya tanpa membuat akun. Seorang ",[57,1884,1885],{},"mahasiswa atau organisasi kemahasiswaan"," masuk untuk menerbitkan proposal dan memantau perkembangannya. Setiap layar dirancang untuk salah satu dari dua perjalanan itu, masing-masing dengan satu aksi utama.",[36,1888,1889],{},[1490,1890],{"alt":1891,"src":1892},"Dua perjalanan yang menjadi dasar desain antarmuka Kongkong","\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Fkongkong-user-flow.svg",[31,1894,1896],{"id":1895},"keputusan-desain","Keputusan desain",[1464,1898],{":steps":1899},"[{\"title\":\"Mobile first\",\"text\":\"Layout didesain di lebar ponsel lebih dulu, baru kemudian dibiarkan melebar menjadi kolom di desktop — bukan dijejalkan belakangan.\"},{\"title\":\"Satu kolom pencarian\",\"text\":\"Halaman beranda punya satu judul, sapaan yang ramah (#SohibKongkong), dan satu kotak pencarian. Tidak ada yang menyainginya.\"},{\"title\":\"Progres di setiap kartu\",\"text\":\"Setiap kartu proyek menampilkan pemilik, tanggal, dan bar pendanaan, sehingga pendukung bisa membandingkan proyek dalam sekali lihat.\"},{\"title\":\"Navigasi dalam jangkauan jempol\",\"text\":\"Di mobile, navigasi atas pindah ke tab bar bawah: tiga tab untuk tamu, lima setelah masuk.\"},{\"title\":\"Aksi utama di tengah\",\"text\":\"Bagi mahasiswa yang sudah masuk, tab tengahnya adalah “+” — membuat proposal berada tepat di tempat jempol beristirahat.\"},{\"title\":\"Komponen yang sama, di setiap ukuran\",\"text\":\"Kartu, tab, dan ringkasan aktivitas adalah komponen yang sama di desktop dan mobile, hanya disusun ulang.\"}]",[31,1901,1903],{"id":1902},"rincian-komponen","Rincian komponen",[36,1905,1906],{},"Diambil dari layar-layar di atas, inilah bagian-bagian yang membentuk seluruh antarmuka.",[36,1908,1909],{},[1490,1910],{"alt":1911,"src":1912},"Hero halaman beranda dengan judul, sapaan, dan satu kolom pencarian","\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Fdetail-hero.png",[134,1914],{":images":1915,"fit":1663},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Fdetail-project-card.png\",\"alt\":\"Kartu proyek dengan avatar pemilik dan progres\",\"caption\":\"Kartu proyek — gambar sampul, judul, avatar pemilik, tanggal, dan persentase pendanaan.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Fdetail-activity.png\",\"alt\":\"Ringkasan aktivitas dengan jumlah proposal, acara, dan antrean\",\"caption\":\"Ringkasan aktivitas — proposal, acara, dan item yang menunggu, sebagai tiga angka.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Fdetail-profile-links.png\",\"alt\":\"Daftar tautan profil\",\"caption\":\"Tautan profil — website, akun media sosial, dan email dalam satu daftar yang mudah dipindai.\"}]",[36,1917,1918],{},"Di mobile, navigasinya berupa tab bar di bawah. Tamu mendapat tiga tab — proposal, dokumentasi, dan masuk, sama dengan item navigasi di desktop:",[36,1920,1921],{},[1490,1922],{"alt":1923,"src":1924},"Tab bar bawah untuk tamu","\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Fdetail-tabbar-guest.png",[36,1926,1927],{},"Setelah masuk, jumlahnya bertambah menjadi lima, dan tombol \"+\" untuk proposal baru menempati posisi tengah:",[36,1929,1930],{},[1490,1931],{"alt":1932,"src":1933},"Tab bar bawah untuk mahasiswa yang sudah masuk","\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Fdetail-tabbar-user.png",[31,1935,1515],{"id":1514},[36,1937,1938],{},"Sengaja dibangun di atas warna default Bootstrap: biru yang familier untuk aksi, teal yang lebih terang untuk tautan dan nama, serta permukaan abu-abu yang sejuk — cepat dibangun, dan mudah dikembangkan oleh developer berikutnya.",[1520,1940],{":colors":1941},"[{\"hex\":\"#007BFF\",\"name\":\"Biru aksi\",\"role\":\"Bar progres dan tombol utama\"},{\"hex\":\"#17A2B8\",\"name\":\"Teal tautan\",\"role\":\"Judul proyek dan nama\"},{\"hex\":\"#F4F6F8\",\"name\":\"Abu-abu permukaan\",\"role\":\"Latar halaman dan hero\"}]",{"title":138,"searchDepth":139,"depth":139,"links":1943},[1944,1945,1946,1947,1948,1949],{"id":1451,"depth":139,"text":1452},{"id":48,"depth":139,"text":49},{"id":1874,"depth":139,"text":1875},{"id":1895,"depth":139,"text":1896},{"id":1902,"depth":139,"text":1903},{"id":1514,"depth":139,"text":1515},"Desain UI","\u002Fimages\u002Fwork\u002Fkongkong-interface\u002Findex-desktop.png","Antarmuka responsif dan mobile-first untuk platform crowdfunding mahasiswa.",[],{},[],24,"\u002Fprojects\u002Fkongkong-interface","UI Designer",{"title":1852,"description":1952},"projects\u002Fkongkong-interface",[1962,1345,1963,1964],"Interface","Responsive","Mobile first","pj6qhVm5OyyIEyQtXqXauFlnS4yAda04bpeVGsvl7Ic",{"id":1967,"title":1968,"architecture":1074,"body":1969,"category":1998,"company":1074,"contribution":1074,"cover":1999,"description":2000,"draft":156,"extension":157,"featured":156,"links":2001,"meta":2002,"metrics":2003,"navigation":158,"order":2004,"path":2005,"role":2006,"seo":2007,"stem":2008,"technologies":2009,"timeline":1074,"type":1596,"year":2013,"__hash__":2014},"projects_id\u002Fprojects\u002Fdigital-art.md","Digital Art",{"type":28,"value":1970,"toc":1994},[1971,1974,1977,1981,1984,1987,1991],[36,1972,1973],{},"Kumpulan karya ilustrasi pribadi.",[36,1975,1976],{},"Ilustrasi adalah tempat saya melatih hal-hal yang kemudian muncul dalam pekerjaan antarmuka dan brand: menyederhanakan subjek menjadi beberapa bentuk yang membuatnya mudah dikenali, memilih palet yang terbatas, dan tahu kapan harus berhenti merender.",[31,1978,1980],{"id":1979},"empat-karya-empat-pendekatan","Empat karya, empat pendekatan",[134,1982],{":images":1983},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fdigital-art\u002Fzuko.png\",\"alt\":\"Ilustrasi lukisan seorang pendekar berjubah merah\",\"caption\":\"Painterly — sapuan kuas yang lepas, satu latar gelap untuk menonjolkan sosok berwarna merah.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fdigital-art\u002Fishaq.png\",\"alt\":\"Potret ilustrasi seorang pemuda yang sedang berpikir\",\"caption\":\"Garis dan cel shading — outline bersih, bayangan datar, nama yang ditulis tangan.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fdigital-art\u002Fhend.png\",\"alt\":\"Potret vektor berjaket oranye dengan latar oranye\",\"caption\":\"Potret vektor — palet oranye yang hampir monokrom dengan satu lingkaran bercahaya untuk memberi kedalaman.\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fdigital-art\u002Fmascot.png\",\"alt\":\"Karakter kartun flat dengan tangan bersedekap\",\"caption\":\"Karakter flat — kepala besar, bentuk sederhana, sosok bergaya maskot.\"}]",[1464,1985],{":steps":1986},"[{\"title\":\"Siluet lebih dulu\",\"text\":\"Setiap karya dimulai dari pose yang tetap terbaca dalam warna hitam pekat — jika siluetnya berhasil, detailnya jadi mudah.\"},{\"title\":\"Batasi paletnya\",\"text\":\"Satu warna dominan per karya (merah, hijau, oranye, biru) membuat gambar tetap tenang dan subjeknya jelas.\"},{\"title\":\"Sesuaikan hasil akhir dengan tujuan\",\"text\":\"Lukisan untuk membangun suasana, vektor untuk potret yang perlu bisa diperbesar, bentuk flat untuk karakter yang harus tetap bekerja di ukuran kecil.\"}]",[31,1988,1990],{"id":1989},"lembar-aslinya","Lembar aslinya",[134,1992],{":images":1993},"[{\"src\":\"\u002Fimages\u002Fwork\u002Fdigital-art\u002Fdigital-art-1.png\",\"alt\":\"Ilustrasi digital 1\"},{\"src\":\"\u002Fimages\u002Fwork\u002Fdigital-art\u002Fdigital-art-2.png\",\"alt\":\"Ilustrasi digital 2\"}]",{"title":138,"searchDepth":139,"depth":139,"links":1995},[1996,1997],{"id":1979,"depth":139,"text":1980},{"id":1989,"depth":139,"text":1990},"Ilustrasi","\u002Fimages\u002Fwork\u002Fdigital-art\u002Fhend.png","Empat karya ilustrasi pribadi dengan dua gaya — digital painting yang lepas dan potret vektor yang bersih.",[],{},[],25,"\u002Fprojects\u002Fdigital-art","Ilustrator",{"title":1968,"description":2000},"projects\u002Fdigital-art",[2010,2011,2012],"Digital painting","Vector","Character design",2018,"DTud-Zuiniu0D6pEbL7d2H8KVkrij7an_abmT6J_fkE",1791117946699]