Practice Log n Share
Aplikasi untuk mencatat dan berbagi latihan musik sehari-hari
September 2026
1. Gambaran umum
Aplikasi iPhone untuk mencatat waktu latihan dengan satu ketukan sambil memegang alat musik, lalu menunjukkan catatan itu kepada guru saat les. Dua layar, untuk mencatat dan berbagi, menghubungkan latihan sehari-hari dengan percakapan saat les.
Saya merumuskan masalah, merancang UX dan UI, menyempurnakan interaksi pada iPhone, mengimplementasikan aplikasi, serta menyiapkan materi proyek. Saya berkolaborasi dengan AI dalam implementasi dan mengambil sendiri keputusan akhir tentang layar serta interaksinya.
Saya menggunakan aplikasi ini dalam latihan dan les saya sendiri. Guru saya mengatakan bahwa isi latihan mudah dipahami dan meminta catatan yang lebih terperinci (parafrasa).
2. Latar belakang dan kendala
Saya bermain saksofon tenor sebagai hobi dan mengikuti les setiap dua minggu. Ketika guru bertanya bagaimana latihan saya, saya tidak punya cara konkret untuk menjelaskan apa yang saya latih dan berapa lama.
Karena saksofon menggantung pada tali leher, menulis di kertas saat latihan terasa sulit. Semakin banyak halaman jurnal, semakin tersebar pula catatannya.
Aplikasi pencatat waktu yang saya coba bisa memulai pengukuran dengan satu ketukan. Kendalanya adalah menyajikan catatan itu dalam bentuk yang dapat dipahami guru sekilas.
3. Prinsip desain
Saya ingin pencatatan saat latihan dan berbagi saat les menjadi satu alur yang berkesinambungan. Dua kebutuhan menjadi dasar keputusan tentang layar dan interaksi.
Menjaga pencatatan tetap sederhana selama latihan
Mencatat waktu dengan satu ketukan pada kategori, sambil tetap memegang alat musik.
Menghindari penyuntingan sebelum les
Merangkum catatan secara otomatis agar bisa langsung menunjukkan apa yang dilatih dan berapa lama, tanpa diolah lagi.
4. Fitur dan desain
Menyatukan kontrol dan waktu latihan dalam kartu yang sama
Mengetuk kategori memulai pengukuran; mengetuk kartu lain mengganti kategori; mengetuk kartu yang sama lagi menghentikannya. Setiap kartu menampilkan waktu hari ini dengan jelas, dan hanya kartu yang sedang diukur dibuat lebih terang dengan garis tepi putih. Tempat untuk berinteraksi sekaligus menjadi tempat untuk memeriksa apa yang sedang dicatat.
Kategori, waktu hari ini, dan status pengukuran terlihat dalam kartu yang sama.
Melihat rincian latihan tanpa menggulir ke samping
Agar tidak perlu menyunting sebelum berbagi, aplikasi otomatis merangkum catatan sejak les terakhir. Pada tabel harian, saya mengutamakan semua kategori terlihat sekaligus, meskipun teks harus lebih kecil. Tujuannya agar saya bisa membahas pembagian waktu latihan bersama guru sambil menunjukkan layar.
Menjadikan latihan yang terkumpul sebagai dorongan untuk melanjutkan
Saya membuat kemajuan hari ini dan akumulasi selama berbulan-bulan hingga bertahun-tahun terlihat. Saya juga berharap bahwa menunjukkan usaha kepada guru dapat membantu menjaga motivasi untuk terus berlatih.
Satu hari: memenuhi batang, dengan satu jam sebagai acuan
Batang latihan hari ini pada awalnya memiliki rentang nol hingga satu jam. Waktu tiap kategori ditumpuk dengan warna berbeda. Saya berharap usaha memenuhi batang tersebut dapat menjadi dorongan untuk terus berlatih.
Jangka panjang: sel hijau menunjukkan latihan sehari-hari
Setiap sel mewakili satu hari, dengan tingkat warna hijau menunjukkan durasi latihan. Kisi memungkinkan akumulasi selama berbulan-bulan dan bertahun-tahun dilihat sekaligus. Saya ingin pertumbuhan catatan harian menjadi dorongan untuk terus berlatih.
5. Proses pengembangan
Menentukan peran pencatatan dan berbagi melalui riset
Saya menggunakan ChatGPT untuk meneliti aplikasi yang ada dan menyusun masalah serta pendekatan. Dalam cakupan riset saat itu, saya menemukan aplikasi pengelolaan waktu, tetapi belum menemukan mekanisme berbagi yang cocok untuk berkomunikasi dengan guru. Saya merangkum konsep yang diperjelas lewat dialog menjadi spesifikasi, lalu menyerahkannya kepada Codex untuk mengimplementasikan versi awal.
Mencoba versi awal dan menempatkan kontrol di dalam layar
Saya mencoba sendiri versi awal yang dihasilkan, menyampaikan permintaan perbaikan UI dan UX, lalu menyempurnakannya. Informasi pengukuran dan kontrol berhenti yang semula terpisah saya satukan dalam kartu, dengan waktu hari ini ditampilkan lebih jelas. Saya juga mencari tata letak yang membuat panel kontrol muat di layar.
Versi awal
Versi penyempurnaan
Versi penyempurnaan menyatukan informasi pengukuran dan kontrol berhenti dalam kartu, bukan di area terpisah.
Saya memilih warna dasar hitam untuk layar yang tetap terbuka saat latihan, sambil mengupayakan suasana ceria melalui warna kategori.
Membandingkan sendiri rasa interaksi sebelum memilih
Kata-kata dan gambar saja belum cukup untuk menghasilkan rasa interaksi yang saya inginkan: gerakan mulus yang berhenti dengan mantap di posisi yang tepat. Saya membuat alat penyetelan bersama AI agar dapat mencoba berbagai metode pengguliran dan nilai parameternya sendiri. Pada iPhone, saya membandingkan posisi akhir pengguliran, mencari posisi yang membuat seluruh panel kendali tetap terlihat. Saya memilih mekanisme scroll snapping bawaan browser dan menggunakannya dalam aplikasi.
Menggunakan ulasan independen dan memutuskan sendiri apa yang diterapkan
Saya mengulangi siklus ulasan menggunakan dua sesi AI yang independen. Saya memeriksa masalah dan usulan perbaikan dari Claude Code, lalu meminta Codex memverifikasi serta menerapkan perbaikan yang diperlukan. Sebagian usulan menjauh dari UI dan UX yang saya inginkan, sehingga saya menentukan apa yang diterapkan berdasarkan tujuan aplikasi dan pengalaman penggunaannya.
Saya mengulangi proses ini sekitar 15 kali. Ketika ulasan AI tidak lagi mengidentifikasi kekurangan besar, saya menjadikannya salah satu alasan untuk mengakhiri putaran perbaikan tersebut.
6. Pengalaman penggunaan dan langkah berikutnya
Membuka aplikasi menjadi kebiasaan saat mulai latihan
Saya memasangnya di iPhone sendiri dan menggunakannya setiap hari untuk memeriksa kemudahan mencatat dengan satu ketukan sambil memegang alat musik. Membuka aplikasi saat mulai latihan menjadi kebiasaan positif. Meninjau urutan dan pembagian latihan hari itu, serta mengingat tanggal les berikutnya, membantu saya merencanakan latihan.
Guru meminta catatan yang lebih terperinci
Guru saya mengatakan bahwa isi latihan mudah dipahami dan pencatatan jenis tangga nada akan membuat aplikasi lebih berguna (parafrasa). Pengamatan ini berasal dari latihan saya sendiri dan les bersama guru saya.
Tantangan berikutnya: lebih terperinci tanpa menyulitkan pencatatan
Saya mempertimbangkan subkategori seperti “Tangga nada pentatonik” di bawah “Tangga nada”. Cara menjaga pencatatan tetap mudah masih saya kaji. Untuk layar berbagi, saya juga mempertimbangkan hierarki kategori dan subkategori sebagai pengganti tabel harian.