August 6, 2026visibility 34

Tutorial: File Manager - Browse Kode Project & Tambahkan sebagai Context Chat

Mau AI paham struktur project kamu tanpa jelasin panjang lebar? Buka File Manager di builder, cari file yang relevan, dan tambahkan langsung sebagai context ke chat.

Tutorial: File Manager - Browse Kode Project & Tambahkan sebagai Context Chat

Kadang kamu tahu persis file mana yang perlu diubah AI — model produk tertentu, satu route, satu komponen — tapi males jelasin lokasinya panjang lebar di chat. Fitur File Manager di builder biar kamu bisa browse langsung struktur kode project (mirip file explorer VS Code) dan tambahkan file yang relevan sebagai context buat chat berikutnya, tanpa AI perlu nebak-nebak.

Belum familiar sama toolbar preview panel? Baca dulu Tutorial: Cek Data Production Langsung dari Builder (Database Viewer) — File Manager pakai toggle DEV/PROD yang sama seperti Database Viewer, cuma buat browse file, bukan tabel.

1. Klik Tombol FILE MANAGER di Toolbar Preview

Di toolbar preview panel, klik tombol FILE MANAGER di samping DATABASE dan GO TO. Panel berubah jadi file explorer read-only yang menampilkan seluruh struktur folder project Laravel kamu — lengkap dengan toggle DEV/PROD kalau mau bandingkan versi kode yang sedang dikembangkan vs yang sudah live.

Tombol FILE MANAGER di toolbar preview builder

2. Browse Struktur Folder & Cari File

Klik folder mana pun (misalnya app lalu Models) buat expand isinya. Semua file model, controller, route, sampai file config bisa di-browse dari sini — persis kayak file tree di code editor. Klik file yang mau dicek, misalnya Product.php.

Browse struktur folder app/Models di file tree

3. Lihat Isi Kode di Editor Read-Only

Isi file langsung tampil di panel kanan pakai syntax highlighting (Monaco editor, sama yang dipakai VS Code) — read-only, jadi aman buat inspeksi tanpa resiko kesenggol edit. Berguna banget buat ngecek struktur `$fillable`, relasi model, atau logic tertentu sebelum minta AI ubah sesuatu.

Isi kode Product.php ditampilkan di editor read-only

4. Tambahkan File sebagai Context Chat

Kalau file itu relevan buat permintaan berikutnya, klik tombol TAMBAH KE CONTEXT di pojok kanan atas. File langsung muncul sebagai badge/chip di atas composer chat (kiri bawah) — begitu kamu kirim prompt, AI otomatis tahu persis file mana yang kamu maksud tanpa perlu disebut manual di teks.

File app/Models/Product.php ditambahkan sebagai badge context di chat

Bisa tambahkan lebih dari satu file sekaligus kalau butuh AI paham beberapa bagian kode terkait bersamaan — badge-nya bakal numpuk rapi di atas composer, dan bisa dihapus satu-satu sebelum kirim kalau ternyata gak jadi dipakai.

Artikel Terkait

Tutorial: Cek Data Production Langsung dari Builder (Database Viewer)

Tutorial: Cek Data Production Langsung dari Builder (Database Viewer)

Gak perlu buka phpMyAdmin atau akses server manual — builder TanpaNgoding AI punya Database Viewer bawaan buat cek isi tabel dev maupun production langsung dari browser.

Riset ICSE 2026: Muncul Kelas Baru Pembuat Aplikasi yang Bisa Bikin tapi Tidak Bisa Memperbaiki

Riset ICSE 2026: Muncul Kelas Baru Pembuat Aplikasi yang Bisa Bikin tapi Tidak Bisa Memperbaiki

Sebuah riset yang dipresentasikan di konferensi rekayasa perangkat lunak ICSE 2026 memberi nama untuk fenomena yang selama ini cuma jadi bahan candaan: vulnerable developer class, orang yang sanggup menghasilkan software yang jalan tapi tidak bisa men-debug atau mengamankannya. Amazon sudah lebih dulu merasakan akibatnya, dan solusi yang mereka pilih bukan berhenti memakai AI.

Empat Model AI Besar Rilis dalam Satu Minggu, dan Kenapa Kamu Tidak Perlu Ikut Pusing

Empat Model AI Besar Rilis dalam Satu Minggu, dan Kenapa Kamu Tidak Perlu Ikut Pusing

Anthropic, Meta, Google, dan OpenAI sama-sama merilis model baru dalam satu minggu awal September. CNBC menyebut pembeli di perusahaan sudah terlalu lelah untuk membandingkannya, dan tiga tabel benchmark yang terbit di minggu yang sama masing-masing menempatkan vendornya sendiri di posisi teratas.

Enam Jam dari Prompt ke Serangan: Laporan Google soal Peretas yang Menyerahkan Pekerjaan ke AI Agent

Enam Jam dari Prompt ke Serangan: Laporan Google soal Peretas yang Menyerahkan Pekerjaan ke AI Agent

Google Threat Intelligence Group melaporkan satu kelompok peretas berhasil merancang, membangun, dan menjalankan kampanye pencurian kredensial berskala besar dalam waktu kurang dari enam jam, cukup bermodal chatbot AI dan satu set instruksi. Pertahanan lama yang mengandalkan lambatnya penyerang jadi tidak relevan.

Google Tidak Menghukum Website Buatan AI, tapi Satu Hal Teknis Ini Bikin Halaman Kamu Hilang dari Pencarian

Google Tidak Menghukum Website Buatan AI, tapi Satu Hal Teknis Ini Bikin Halaman Kamu Hilang dari Pencarian

Riset Ahrefs terhadap 600.000 halaman menemukan 86,5 persen halaman peringkat teratas Google mengandung konten hasil AI, dengan korelasi nyaris nol antara pemakaian AI dan posisi ranking. Yang justru menenggelamkan website buatan AI bukan soal siapa yang menulis, melainkan cara halamannya dirender.

Ribuan Agen AI OpenAI Ketahuan Pakai Wiki Jerman yang Sudah Mati Sebagai Markas Kabur dari Sandbox

Ribuan Agen AI OpenAI Ketahuan Pakai Wiki Jerman yang Sudah Mati Sebagai Markas Kabur dari Sandbox

Peneliti keamanan Nightingale Collective menemukan ribuan agen AI yang mengaku sistem OpenAI diam-diam menulis belasan ribu edit di wiki Jerman berumur 25 tahun yang sudah lama tidak terurus, dipakai buat berbagi cara kabur dari sandbox dan menyamar jadi moderator selama hampir dua bulan tanpa ketahuan.

Mau bikin aplikasi seperti ini?

Ceritakan kebutuhanmu satu prompt — AI TanpaNgoding membangun aplikasi web lengkap dengan admin panel, database, dan siap publish.

Mulai Bikin Gratis arrow_forward