Layout Manager di Uraian Materi 1. Abstract W

Coba perhatikan so Frame dengan layou import java . awt .; publicclass CobaBorderLayout extends Frame { publicstaticvoid main String [] args { CobaBorderLayout bl = new CobaBorderLayout ; bl . setLayout new BorderLayout 10 , 10 ; bl . add new Button Atas , BorderLayout . NORTH ; bl . add new Button Bawah , BorderLayout . SOUTH ; bl . add new Button Kanan , BorderLayout . EAST ; bl . add new Button Kiri , BorderLayout . WEST ; bl . add new Button Tengah , BorderLayout . CENTER ; bl . setSize 200 , 200 ; bl . setVisible true ; } } Jika kode tersebut d Gamba c. GridLayout Dengan GridLa dan dari atas ke b manager membagi ukuran yang sama. komponen.Berikut in source code berikut, kode dibawah akan m yout tipe Border Layout import java . awt .; publicclass CobaBorderLayout extends Frame { publicstaticvoid main String [] args { CobaBorderLayout bl = new CobaBorderLayout ; bl . setLayout new BorderLayout 10 , 10 ; bl . add new Button Atas , BorderLayout . NORTH ; bl . add new Button Bawah , BorderLayout . SOUTH ; bl . add new Button Kanan , BorderLayout . EAST ; bl . add new Button Kiri , BorderLayout . WEST ; bl . add new Button Tengah , BorderLayout . CENTER ; bl . setSize 200 , 200 ; bl . setVisible true ; } } t dieksekusi, maka akan menampilkan output se bar 1. 5 Tampilan Frame dengan Border Layou Layout manager, komponen juga diposisikan d bawah seperti pada FlowLayout manag gi kontainer menjadi baris dan kolom. Semua a. Hal tersebut tidak mempedulikan ukuran se t ini adalah daftar dari konstruktor untuk GridLa 25 n membuat suatu import java . awt .; publicclass CobaBorderLayout extends Frame { publicstaticvoid main String [] args { CobaBorderLayout bl = new CobaBorderLayout ; bl . setLayout new BorderLayout 10 , 10 ; bl . add new Button Atas , BorderLayout . NORTH ; bl . add new Button Bawah , BorderLayout . SOUTH ; bl . add new Button Kanan , BorderLayout . EAST ; bl . add new Button Kiri , BorderLayout . WEST ; bl . add new Button Tengah , BorderLayout . CENTER ; bl . setSize 200 , 200 ; bl . setVisible true ; } } t seperti berikut: yout dari kiri ke kanan ager. GridLayout ua region memiliki n sebenarnya dari dLayout class. 26 Tabel 1. 5 Konstruktor Gri Konstruktor GridLayout GridLayoutint rows, int cols GridLayoutint rows, int cols, int hgap, int vgap Contoh 6, Membuat Fram Coba perhatikan source Frame tipe layout Grid Lay dan 3 kolom, dimana jarak import java . awt .; publicclass CobaGridLayout extends Frame { publicstaticvoid main String [] args { CobaGridLayout gld = new CobaGridLayout ; gld . setLayout new GridLayout 2 , 3 , 4 , 4 ; gld . add new Button Tombol Baris 1 Kolom 1 ; gld . add new Button Tombol Baris 1 Kolom 2 ; gld . add new Button Tombol Baris 1 Kolom 3 ; gld . add new Button Tombol Baris 2 Kolom 1 ; gld . add new Button Tombol Baris 2 Kolom 1 ; gld . setSize 200 , 200 ; gld . setVisible true ; } } ridLayout Deskripsi GridLayout Membuatobjek GridLayoutbarudengansatubaris dansatukolomsebagaidefault GridLayoutint rows, int cols Membuatobjek GridLayoutbarudenga baris dankolomsesuaidengankeinginan GridLayoutint rows, int cols, int hgap, int vgap Membuatobjek GridLayoutbarudenga baris dankolomyang ditentukan.U hgaphorizontaldanvgapvertikaldiaplikas dalamkomponen. rame dengan GridLayout: ce code berikut, kode dibawah akan memb Layout.Dimana didalam Frame tersebut akan a rak vgap dan hgap-nya adalah 4 px. import java . awt .; publicclass CobaGridLayout extends Frame { publicstaticvoid main String [] args { CobaGridLayout gld = new CobaGridLayout ; gld . setLayout new GridLayout 2 , 3 , 4 , 4 ; gld . add new Button Tombol Baris 1 Kolom 1 ; gld . add new Button Tombol Baris 1 Kolom 2 ; gld . add new Button Tombol Baris 1 Kolom 3 ; gld . add new Button Tombol Baris 2 Kolom 1 ; gld . add new Button Tombol Baris 2 Kolom 1 ; gld . setSize 200 , 200 ; gld . setVisible true ; } } GridLayout GridLayoutint rows, int cols ganjumlah an GridLayoutint rows, int cols, int hgap, int vgap ganjumlah .Unitspasi asikanke buat suatu ada 2 baris import java . awt .; publicclass CobaGridLayout extends Frame { publicstaticvoid main String [] args { CobaGridLayout gld = new CobaGridLayout ; gld . setLayout new GridLayout 2 , 3 , 4 , 4 ; gld . add new Button Tombol Baris 1 Kolom 1 ; gld . add new Button Tombol Baris 1 Kolom 2 ; gld . add new Button Tombol Baris 1 Kolom 3 ; gld . add new Button Tombol Baris 2 Kolom 1 ; gld . add new Button Tombol Baris 2 Kolom 1 ; gld . setSize 200 , 200 ; gld . setVisible true ; } } Jika kode terse berikut: Gamb

