+
bisabikin-app
← SEMUA PROYEK LATIHAN PROYEK #10 / 11
PROYEK MANDIRI #10 // KARTU SISWA

Native Desktop Apps

Rakit aplikasi desktop native: menu bar macOS (SwiftUI) atau Windows System Tray (Tauri / Electron).

Sejauh ini, kamu sudah memanfaatkan bantuan AI untuk merakit website, mengolah video, menjalankan model generative, dan mengotomatisasi browser. Sekarang, kita melangkah lebih jauh: membuat aplikasi komputer desktop asli (native app) yang terintegrasi langsung dengan sistem operasimu:

  • Pengguna macOS: Membuat aplikasi Menu Bar atas menggunakan SwiftUI dan Xcode.
  • Pengguna Windows: Membuat aplikasi System Tray pojok taskbar menggunakan Tauri / Electron.
Tampilan aplikasi OpenCode Stats yang memuat statistik sesi, biaya, dan token coding

Aplikasi desktop native yang memantau riwayat aktivitas codingmu secara real-time.

Pilih Jalur Sesuai Sistem Operasimu

Opsi A: Jalur macOS (SwiftUI Menu Bar)

Kita akan mengompilasi aplikasi menu bar karya Fayaz Ahmed bernama OpenCode Stats. Aplikasi ini bertengger rapi di baris menu atas Mac dan merangkum riwayat sesi coding, durasi waktu, serta token AI yang telah kamu gunakan.

  1. Persiapan Apple: Pastikan terpasang Command Line Tools (xcode-select --install) dan aplikasi Xcode dari Mac App Store.
  2. Pasang Skill Build: 
    npx skills add fayazara/macos-app-skills -g -y
  3. Kompilasi Tanpa Akun Berbayar: Gunakan opsi CODE_SIGNING_ALLOWED=NO pada xcodebuild agar aplikasi bisa langsung berjalan di Mac kamu tanpa sertifikat berbayar Apple Developer.
  4. Jalankan & Modifikasi: Buka aplikasinya dari bilah menu bar atas, ubah teks atau tema warnanya bersama asisten AI.

Opsi B: Jalur Windows (System Tray & Taskbar Widget)

Bagi kamu pengguna Windows 10/11, kamu tidak perlu berkecil hati. Kamu bisa membuat aplikasi desktop native Windows yang duduk di pojok kanan taskbar (System Tray):

  1. Teknologi: Menggunakan Tauri (berbasis Rust + Webview2 bawaan Windows) atau Electron Tray yang sangat ringan.
  2. Cara Kerja:
    • Asisten AI akan merakit jendela mini frameless (popover) yang muncul ketika kamu mengklik ikon di taskbar dekat jam Windows.
    • Aplikasi ini membaca log aktivitas belajarmu di bisabikin-app dan menampilkan jumlah jam belajar serta modul yang sudah kamu selesaikan.
  3. Menjalankan di Windows:
    • Buka PowerShell (jangan Git Bash), dan perintahkan asisten:
    Bantu saya merakit aplikasi System Tray Windows sederhana untuk memonitor progres coding saya. Buat popover kecil di pojok kanan bawah taskbar saat ikon diklik.
  4. Verifikasi: Ikon aplikasi muncul di System Tray Windows dan membuka jendela statistik saat diklik!

Dengan dua jalur ini, seluruh siswa di Windows maupun Mac dapat menyelesaikan 11/11 proyek latihan tanpa hambatan!

← AI Gateway