LEMBAR KERJA PESERTA DIDIK (LKPD) 7.

Nama : ………………………………………………… Tugas : Mandiri

Kelas : ………………………………………………… No. Absen : ………………………………………………

A. KOMPETENSI DASAR
3.17. Merancang User Interface menggunakan Library
4.17. Mendesain User Interface menggunakan library

B. TUJUAN
Setelah mengikuti proses pembelajaran dengan model Project Based Learning dan kecakapan
hidup abad 21 tentang User Interface (materi) peserta didik diharapkan menunjukan perilaku
ilmiah (jujur, disiplin, tanggungjawab, mandiri, santun dan gotong royong (ppk)) dalam :
1. Mengidentifikasi komponen GUI dengan tepat.
2. Membuat kode program untuk membuat frame dengan komponen GUI secara terampil.

C. LANGKAH KEGIATAN
1. Perhatikan kode program berikut ini

import java.awt.*;

public class AwtPertama {

public static void main(String[] aifa) {

Frame win=new Frame("Latihan membuat Frame dengan AWT");

win.setSize(300,200);

win.show();

2. Lakukan identifikasi terhadap kode program diatas! Komponen GUI apakah yang digunakan
oleh kode program tersebut?
Hasil identifikasi :
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………

LKPD USER INTERFACE DENGAN LIBRARY Halaman 1 dari 5

 3. Bagaimana tampilan frame hasil kode program tersebut ?
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………

4. Buatlah kode program yang digunakan untuk membuat tampilan frame suatu aplikasi dengan
ukuran 1080x500 px!
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………

5. Kumpulkan LKPD ini kepada guru maksimal 1 minggu !

~ Selamat Mengerjakan ~

LKPD USER INTERFACE DENGAN LIBRARY Halaman 2 dari 5

 LEMBAR KERJA PESERTA DIDIK (LKPD) 7.2

Nama : ………………………………………………… Tugas : Praktikum Kelompok

Kelas : ………………………………………………… No. Absen : ………………………………………………

D. KOMPETENSI DASAR
3.18. Merancang User Interface menggunakan Library
4.18. Mendesain User Interface menggunakan library

E. TUJUAN
Setelah mengikuti proses pembelajaran dengan model Project Based Learning dan kecakapan
hidup abad 21 tentang User Interface (materi) peserta didik diharapkan menunjukan perilaku
ilmiah (jujur, disiplin, tanggungjawab, mandiri, santun dan gotong royong (ppk)) dalam :
3. Menjelaskan komponen user interface pada aplikasi dengan benar.
4. Membuat user interface untuk sebuah aplikasi dengan terampil.

F. LANGKAH KEGIATAN
1. Buatlah kelompok dengan teman sebangku kalian!
2. Hidupkan computer dan bukalah aplikasi Netbeans. Kemudian buatlah sebuah project baru
dengan nama Frame .
3. Setelah project Frame terbentuk, buatlah sebuah package Frame1. Perhatikan gambar berikut
ini .

LKPD USER INTERFACE DENGAN LIBRARY Halaman 3 dari 5

 4. Langkah selanjutnya membuat sebuah file Java baru dengan cara mengklik kanan pada
package Frame1 dan memilih New-JFrame Form. Untuk lebih jelasnya, perhatikan gambar
berikut ini .

5. Berilah nama file tersebut dengan “daftarNilai” dan klik “OK”. Langkah selanjutnya adalah
mendesain tampilan untuk menampilkan nilai dari beberapa mata pelajaran. Gunakanlah
objek dasar pada java swing seperti JLabel untuk membuat “DAFTAR NILAI”, JTextField
untuk membuat kotak input data nilai, dan yang terakhir adalah menggunakan JButton untuk
membuat tombol Simpan. Perhatikan gambar berikut ini.

LKPD USER INTERFACE DENGAN LIBRARY Halaman 4 dari 5

 6. Setelah desain tampilan untuk menampilkan nilai telah selesai, kemudian simpan dan jalankan
program tersebut dengan me –run program!
Hasil output :
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………

7. Lakukanlah modifikasi terhadap tampilan program tersebut, dengan menambahkan beberapa

nilai dan komponen login untuk guru!
Hasil output tampilan program.
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
8. Kumpulkan LKPD ini kepada guru maksimal 1 minggu !

~ Selamat Mengerjakan ~

LKPD USER INTERFACE DENGAN LIBRARY Halaman 5 dari 5