D. Aktivitas Pe

1. Membuat kela 2. Buat Pembag

Pada langkah Tuliskan kode Latihan cl = new Latihan ; Panel PanelAtas = new Panel ; Panel PanelTengah = new Panel ; Panel PanelBawah = new Panel ;

3. Buat Kompon

Isikan kode be tipe flow layou North Panel Flow Layout PanelAtas . add new Label FORM DATA GURU ; rsebut dieksekusi, maka akan menampilkan mbar 1. 6Tampilan Frame dengan Grid Layout s Pembelajaran elas java dengan nama Latihan.java agian Panel pada Frame ah ini, buatlah 3 pembagian Frame atas, teng de berikut Latihan cl = new Latihan ; Panel PanelAtas = new Panel ; Panel PanelTengah = new Panel ; Panel PanelBawah = new Panel ; onen yang diisi Pada Panel Atas berikut, kode berikut akan mengatur panel ata out North Panel Flow Layout PanelAtas . add new Label FORM DATA GURU ; 27 an output seperti ut ngah dan bawah. Latihan cl = new Latihan ; Panel PanelAtas = new Panel ; Panel PanelTengah = new Panel ; Panel PanelBawah = new Panel ; tas dengan layout North Panel Flow Layout PanelAtas . add new Label FORM DATA GURU ; 28

4. Buat Komponen ya

Kode berikut akan m Label, Textfield da tengah yaitu layout t Center Panel Grid Layout PanelTengah . setLayout new GridLayout 4 , 4 ; PanelTengah . add new Label Nama : ; PanelTengah . add new TextField Isi Nama Anda ; PanelTengah . add new Label NIP : ; PanelTengah . add new TextField Isi NIP Anda ; PanelTengah . add new Label Jenis Kelamin : ; Choice chooser = new Choice ; chooser . add Laki-Laki ; chooser . add Perempuan ; PanelTengah . add chooser ;

5. Buat Komponen ya

Kode berikut akan m Button dan Check B layout tipe Border La South Panel PanelBawah . setLayout new BorderLayout ; PanelBawah . add new Button Submit , BorderLayout . NORTH ; PanelBawah . add new Checkbox Advanced Mode , BorderLayout . WEST ; PanelBawah . add new Checkbox Mini Mode , BorderLayout . EAST ;

6. Atur Tipe Layout U

