Algoritma & Struktur Data STMIK Jend. A. Yani Yogyakarta

Presentasi berjudul: "Algoritma & Struktur Data STMIK Jend. A. Yani Yogyakarta"— Transcript presentasi:

1 Algoritma & Struktur Data STMIK Jend. A. Yani Yogyakarta
Praktikum #7 Algoritma & Struktur Data STMIK Jend. A. Yani Yogyakarta

2 Buat VCL Form Application
Buat Folder Simpan unit dengan nama ‘main.pas’, dan project dengan nama ‘DragMe.dpr’. Tambahkan TPanel Atur property align = alLeft Klik pada Form, dan tambahkan TSPlitter

3 Klik Form, tambahkan lagi sebuah Tpanel
Atur align = alClient Klik Panel1, tambahkan sebuah TListBox Atur align = alTop Klik Panel1, tambahkan TSplitter

4 Klik Panel1, tambahkan lagi sebuah TListBox Atur align = alClient
Pada Panel2 tambahkan pula dua buah TListBox yang dipisahkan oleh sebuah TSplitter serupa dengan petunjuk no. 5 – no. 7 seperti berikut: Klik Panel2, tambahkan sebuah TListBox Atur align = alTop Klik Panel2, tambahkan TSplitter Klik Panel2, tambahkan lagi sebuah TListBox

5 Pilih keempat TListBox dalam satu grup action dengan cara sebagai berikut:
Klik Form, selanjutnya tekan dan tahan tombol SHIFT, Diikuti dengan meng-klik keempat TListBox satu persatu. Lepas tombol Shift. Atur property DragMode = dmAutomatic

6 Menambah Data Klik Form. Melalui object inspector, pada tab events, buatlah event procedure pada event OnCreate (dengan double-click. Lengkapi code sebagai berikut untuk menambah beberap items pada ListBox; Tambahkan pula beberapa items pada ListBox2, ListBox3, dan ListBox4, Run, pastikan aplikasi tidak error.

7 Aturan DragDrop Dragdrop di disain dengan aturan cyclic,
ListBox1 hanya bisa di-dragdrop ke ListBox3, ListBox3 hanya bisa di-dragdrop ke ListBox4, ListBox4 hanya bisa di-dragdrop ke ListBox2, ListBox2 hanya bisa di-dragdrop ke ListBox1, ListBox1 ListBox3 ListBox4 ListBox2

8 Mewujudkan Aturan DragOver
Klik ListBox3. Melalui object inspector, pada tab events, buatlah event procedure pada event OnDragOver (dengan double-click. Lengkapi code sebagai berikut: Lakukan hal serupa untuk ListBox1, ListBox2, dan ListBox4 guna mewujudkan aturan DragDrop. Uji aplikasi, pastikan perubahan Cursor benar sesuai disain.

9 Mewujudkan Aturan DragDrop
Klik ListBox3. Melalui object inspector, pada tab events, buatlah event procedure pada event OnDragDrop (dengan double-click. Lengkapi code sebagai berikut: Kaitkan event OnDragDrop pada ListBox1, ListBox2, dan ListBox4 ke event procedure OnDragDrop milik ListBox3. Uji aplikasi, pastikan DragDrop berjalan sesuai disain.