Langsung ke konten
← Kembali ke Portofolio Web App

OneTrace — Inteligensi Issue & Crash Berbantuan AI

Laporan crash, screenshot di dalam aplikasi, anomali log, dan tiket dukungan disatukan dalam satu antrean, dikelompokkan oleh agen, dengan sinyal prediktif yang menemukan gesekan sebelum pengguna melaporkannya.

Aplikasi Web Desain UI/UX Pelacakan Isu Analitik Prediktif Vue TypeScript

Klien

OneStudio (produk sendiri)

Tahun

2026

Peran

Desain produk & rekayasa full-stack

Durasi

2026 - sedang dikembangkan

OneTrace — Inteligensi Issue & Crash Berbantuan AI
Tangkapan layar dari OneTrace — Inteligensi Issue & Crash Berbantuan AI

Tantangan

Data crash, screenshot pengguna, anomali infrastruktur, dan tiket dukungan semuanya datang, tapi di empat sistem terpisah tanpa model severity bersama. Satu cacat yang sama terhitung sebagai belasan isu terpisah, dan triage dilakukan siapa saja yang kebetulan melihat lebih dulu.

Pendekatan

Kami membangun satu jalur ingesti yang menormalkan semua sumber ke dalam satu bentuk isu, lalu membiarkan agen mengelompokkan, menilai, dan memprioritaskan antrean. Kegagalan yang terkonfirmasi dan sinyal prediktif sengaja dipisahkan secara visual, karena crash yang sudah terlihat dan pola yang baru disimpulkan menuntut tingkat urgensi yang berbeda.

Fitur yang Dibangun

9 · 9 dengan screenshot

Tangkapan layar dari proyek berjalan.

OneTrace — Inteligensi Issue & Crash Berbantuan AI — Ingesti Isu Terpadu
01

Ingesti Isu Terpadu

Laporan crash, screenshot SDK, anomali log, dan tiket tracker dinormalkan ke dalam satu antrean, sehingga satu cacat tidak lagi muncul sebagai belasan item terpisah.

Tangkapan layar dari proyek berjalan
OneTrace — Inteligensi Issue & Crash Berbantuan AI — Antrean Isu yang Bisa Disaring
02

Antrean Isu yang Bisa Disaring

Setiap laporan membawa sumber, prioritas, status, dan pencacah kemunculan, lalu antrean disaring menurut rentang waktu, sumber, dan prioritas, sehingga triage dimulai dari pertanyaan yang paling sempit, bukan dari spreadsheet.

Tangkapan layar dari proyek berjalan
OneTrace — Inteligensi Issue & Crash Berbantuan AI — Laporan Analisis AI
03

Laporan Analisis AI

Setiap crash diubah menjadi laporan terstruktur dengan skor keyakinan, ringkasan eksekutif, lokasi melempar yang tepat, model perangkat terdampak, dan rincian dampak, dibaca langsung dari pipeline crash, bukan dirakit manual.

Tangkapan layar dari proyek berjalan
OneTrace — Inteligensi Issue & Crash Berbantuan AI — Usulan Perbaikan Kode
04

Usulan Perbaikan Kode

Analisis menelusuri ke titik pemanggilan yang gagal dan menampilkan diff sebelum dan sesudah, apa yang berubah dan mengapa, ditambah rencana implementasi berurutan dengan estimasi waktu di setiap langkah.

Tangkapan layar dari proyek berjalan
OneTrace — Inteligensi Issue & Crash Berbantuan AI — Analisis Dampak dan Benefit-Cost
05

Analisis Dampak dan Benefit-Cost

Laporan yang sama mengukur apa yang terjadi bila perbaikan dilewati, dari crash rate dan pengguna terdampak sampai dampak pendapatan dan beban support, serta apa yang kembali didapat lewat perbaikan, sehingga prioritas diperdebatkan dengan angka.

Tangkapan layar dari proyek berjalan
OneTrace — Inteligensi Issue & Crash Berbantuan AI — Obrolan Copilot OneEngine
06

Obrolan Copilot OneEngine

Agen copilot menjawab pertanyaan tentang isu apa pun dalam bahasa biasa, dan streamed pembacaannya tentang akar masalah, jangkauan dampak, serta rekomendasi perbaikan langsung di samping laporan.

Tangkapan layar dari proyek berjalan
OneTrace — Inteligensi Issue & Crash Berbantuan AI — Pemisahan Terkonfirmasi versus Prediktif
07

Pemisahan Terkonfirmasi versus Prediktif

Kegagalan reaktif dan pola yang disimpulkan dipisahkan di setiap tampilan, sehingga crash yang benar-benar diamati tak pernah tertukar dengan sinyal yang hanya disimpulkan.

Tangkapan layar dari proyek berjalan
OneTrace — Inteligensi Issue & Crash Berbantuan AI — Integrasi Sumber
08

Integrasi Sumber

Crashlytics, mobile SDK, Elastic, dan Jira terhubung sebagai sumber kelas satu, dan tiap integrasi melaporkan status sinkronisasi serta jumlah rekamannya sendiri.

Tangkapan layar dari proyek berjalan
OneTrace — Inteligensi Issue & Crash Berbantuan AI — Pengaturan Ingesti Data
09

Pengaturan Ingesti Data

Unggah CSV crash, sinkronisasi ClickUp, mobile SDK, dan impor log Elasticsearch dikonfigurasi dari satu tempat, sehingga sumber baru tidak pernah menuntut perubahan kode.

Tangkapan layar dari proyek berjalan

Teknologi

Vue 3 TypeScript Pinia Tailwind CSS Express.js PostgreSQL Chart.js Docker

Hasil

Satu antrean menggantikan empat, dan pengelompokan oleh agen mengubah aliran derau menjadi pekerjaan yang benar-benar bisa ditugaskan. Tampilan prediktif kini menandai pola gesekan berminggu-minggu sebelum ia muncul sebagai penurunan konversi atau lonjakan volume dukungan.

Tentang Proyek Ini

Sebagian besar tim sudah punya datanya. Hanya tersebar di empat tempat yang tidak saling bicara: laporan crash dari build, screenshot dan sinyal dari SDK, anomali log dari infrastruktur, dan tiket dari tracker. Semuanya tampak mendesak secara terpisah, dan tidak ada yang tahu berapa banyak laporan lain yang sebenarnya menjelaskan hal yang sama.

OneTrace menyatukannya dalam satu antrean, dan memperlakukan antrean itu sebagai produknya. Sebuah agen membaca tiap laporan masuk, mengelompokkan laporan yang berbagi akar masalah yang sama, menilai sentimen dan tingkat keparahan, lalu mendorong kelompok itu sebagai satu item dengan satu penanggung jawab, bukan ratusan duplikat yang nyaris sama.

Bagian prediktif lebih penting daripada bagian reaktif. Screenshot dan sinyal SDK dikumpulkan sebelum pengguna menyadari ada yang salah, sehingga polanya muncul sebagai gesekan - tombol bayar yang ditekan tapi tidak pernah terkonfirmasi, checkout yang ditinggalkan dua kali berturut-turut - bukan sebagai laporan crash yang baru dibuat besok. Itulah perbedaan antara merespons kegagalan dan menyadari pola selagi masih murah untuk diperbaiki.