Kode berikut akan layout yang digunaka Border Layout cl . add PanelAtas , BorderLayout . NORTH ; cl . add PanelTengah , BorderLayout . CENTER ; cl . add PanelBawah , BorderLayout . SOUTH ; cl . setSize 300 , 300 ; cl . setVisible true ; yang diisi Pada Panel Tengah n mengisi panel tengah dengan 3 jenis kompo dan Combobox. Layout yang digunakan pa t tipe grid layout Center Panel Grid Layout PanelTengah . setLayout new GridLayout 4 , 4 ; PanelTengah . add new Label Nama : ; PanelTengah . add new TextField Isi Nama Anda ; PanelTengah . add new Label NIP : ; PanelTengah . add new TextField Isi NIP Anda ; PanelTengah . add new Label Jenis Kelamin : ; Choice chooser = new Choice ; chooser . add Laki-Laki ; chooser . add Perempuan ; PanelTengah . add chooser ; yang diisi Pada Panel Bawah n mengisi panel bawah dengan 2 jenis kompo k Box. Layout yang digunakan pada panel ba Layout South Panel PanelBawah . setLayout new BorderLayout ; PanelBawah . add new Button Submit , BorderLayout . NORTH ; PanelBawah . add new Checkbox Advanced Mode , BorderLayout . WEST ; PanelBawah . add new Checkbox Mini Mode , BorderLayout . EAST ; t Utama dan ukuran Frame n mengatur secara total layout dari suatu Fr akan alah tipe Border Layout Border Layout cl . add PanelAtas , BorderLayout . NORTH ; cl . add PanelTengah , BorderLayout . CENTER ; cl . add PanelBawah , BorderLayout . SOUTH ; cl . setSize 300 , 300 ; cl . setVisible true ; ponen yaitu pada panel Center Panel Grid Layout PanelTengah . setLayout new GridLayout 4 , 4 ; PanelTengah . add new Label Nama : ; PanelTengah . add new TextField Isi Nama Anda ; PanelTengah . add new Label NIP : ; PanelTengah . add new TextField Isi NIP Anda ; PanelTengah . add new Label Jenis Kelamin : ; Choice chooser = new Choice ; chooser . add Laki-Laki ; chooser . add Perempuan ; PanelTengah . add chooser ; ponen yaitu bawah ialah South Panel PanelBawah . setLayout new BorderLayout ; PanelBawah . add new Button Submit , BorderLayout . NORTH ; PanelBawah . add new Checkbox Advanced Mode , BorderLayout . WEST ; PanelBawah . add new Checkbox Mini Mode , BorderLayout . EAST ; Frame, tipe Border Layout cl . add PanelAtas , BorderLayout . NORTH ; cl . add PanelTengah , BorderLayout . CENTER ; cl . add PanelBawah , BorderLayout . SOUTH ; cl . setSize 300 , 300 ; cl . setVisible true ;

7. Mengecek ko dibuat ialah s

import java . awt .; publicclass Latihan extends Frame { publicstaticvoid main String [] args { Latihan cl = new Latihan ; Panel PanelAtas = new Panel ; Panel PanelTengah = new Panel ; Panel PanelBawah = new Panel ; North Panel Flow Layout PanelAtas . add new Label FORM DATA GURU ; Center Panel Grid Layout PanelTengah . setLayout new GridLayout 4 , 4 ; PanelTengah . add new Label Nama : ; PanelTengah . add new TextField Isi Nama Anda ; PanelTengah . add new Label NIP : ; PanelTengah . add new TextField Isi NIP Anda ; PanelTengah . add new Label Jenis Kelamin : ; Choice chooser = new Choice ; chooser . add Laki-Laki ; chooser . add Perempuan ; PanelTengah . add chooser ; South Panel PanelBawah . setLayout new BorderLayout ; PanelBawah . add new Button Submit , BorderLayout . NORTH ; PanelBawah . add new Checkbox Advanced Mode , BorderLayout . WEST ; PanelBawah . add new Checkbox Mini Mode , BorderLayout . EAST ; Border Layout cl . add PanelAtas , BorderLayout . NORTH ; cl . add PanelTengah , BorderLayout . CENTER ; cl . add PanelBawah , BorderLayout . SOUTH ; cl . setSize 300 , 300 ; cl . setVisible true ; } } kode yang telah dibuat. Secara keseluruh h seperti berikut import java . awt .; publicclass Latihan extends Frame { publicstaticvoid main String [] args { Latihan cl = new Latihan ; Panel PanelAtas = new Panel ; Panel PanelTengah = new Panel ; Panel PanelBawah = new Panel ; North Panel Flow Layout PanelAtas . add new Label FORM DATA GURU ; Center Panel Grid Layout PanelTengah . setLayout new GridLayout 4 , 4 ; PanelTengah . add new Label Nama : ; PanelTengah . add new TextField Isi Nama Anda ; PanelTengah . add new Label NIP : ; PanelTengah . add new TextField Isi NIP Anda ; PanelTengah . add new Label Jenis Kelamin : ; Choice chooser = new Choice ; chooser . add Laki-Laki ; chooser . add Perempuan ; PanelTengah . add chooser ; South Panel PanelBawah . setLayout new BorderLayout ; PanelBawah . add new Button Submit , BorderLayout . NORTH ; PanelBawah . add new Checkbox Advanced Mode , BorderLayout . WEST ; PanelBawah . add new Checkbox Mini Mode , BorderLayout . EAST ; Border Layout cl . add PanelAtas , BorderLayout . NORTH ; cl . add PanelTengah , BorderLayout . CENTER ; cl . add PanelBawah , BorderLayout . SOUTH ; cl . setSize 300 , 300 ; cl . setVisible true ; } } 29 uhan, kode yang import java . awt .; publicclass Latihan extends Frame { publicstaticvoid main String [] args { Latihan cl = new Latihan ; Panel PanelAtas = new Panel ; Panel PanelTengah = new Panel ; Panel PanelBawah = new Panel ; North Panel Flow Layout PanelAtas . add new Label FORM DATA GURU ; Center Panel Grid Layout PanelTengah . setLayout new GridLayout 4 , 4 ; PanelTengah . add new Label Nama : ; PanelTengah . add new TextField Isi Nama Anda ; PanelTengah . add new Label NIP : ; PanelTengah . add new TextField Isi NIP Anda ; PanelTengah . add new Label Jenis Kelamin : ; Choice chooser = new Choice ; chooser . add Laki-Laki ; chooser . add Perempuan ; PanelTengah . add chooser ; South Panel PanelBawah . setLayout new BorderLayout ; PanelBawah . add new Button Submit , BorderLayout . NORTH ; PanelBawah . add new Checkbox Advanced Mode , BorderLayout . WEST ; PanelBawah . add new Checkbox Mini Mode , BorderLayout . EAST ; Border Layout cl . add PanelAtas , BorderLayout . NORTH ; cl . add PanelTengah , BorderLayout . CENTER ; cl . add PanelBawah , BorderLayout . SOUTH ; cl . setSize 300 , 300 ; cl . setVisible true ; } } 30

