PERCOBAAN 1

Antarmuka Grafis (GUI) JavaFX

dan Pemrograman Sederhana

TUJUAN PRAKTIKUM
1. Memahami cara membuat antarmuka grafis menggunakan JavaFX
2. Memahami cara mendapatkan masukan dari pemakai
3. Memahami cara menghasilkan keluaran pada antarmuka grafis
4. Mampu membuat program aplikasi windows form sederhana

PENGANTAR
JavaFX adalah library Java yang digunakan untuk membangun Rich Internet Applications.
Aplikasi yang dikembangkan menggunakan JavaFX dapat berjalan di berbagai perangkat
seperti Komputer Desktop, Mobile Phones, TV, Tablet, dll

Untuk mengembangkan Aplikasi GUI menggunakan bahasa pemrograman Java, pada

mulanya programmer mengandalkan perpustakaan seperti Advanced Windowing Toolkit
(AWT) dan Swings. Setelah munculnya JavaFX, programmer Java sekarang dapat
mengembangkan aplikasi GUI dengan konten yang kaya dengan menggunakan teknologi
Java.

Fokus dari matakuliah ini bukan pada antarmuka grafis, namun dalam membuat porgam
selalu dibutuhkan antarmuka baik itu berupa teks atau grafis. Oleh karena itu, sembari
mengikuti perkembangan teknologi terbaru, pada pembahasan Algoritma dan Struktur Data
ini kita memakai JavaFX sebagai basis antarmuka grafis dan bahasa pemrograman Java
sebagai alat untuk mengimplementasikan Algoritma dan Struktur Datanya.

Mengenai antarmuka grafis sudah dibahas dengan detail pada materi Prelab, oleh karena itu
pada praktikum ini kita akan fokus pada algoritma sederhana untuk memecahkan suatu
masalah.

Algoritma
Algoritma adalah langkah-langkah untuk menyelesaiakan suatu persoalan, dalam hal ini
langkah-langkah untuk menyelesaiakan persoalan dalam bentuk program. Algoritma bersifat
bebas paltform, artinya dapat diimplementasikan dengan bahasa pemrograman apa saja.
Berikut ini adalah algoritma untuk menyelesaiakan suatu masalah yang akan diteliti dalam
praktikum Percobaan 1 ini.

1 Program Studi Sistem Informasi Fakultas Teknologi Informasi | UKDW 2018

1. Algoritma Menghitung Luas Segitiga Siku-siku
Input : Panjang Alas, Tinggi
Proses : Luas = ½ . Alas . Tinggi
Output : Cetak Luas
Algoritma :
Langkah 0 Masukkan Panjang Alas (a)
Langkah 1 Masukkan Tinggi (t)
Langkah 2 l = 0.5 * a * t
Langkah 3 Cetak Luas (l)
Langkah 4 Selesai

2. Menghitung Luas dan Keliling Lingkaran

Input : Jari-jari ( R)
Proses : Luas = 3,14 . R . R, Keliling = 2 . 3,14 . R
Output : Cetak Luas, Keliling
Algoritma :
Langkah 0 Masukkan jari-jari (r)
Langkah 1 k = 2 * 3.14 * r
Langkah 2 l = 3.14 * r * r
Langkah 3 Cetak Luas (l) dan Keliling (k)
Langkah 4 Selesai

3. Konversi Jam Menit Detik menjadi detik

Input : Jam Menit Detik (jam, menit, detik)
Proses : konversiDetik = jam . 60 . 60 + menit * 60 + detik
Output : Cetak konversiDetik
Algoritma :
Langkah 0 Masukkan Jam Menit Detik (jam, menit, detik)
Langkah 1 konv_detik = jam*60*60 + menit*60 + detik
Langkah 2 Cetak konv_detik
Langkah 3 Selesai

4. Konversi dari Detik menjadi Jam Menit Detik

Input : Detik (detik)
Proses : konv_jam = (detik/(60*60))
konv_menit = (sisanya/60)
konv_det = sisanya
Output : Cetak konv_jam, konv_menit, konv_det
Algoritma :
Langkah 0 Masukkan Detik (detik)
Langkah 1 konv_jam = detik/(60*60)
Langkah 2 sisa = detik % (60*60) (% = modulus = sisa bagi)
Langkah 3 konv_men = sisa/60
Langkah 4 konv_det = sisa % 60
Langkah 5 Cetak kon_jam, konv_men, konv_det
Langkah 6 Selesai

2 Program Studi Sistem Informasi Fakultas Teknologi Informasi | UKDW 2020

