Proyek ini tidak dimulai dari rencana besar. Ini datang dari sesuatu yang kecil dan nyata. Saya sedang melihat anak kerabat saya belajar pemrograman C — duduk mengikuti kelas mereka, melihat pekerjaan rumah mereka — dan saya terus berpikir: cara belajar seperti ini terasa usang. Guru berceramah dari buku teks, siswa mencatat dan mengerjakan latihan. Ini tidak sepenuhnya tidak berguna, tetapi jarang membantu siapa pun mengembangkan pemikiran komputasi yang nyata.

Apa yang Sebenarnya Saya Sadari

Masalah sebenarnya bukanlah bahwa siswa tidak dapat menemukan jawaban. Melainkan bahwa:

Mereka akan menatap sebaris kode dan tidak tahu apa yang dilakukan setiap baris
Mereka akan membacanya sekali, merasa seperti mereka mengerti, tetapi tidak bisa menjelaskan bagaimana hal-hal tersebut terhubung
Yang terpenting, mereka tidak tahu masalah apa yang sebenarnya sedang dipecahkan oleh kode tersebut

Semua yang mereka pelajari terfragmentasi. Saya terus kembali ke satu pemikiran: Belajar bukanlah tentang mengumpulkan titik-titik — ini tentang menghubungkannya.

Di situlah Tutor dimulai.

https://tutor.artdance.net/

2. Bagaimana Saya Membangunnya, Langkah demi Langkah

2.1 Memulai Dengan Penjelas Kode Sederhana

Ide awalnya sangat sederhana: tempelkan beberapa kode, dan alih-alih mendapatkan ringkasan yang samar, lihat apa yang sebenarnya dilakukan setiap baris dan mengapa itu ditulis seperti itu.

Jadi fitur inti pertama Tutor adalah penjelasan baris demi baris. Ini mendeteksi otomatis lebih dari selusin bahasa pemrograman dan dilengkapi dengan contoh C/C++ klasik — bubble sort, linked list, binary search — siap untuk dianalisis dengan satu klik.

2.2 Menjelaskan Saja Tidak Cukup

Memahami sesuatu sekali tidak berarti Anda telah mempelajarinya. Jadi saya menambahkan tiga hal:

Tanya Jawab Lanjutan — ketuk pada baris mana saja dan terus ajukan pertanyaan tentangnya. AI merespons dengan konteks lengkap, jadi Anda tidak perlu menjelaskan kembali latar belakangnya. Analisis bebas — tempelkan cuplikan kode apa pun untuk analisis dan diskusi terpisah.

Latihan praktik — pertanyaan pilihan ganda, isian rumpang, dan pengodean yang dibuat secara otomatis berdasarkan kode saat ini. Butuh lebih banyak? Cukup tekan "buat lebih banyak."

Dengan adanya hal-hal ini, akhirnya ini mulai terasa seperti alat pembelajaran.

2.3 Membuat Pengetahuan Tumbuh dengan Sendirinya

Bahkan dengan penjelasan, tanya jawab, dan latihan, semuanya masih terasa seperti blok informasi yang terisolasi. Yang sangat saya inginkan adalah rasa dari pengetahuan yang tumbuh secara organik.

Jadi saya membangun Knowledge Canvas — grafik pengetahuan interaktif yang dapat diperluas tanpa batas. AI mengekstrak konsep inti dari kode Anda dan memetakannya sebagai simpul yang terhubung. Anda dapat "menjelajahi" simpul mana pun untuk menemukan konsep terkait, "memperluas" untuk menghasilkan sub-topik, atau mengajukan pertanyaan langsung pada simpul tersebut.

Sebelum Anda menyadarinya, Anda melihat ke belakang dan Anda telah menumbuhkan peta pengetahuan Anda sendiri.

2.4 Kode Perlu Dijalankan, Bukan Hanya Dibaca