8. Langkah 8 Melihat

Hasil running aplikasi Gambar 1. 7

E. LatihanKasus Tug

Pak Alqodri adala setiap tahun Pak Alqo sekolahnya, salah sa ternyata cara yang dil alumni dikumpulkan ukuran yang tipis. U membuat suatu formu siswa dalam mengisi tersebut. Kegiatan yang di Pak Alqodri memiliki model ter-komputerisa ketika Pak Alqodri har format setiap tahun tentunya akan mem tersebut. Untuk meng anda untuk membuat yaitu Nama Lengkap Dimana 3 komponen TextField, agama da Combo Box untuk pi dan pilihan agama te Lain. Selain itu, kar bahwa aplikasi yang mengakomodasi kebu at jalannya aplikasi GUI yang dibuat kasi yang dibuat ialah 7 Tampilan Aplikasi GUI AWT yang dibuat s Tugas alah pegawai administrasi di SMK X di Kota M lqodri selalu mencacatat beberapa hal administ satunya ialah mendata alumni. Setelah beliau dilakukan beliau sangatlah memboroskan kare n pada lembaran kertas yang mudah rusak s. Untuk mengatasi hal itu, Pak Alqodri be mulir berbasis komputer yang dapat digunak gisi data alumninya ke dalam database dilakukan Pak Alqodri bukan tidak ada alasa iki pandangan terkait penggunaan database risasi di era saat ini. Namun, masalah mula harus menginputkan data alumni satu-persatu n dari buku alumni sekolah tersebut berbed emakan banyak waktu untuk menginputka ngatasi hal tersebut, Pak Alqodri meminta b at suatu form yang terdiri dari 5 bagian dala ap, Alamat, Jenis Kelamin, Agama dan nom en nama,alamat,nomor HP merupakan kom dan jenis kelamin merupakan pilihan deng pilihan jenis kelamin hanya laki-laki dan pere terdiri dari Islam, Kristen, Hindu, Budha dan arena pak Alqodri sudah tua, beliau mengi ng dibuat berukuran 350 pixel X 300 pixe butuhan Pak Alqodri tersebut. a Malang, inistrasi di liau amati, rena data sak karena berinisiatif akan oleh sekolah san, tentu se dengan lai terjadi tu dimana eda yang tkan data a bantuan alam form omor HP. komponen ngan tipe rempuan, an Agama ginginkan ixel untuk