5. Selisih dari jam1 dan jam2, jam1 dan jam2 dalam : Jam Menit Detik
Input : jam1 (jam1, menit1, detik1) dan jam2 (jam2, menit2, detik2)
Proses : detik1 = jam1*60*60 + menit1*60 + detik1
detik2 = jam2*60*60 + menit2*60 + detik2
selisih_detik = detik2 detik1
konv_jam = (selisih_detik/(60*60))
konv_menit = (sisanya/60)
konv_det = sisanya
Output : Cetak konv_jam, konv_menit, konv_detik
Algoritma :
Langkah 0 Masukkan jam1 (jam1, menit1, detik1)
Langkah 1 Masukkan jam2 (jam2, menit2, detik2)
Langkah 2 waktu1 = jam1*60*60 + menit1*60 + detik1
Langkah 3 waktu2 = jam2*60*60 + menit2*60 + detik2
Langkah 4 selisih = waktu2 waktu1
Langkah 5 jam3 = selisih/(60*60)
Langkah 6 sisa = selisih % (60*60) (% = modulus = sisa bagi)
Langkah 7 menit3 = sisa/60
Langkah 8 detik3 = sisa % 60
Langkah 9 Cetak kon_jam, konv_men, konv_det
Langkah 10 Selesai

ALAT DAN BAHAN

1. PC dengan Sistem Operasi Windows
2. NetBeans 8.2
3. Microsoft Word

CARA KERJA
1. Buatlah projek JavaFX Application dengan NetBeans 8.2, berilah nama projek sesuai
dengan identitas kalian: Praktikum_01_nimKamu. Contoh : Praktikum_01_72870137.
2. Untuk tiap soal di bawah ini buatlah masing-masing sesuai dengan yang diminta.
3. Lakukan uji coba terhadap program yang dibuat.
4. Jawablah pertanyaan yang ada pada Pendalaman Materi.

Buatlah Responsi Praktikum dengan template docx yang sudah disediakan,

kumpulkan hasil penelitian kalian melalui E-Class yang sudah disediakan
susai dengan batas waktu yang sudah ditetapkan.

Laporan yang dibuat berupa :

Source Code (Copas dari dokumen yang dibuat pada Editor NetBeans)
Screen Shoot (Bangun ulang dengan F11 dan tampilkan dengan F6)
Pembahasan (Berikan penjelasan untuk memberikan pengetahuan)

3 Program Studi Sistem Informasi Fakultas Teknologi Informasi | UKDW 2020

PENDALAMAN MATERI
NIM : _________________
PERCOBAAN 1

Antarmuka Grafis JavaFX dan NAMA : _______________________

Program Sederhana
1. Buatlah program untuk menghitung luas segi tiga siku-siku dengan antarmuka grafis
JavaFX seperti berikut (tampilkan nim dan nama kamu)

2. Buatlah program untuk menghitung luas dan keliling Lingkaran dengan antarmuka grafis
JavaFX seperti berikut (tampilkan nim dan nama kamu)

3. Buat Program untuk menghitung selisih jam-menit-detik yang hasilnya adalah dalam
jam-menit-detik juga. Perhatikanlah bahwa dalam algoritma, variabel jam1, menit1,
detik1, jam2, menit2, detik2 adalah bertipe bilangan bulat (int), tetapi diambil dari
antarmuka grafis TextField yang bertipe String.

Sebaliknya, hasil perhitungan jam3, menit3 dan detik3 adalah bertipe bilangan bulat (int)
tetapi hendak ditampilkan dengan TextField yang bertipe String. Perhatikan petunjuk di
dalam kotak untuk menyelesaikan penelitian ini.

4 Program Studi Sistem Informasi Fakultas Teknologi Informasi | UKDW 2020

Di bawah ini adalah contoh hasil eksekusi program Perhitungan Selisih Waktu dengan
antarmuka Grafis JavaFX beserta petunjuknya.

Petunjuk :
Gunakan metode setMaxWidth(30) untuk mengatur lebar TextField.
Integer.parseInt(jam01TextField.getText()) untuk mengkonversikan
TextField yang bertipe String menjadi bertipe int.
String.valueOf(jam3) untuk mengkonversikan dari int ke String agar dapat
diterima TextField.
Contoh di atas menghitung dari pukul 12:30:00 hingga 14:15:00 selisihnya adalah 1
jam 45 menit 0 detik.

Amsal 6:6. Pergilah kepada semut, perhatikanlah lakunya dan jadilah bijak:
7 biarpun tidak ada pemimpinnya, pengaturnya atau penguasanya, 8 ia menyediakan
rotinya di musim panas, dan mengumpulkan makanannya pada waktu panen. 9 Hai
pemalas, berapa lama lagi engkau berbaring? Bilakah engkau akan bangun dari
tidurmu?
10 "Tidur sebentar lagi, mengantuk sebentar lagi, melipat tangan sebentar lagi untuk
tinggal berbaring" -- 11 maka datanglah kemiskinan kepadamu seperti seorang
penyerbu, dan kekurangan seperti orang yang bersenjata.

5 Program Studi Sistem Informasi Fakultas Teknologi Informasi | UKDW 2020