Bagian penting dari memahami kode adalah melihatnya berjalan. Jadi saya mengintegrasikan eksekusi kode online yang mendukung C, C++, Python, Java, dan lebih dari selusin bahasa lainnya. Pengguna dapat menjalankan kode, memasukkan input, dan melihat output langsung di halaman tersebut. Setiap eksekusi disimpan, dan Anda dapat bertanya kepada AI tentang hasil eksekusi tertentu.

Jalankan dulu → baca analisisnya → ajukan pertanyaan lanjutan → lakukan latihan. Alur itu terasa jauh lebih alami daripada sekadar membaca penjelasan.

2.5 Mengapa Proses Pembangunan Berjalan Sangat Lancar

Seluruh proses berjalan jauh lebih lancar dari yang saya harapkan, sebagian besar karena platform Enter menangani begitu banyak pekerjaan berat.

Komponen UI siap digunakan langsung.
Esensial backend — autentikasi pengguna, penyimpanan database, keamanan tingkat baris — semuanya hadir melalui integrasi bawaan Supabase.
Akses model AI disatukan: DeepSeek, Claude, GPT, Gemini, Doubao — tidak perlu mengajukan permohonan kunci dan beradaptasi dengan masing-masing API secara terpisah. Cukup tulis Edge Function dan panggil.

Jadi, alih-alih menghabiskan waktu berminggu-minggu untuk infrastruktur, saya bisa fokus sejak hari pertama pada apa yang benar-benar penting: apakah penjelasannya cukup jelas? Apakah poin-poin pengetahuan terhubung? Apakah jalur pembelajaran terasa tepat?

3. Cara Menggunakan Tutor

3.1 Mulai Dari Mana Saja

Punya kode? Tempelkan, tekan "Mulai Analisis"
Tidak ada kode? Gunakan AI untuk membuatnya, lalu masukkan ke dalam editor dengan satu klik
Hanya menjelajah? Ketuk contoh prasetel — Anda akan melihat analisis lengkap dalam dua detik

3.2 Ini Adalah Jalur Pembelajaran, Bukan Halaman Fitur

Setelah berada di dalam, pengguna secara alami mengikuti sebuah jalur:

Jalankan kode untuk merasakan apa yang dilakukannya
Baca analisis baris demi baris
Ajukan pertanyaan lanjutan tentang apa pun yang tidak jelas
Lakukan latihan praktik untuk mengonfirmasi pemahaman
Buka Knowledge Canvas dan jelajahi ke luar

Setiap langkah — hasil eksekusi, percakapan, skor latihan, grafik pengetahuan — disimpan secara otomatis. Kembali kapan saja dan lanjutkan tepat di tempat Anda berhenti.

4. Melihat Kembali: Tentang Apa Ini Sederhananya

Melihat kembali, Tutor adalah penjelas kode di permukaan. Namun apa yang sebenarnya dilakukannya adalah membantu orang memulai dari sebaris kode dan menghubungkan pengetahuan yang tersebar menjadi sesuatu yang utuh.

Tempelkan kode → jalankan → pahami baris demi baris → ajukan pertanyaan yang lebih mendalam → berlatih → buka Knowledge Canvas → ikuti satu simpul ke simpul berikutnya → saksikan peta tersebut tumbuh menjadi milik Anda sendiri.

Ini berhasil karena dua hal. Pertama, desain produk — penjelasan, tanya jawab, latihan, dan kanvas bukanlah fitur yang terisolasi; mereka membentuk jalur pembelajaran yang berkelanjutan. Kedua, fondasi yang disediakan oleh Enter — UI, database, model AI, penerapan — memungkinkan saya mencurahkan seluruh energi saya ke dalam "apakah pengalaman belajarnya benar-benar bagus?" alih-alih bergulat dengan infrastruktur.

Kembali ke pemikiran awal itu: Belajar bukanlah tentang mengumpulkan titik-titik — ini tentang menghubungkannya.

Itulah yang dilakukan Tutor. Ini membantu merintis jalan tersebut. Jadi kode bukan hanya sesuatu yang telah Anda "lihat" — ini adalah sesuatu yang telah Anda pahami, hubungkan, dan jadikan milik Anda sendiri.