Tahun 2025 telah menyaksikan munculnya banyak hal alat AI yang membuat pembuatan aplikasi mudah diakses oleh orang-orang dengan sedikit atau tanpa pengalaman coding.
Jika Anda dapat membayangkannya, hanya dalam beberapa jam Anda dapat membuatnya – namun terjun ke proyek yang belum diketahui bisa jadi hal yang menakutkan.
Artikel ini disponsori oleh Hostinger dan saya diberi akses ke a VPS dan Hostinger Horizons untuk proyek saya – tetapi ada alat lain dan penyedia hosting yang dapat Anda gunakan.
Aplikasi saya
Untuk proyek saya, saya menjadi ambisius dan memutuskan untuk membuat aplikasi untuk membantu saya belajar dari kesalahan saya dalam permainan catur online.
Saya membuat aplikasinya menggunakan Hostinger Horizons, tetapi kemudian membangunnya kembali menggunakan Claude untuk mendemonstrasikan cara yang lebih kompleks dalam membuat kode getaran suatu aplikasi.
Hostinger Horizons adalah cara paling sederhana untuk membuat aplikasi karena alat ini melakukan hampir segalanya untuk Anda. Menggunakan Claude atau LLM lainnya lebih praktis tetapi Anda tetap tidak perlu tahu cara membuat kode.
Cara sederhananya: Hostinger Horizons
Untuk membangun aplikasi dengan Hostinger Horizons, yang harus saya lakukan hanyalah menjelaskan ide saya dan Horizons akan mengerjakan sisanya.
Anda tidak perlu mengetahui bagaimana atau mengapa, cukup lakukan saja. Setiap kali Anda mengetikkan sesuatu ke Horizons untuk memintanya melakukan sesuatu, Anda menggunakan prompt. Horizons cukup bagus dalam melakukan banyak hal dengan benar pada awalnya, tetapi terkadang memerlukan sedikit dorongan untuk mendapatkan produk akhir yang Anda cari.
Saya perlu menggunakan beberapa petunjuk untuk memperbaiki papan catur dan memperbaiki kesalahan dalam menemukan kesalahan dalam permainan, tetapi itu sesederhana menjelaskan apa masalahnya.
Memperbaiki masalah
Ketika saya memasukkan nama pengguna Lichess saya, dikatakan tidak ada permainan yang dianalisis ditemukan – mengisyaratkan masalah koneksi. Saya memberi tahu Horizons kesalahannya, ia melakukan beberapa hal di latar belakang dan saya mengalami kesalahan lain.
Kesalahan lain berarti kemajuan! Dikatakan bahwa 15 pertandingan telah dianalisis dan tidak ada kesalahan yang ditemukan – jadi, saya tahu aplikasi tersebut dapat terhubung ke akun Lichess saya, namun masih tidak dapat menemukan kesalahan.
Saya memberi tahu Horizons pesan kesalahannya, tetapi saya tidak cukup spesifik – jadi ketika mencoba memperbaikinya, aplikasi berasumsi bahwa posisi di papan bukan kesalahan, bukan tidak ada yang ditampilkan sama sekali. Jadi, saya memberikan penjelasan lebih detail tentang kesalahan tersebut. Sayangnya, hal itu tidak berhasil.
Setelah memberi tahu Horizons bahwa itu masih tidak berfungsi, ia menambahkan log debug untuk melihat apa yang terjadi dan meminta saya menekan F12 untuk membuka konsol pengembang di Chrome. Secara intuitif, saya copy paste di mana ada peringatan oranye dan merah dan tekan enter.
Horizons melakukan tugasnya dan tak lama kemudian, saya memiliki aplikasi analisis catur yang berfungsi.
Metode pembangunan yang lebih kompleks
Anda bisa berhenti di sini saja – dan, untuk sebagian besar ide sederhana, ini adalah tempat yang baik untuk berhenti. Tapi saya penasaran dan ingin tahu bagaimana dan mengapa. Selain itu, saya ingin memiliki kontrol yang lebih baik atas aplikasi dan mengulangi ide saya tanpa dibatasi oleh batasan yang ditentukan.
Memang lebih murah jika melakukannya sendiri, namun itu berarti Anda harus berani melakukan konfigurasi menggunakan VPS. Sesuatu yang mungkin tampak sedikit menakutkan namun masih dapat dilakukan tanpa menulis, atau mengetahui cara menulis satu baris kode pun.
Saya memutuskan untuk menggunakan Claude karena saya pernah menggunakannya untuk aplikasi kode getaran sebelumnya tetapi Anda dapat menggunakan ChatGPT, atau Google Gemini.
Claude
Saya memberikan perintah awal kepada Claude, mengatakan bahwa saya ingin membuat aplikasi analisis catur dan teka-teki, berharap hal itu akan memberi saya beberapa saran tentang cara membuatnya, tetapi aplikasi tersebut terus berjalan dan hanya membuat seluruh aplikasi untuk saya. Itu membuat semua file dan memberi saya instruksi tentang cara membuatnya berfungsi. Itu sedikit berlebihan.
Saya memintanya untuk mengambil langkah mundur, menyempurnakan ide saya dan meminta petunjuk langkah demi langkah. Saya menambahkan dua hal di atas saran Claude yaitu penyertaan Stockfish, mesin catur, jadi saya tidak perlu bergantung pada layanan lain untuk analisis dan penggunaan n8n, lapisan orkestrasi kode rendah, yang akan memecah tugas dan membantu proses debug dan iterasi yang lebih mudah di kemudian hari.
Ini sebenarnya tidak perlu – jika saya hanya mengikuti instruksi dan metode Claude, aplikasinya akan berfungsi, tetapi saya mendapat manfaat dari beberapa pengalaman masa lalu di sini yang ingin saya sertakan.
Bangunan lengkap saya
Orkestrasi nanti
Langkah pertama adalah menginstal n8n di VPS Hostinger. Ini sangat mudah karena yang perlu saya lakukan hanyalah menekan tombol dan membuat akun n8n. Kemudian, Claude memberi tahu saya apa yang harus dilakukan: Tambahkan pemicu, setel ke 30 menit, tambahkan node HTTPS, tempelkan kode ini, instal mesin catur, dan seterusnya.
Pada beberapa titik tidak berfungsi – ada yang macet saat mencoba menganalisis permainan dengan mesin catur, karena format datanya salah tetapi mudah diperbaiki karena titik tidak berfungsi di alur kerja ada ikon kesalahan, saya memberi tahu Claude, yang meminta saya untuk menyalin dan menempelkan pesan kesalahan, sebelum memberi saya perbaikan.
Ujung depan
Sekarang saya memiliki database berisi permainan catur, posisi, dan analisis. Saya memberi tahu Claude bagaimana saya ingin aplikasi ini berfungsi. Itu menghasilkan kode untuk saya dan memberi tahu saya cara menyalin dan menempelkannya ke tempat yang tepat di server.
Itu melakukan pekerjaan yang cukup baik dalam membuat aplikasi tetapi ada beberapa masalah. Misalnya, setelah saya memecahkan sebuah puzzle, ia langsung melompat ke puzzle berikutnya, di dalamnya terdapat beberapa puzzle yang gerakan saya adalah langkah terbaiknya, dan di beberapa posisi papan catur dibalik.
Saya memberi tahu Claude tentang masalahnya, dia menulis ulang kodenya, saya menempelkannya, dan aplikasi catur saya bekerja lebih baik lagi. Masih ada beberapa hal yang ingin saya tingkatkan tetapi saya berada pada tahap di mana saya bahagia.
Kiat membangun aplikasi
Biaya
Anda dapat memulai dengan Horizons seharga $6,99/bln tetapi Anda hanya mendapatkan 30 permintaan sebulan dan diperbarui dengan harga $9,99/bln setelah empat tahun.
Ini akan cukup untuk aplikasi yang sangat sederhana tanpa banyak bagian yang bergerak dan integrasi dengan layanan lain – namun Anda mungkin menginginkan lebih banyak perintah, jadi paket Pemula dengan 70 perintah sebulan mungkin lebih baik, mulai dari $13,99/bln selama empat tahun dan kemudian diperbarui pada $19,99/bln.
Alternatifnya adalah dengan membeli VPS, yang bisa Anda dapatkan dari Hostinger seharga $4,99 untuk satu tahun dan diperpanjang dengan harga $9,99/bln. Kemudian, gunakan LLM seperti Claude, ChatGPT, atau Gemini, yang masing-masing memiliki tingkat gratis dengan batas cepat yang diperbarui setiap hari. Untuk aplikasi saya, saya menggunakan versi berbayar dari Claude yaitu $20/bln.
Anjuran
Dengan perintah awal, Anda harus sedetail dan sespesifik mungkin. Lalu, ketika ingin memperbaiki masalah, sebaiknya lakukan dengan sederhana dan hanya perbaiki satu hal dalam satu waktu. Jika ada sesuatu yang tidak berhasil, Anda perlu mengatakan dengan pasti apa yang tidak berhasil.
Misalnya, sertakan tombol mana yang ditekan, apa yang terjadi, dan apa yang Anda harapkan akan terjadi. Jika Anda hanya mengatakan ‘tombolnya tidak berfungsi’, sulit bagi AI untuk mengetahui apa yang perlu diperbaiki.
Jika Anda menggunakan LLM, pada awalnya beritahukan untuk tidak membuat aplikasi tetapi untuk membangun ide dan metode. Kemudian, mintalah untuk memberi Anda petunjuk langkah demi langkah – dan jika Anda tidak memahami petunjuknya, katakan saja.
Server VPS
Untuk menggunakan VPS Anda perlu menggunakan terminal. Ini adalah baris perintah yang memungkinkan Anda berinteraksi dengan server. Anda menempelkan perintah yang diberikan LLM kepada Anda ke dalamnya dan server menjalankan tugas tersebut. Perintahnya mencakup pengunduhan dependensi (anggap ini sebagai bagian kecil perangkat lunak yang harus diinstal aplikasi agar berfungsi), membuat file, dan menempelkan kode ke dalamnya.
Ini juga tempat Anda dapat menerima log dan pesan kesalahan yang dapat Anda salin dan tempel kembali ke LLM untuk memecahkan masalah.
Terminal bisa jadi rumit untuk digunakan. Misalnya Ctrl+c tidak disalin. Jika Anda menekan ini, tugas saat ini akan dibatalkan dan aplikasi dapat berhenti bekerja. Ini bisa diperbaiki, itu hanya mengganggu dan merupakan kebiasaan. Selain itu, saat Anda berada dalam sebuah file dan perlu mengeditnya, mungkin sulit untuk menemukan dan berpindah ke bagian yang perlu Anda edit.
Ada alternatif untuk menggunakan terminal dan itu adalah dengan menggunakan lingkungan pengembang terintegrasi (IDE) seperti Visual Code Studio. Ini membuat pengembangan aplikasi menjadi lebih mudah, tetapi ini merupakan hal tambahan yang harus disiapkan.
Membuat aplikasi Anda sendiri
Panduan langkah demi langkah untuk membuat aplikasi Anda terdiri dari tiga langkah:
- Tulis ide Anda ke dalam alat AI
- Lakukan apa yang dikatakan AI
- Ulangi langkah 2 / Beritahu AI ada yang rusak
Saya harap Anda bersenang-senang membuat aplikasi!
