Langsung ke konten
← Kembali ke Portofolio Web App

OnePlatform — Workspace AI Terpadu dengan Single Sign-On

Satu login untuk seluruh ekosistem AI: launcher yang tahu platform mana yang hidup, berbagi sesi, dan membuka tiap produk tepat di tempat pengguna terakhir tinggal.

Aplikasi Web Desain UI/UX SSO Dashboard Vue TypeScript

Klien

OneStudio (produk sendiri)

Tahun

2026

Peran

Desain produk & rekayasa front-end

Durasi

2026 - sedang dikembangkan

OnePlatform — Workspace AI Terpadu dengan Single Sign-On
Tangkapan layar dari OnePlatform — Workspace AI Terpadu dengan Single Sign-On

Tantangan

Setiap platform punya login dan sesi sendiri, sehingga berpindah berarti mengautentikasi ulang dan memulai dari nol tanpa konteks bersama. Tim terlihat seperti lima produk terpisah, bukan satu ekosistem.

Pendekatan

Kami menjadikan identitas sebagai produk. OnePlatform mengautentikasi sekali terhadap identity provider workspace, lalu menerbitkan token sesi bertanda tangan yang diverifikasi masing-masing oleh produk tujuan. State sesi dibagikan lewat portal, sementara tiap produk tetap punya aturan otorisasi sendiri.

Fitur yang Dibangun

5 · 3 dengan screenshot

Tangkapan layar dari proyek berjalan.

OnePlatform — Workspace AI Terpadu dengan Single Sign-On — Single Sign-On Antar Platform
01

Single Sign-On Antar Platform

Satu kali masuk terhadap identity provider workspace menghasilkan token bertanda tangan yang diterima semua produk tujuan, sehingga autentikasi terjadi sekali, bukan sekali per tool.

Tangkapan layar dari proyek berjalan
OnePlatform — Workspace AI Terpadu dengan Single Sign-On — Buka Produk Sekali Klik
02

Buka Produk Sekali Klik

Produk terbuka dengan sesi yang sudah siap, membawa pengguna ke layar terakhir ia kerjakan, bukan ke halaman pembuka generik.

Tangkapan layar dari proyek berjalan
OnePlatform — Workspace AI Terpadu dengan Single Sign-On — Katalog Business Mode Bersama
03

Katalog Business Mode Bersama

Agen dan workflow yang dipublikasikan di OneEngine otomatis muncul di katalog portal, sehingga kemampuan yang sudah rilis dapat ditemukan tanpa perlu ada yang mengelola daftar kedua.

Tangkapan layar dari proyek berjalan

Fitur lain yang dibangun

2

Registry Platform Langsung

Setiap produk didaftarkan dengan tingkat kematangan yang sebenarnya - live, beta, atau sedang dikembangkan - sehingga portal tidak pernah menjanjikan platform yang belum siap.

Panel Status Sistem

Kesehatan API gateway, layanan autentikasi, dan AI runtime terlihat sekilas, sehingga mengubah 'toolnya rusak' menjadi pertanyaan spesifik yang bisa dijawab.

Teknologi

Vue 3 TypeScript Pinia Vite Tailwind CSS FastAPI PostgreSQL JWT/OAuth2 SSO

Hasil

Satu login kini menutup seluruh ekosistem. Meluncurkan produk tidak lagi berarti mengautentikasi ulang, dan portal melaporkan layanan mana yang sehat sekilas, alih-alih tiap produk gagal diam-diam sendiri.

Tentang Proyek Ini

OnePlatform berangkat dari satu pengamatan sederhana: toolnya sudah baik, yang bermasalah adalah berpindah-pindah. Setiap produk punya login sendiri, sesi sendiri, dan cara sendiri memahami siapa pengguna, sehingga berpindah berarti masuk ulang dan kehilangan konteks.

Solusinya adalah menjadikan identitas sebagai produk. OnePlatform memegang sesi, mengautentikasi sekali terhadap identity provider workspace, lalu meneruskan token bertanda tangan ke setiap produk yang ia luncurkan. Di sisi pengguna hanya ada satu akun; di sisi platform setiap produk tetap memverifikasi otorisasinya sendiri.

Hasilnya bukan sekadar halaman pembuka, melainkan permukaan kendali. Portal ini menampilkan platform mana yang aktif, mana yang masih beta, seperti apa keamanan sesi berjalan, dan ke mana berikutnya pengguna bisa pergi. Dasarnya sengaja tenang, karena pekerjaan sebuah launcher selesai begitu pengguna sudah berada di tempat yang benar.