3.Cara Efektif Meminta Bantuan AI untuk Desain LAMW

 

Agar hasilnya presisi dan siap pasang di kode Pascal Anda, ikuti trik cara berinteraksi (prompting) dengan AI berikut:

1. Deklarasikan Komponen & Struktur yang Diinginkan

Sebutkan daftar komponen yang mau dipakai dan konsep tata letaknya secara kasar.

2. Minta AI Mengatur Posisi via Kode Pascal

AI akan membuatkan prosedur setup layout berbasis PosRelativeToAnchor, PosRelativeToParent, dan Margin.

Contoh Format Perintah (Prompt) yang Bisa Anda Gunakan

Anda bisa menyalin dan menyesuaikan template prompt ini saat ingin meminta bantuan AI:

Contoh Prompt ke AI:

"Aku sedang buat UI compact di LAMW (Lazarus Android Module Wizard) pake kode Pascal. Tolong buatkan prosedur SetupLayout untuk form login ringkas.

Elemen yang dibutuhkan:

1. jTextView1 (Judul "Login", di paling atas tengah)
   
   
2. jEditText1 (Input Username, di bawah Judul)
   
   
3. jEditText2 (Input Password, di bawah Username)
   
   
4. jButton1 (Tombol Masuk) & jButton2 (Tombol Batal) berjejer sejajar di bawah Input Password.
   
   

Catatan: Lebar tombol masing-masing dibuat setengah layar (lpOneHalfOfParent), margin antar elemen rapat (8-10px) agar compact."

Apa yang Akan AI Hasilkan untuk Anda?

AI akan mengenerate kode Pascal LAMW yang rapi dan terstruktur seperti ini:

Delphi

 

procedure TForm1.SetupCompactLayout;

begin
  // 1. Judul (Top & Center)
  jTextView1.LayoutParamsWidth := lpWrapContent;
  jTextView1.LayoutParamsHeight := lpWrapContent;
  jTextView1.PosRelativeToParent := [rpTop, rpCenterHorizontal];
  jTextView1.MarginTop := 16;

  // 2. Input Username (Di bawah Judul)
  jEditText1.LayoutParamsWidth := lpMatchParent;
  jEditText1.LayoutParamsHeight := lpWrapContent;
  jEditText1.Anchor := jTextView1;
  jEditText1.PosRelativeToAnchor := [raBelow];
  jEditText1.MarginTop := 12;
  jEditText1.MarginLeft := 16;
  jEditText1.MarginRight := 16;

  // 3. Input Password (Di bawah Username)
  jEditText2.LayoutParamsWidth := lpMatchParent;
  jEditText2.LayoutParamsHeight := lpWrapContent;
  jEditText2.Anchor := jEditText1;
  jEditText2.PosRelativeToAnchor := [raBelow];
  jEditText2.MarginTop := 8;
  jEditText2.MarginLeft := 16;
  jEditText2.MarginRight := 16;

  // 4. Tombol Batal (Kiri, di bawah Password)
  jButton2.LayoutParamsWidth := lpOneHalfOfParent;
  jButton2.LayoutParamsHeight := lpWrapContent;
  jButton2.Anchor := jEditText2;
  jButton2.PosRelativeToAnchor := [raBelow, raAlignLeft];
  jButton2.MarginTop := 12;

  // 5. Tombol Masuk (Kanan, di sebelah Tombol Batal)
  jButton1.LayoutParamsWidth := lpOneHalfOfParent;
  jButton1.LayoutParamsHeight := lpWrapContent;
  jButton1.Anchor := jButton2;
  jButton1.PosRelativeToAnchor := [raToRightOf, raAlignTop];
end;

Tips AI untuk Desain Compact di LAMW

1. Gunakan jScrollView sebagai Parent Utama:
   Jika desain sangat padat (compact), selalu bungkus komponen utama di dalam jScrollView agar saat keyboard HP muncul, tata letak tidak rusak atau tertutup.
   
   
2. Manfaatkan jRelativeLayout & jLinearLayout Nesting:
   Minta AI mengelompokkan elemen kecil (seperti ikon + teks atau 2 tombol sejajar) ke dalam satu jLinearLayout horizontal agar kode anchor tidak terlalu rumit.
   
   
3. Minta Konversi Skala PX ke DP:
   Anda bisa minta AI membuatkan helper function kecil di Pascal untuk mengubah nilai Margin dari Pixel ke DP agar tampilan compact konsisten di berbagai ukuran layar HP.