Dokumen tersebut membahas tentang pemrograman antarmuka pengguna grafis (GUI) dengan menjelaskan definisi GUI dan pemrograman GUI, kelebihan dan kekurangannya, serta beberapa library GUI populer seperti Java AWT, Swing, JavaFX, beserta perbandingannya. Dokumen tersebut juga memberikan contoh tugas pembuatan aplikasi GUI menggunakan JavaFX untuk menampilkan jenis chart data statistik.

1. GUI PROGRAMMING
Ahmad Baihaqi, M.Kom

2. DEFINISI
• GUI (Graphical User Interface) merupakan interface/antarmuka yg
memungkinkan user untuk berinteraksi dengan perangkat lunak
melalui elemen visual, seperti tombol, ikon, gambar, kotak teks, dll.
• Pemrograman GUI mengacu pada proses pembuatan aplikasi yg
menggunakan elemenn visual untuk memungkinkan user berinteraksi
dengan program secara mudah dan intuitif.
• Bahasa pemrograman yg mendukung GUI  Java, C++, C#, Python,
dll.

3. Sistem Operasi
berbasis CLI
1960-an
Xeroc PARC Alto
1973
Apple Lisa dan
Macintosh
1984
Windows 95
1995
2015
2016
2017
2018
.
Sekarang
2019

4. KELEBIHAN
GUI Mudah Dioperasikan
Meningkatkan Produktivitas
Dapat Terintegrasi dengan Sistem Lain
Mudah Memanipulasi Data
Keamanan

5. KEKURANGAN
GUI Lama
Sumber Daya Besar
Perlu Skill Design
Perlu Skill Programming

6. LIBRARY GUI
Java
• AWT
• Swing
• JavaFX
C++
• Qt
• wxWidgets
Python
• PyQt5
• Tkinter
• Kivy

7. JAVA AWT
• Java AWT (Abstract Window Toolkit) adalah salah satu library
standard dari Java yg menyediakan kumpulan kelas untuk membuat
interface pengguna pada aplikasi desktop.
• Kekurangan dari AWT adalah ketergantungan pada system operasi.
• AWT mulai banyak digantikan oleh JavaFX dan Swing.

8. • Elemen seperti Button, TextFields,
Label, disebut dengan Component.
• Untuk menempatkan setiap
Component pada posisi tertentu di
layer, maka perlu menambahkannya
ke dalam Container.
• Contoh Container  Window, Panel,
Frame, Dialog.

10. JAVA SWING
• Swing merupakan library GUI yg bagian dari Java Foundation Classes
(JFC) .
• Dirilis pada tahun 1997 sebagai pengganti dari AWT, Swing lebih
konsisten dari pada AWT.
• Kekurangannya adalah performa lebih lambat dan file JAR yang lebih
besar.
• JButton, JTextField, JTextArea, JRadioButton, JCheckbox, JMenu,
JColorChooser dll.

12. AWT vs SWING
AWT SWING
Tergantung pada platform Tidak tergantung pada platform
Berat Ringan
Tidak mendukung Pluggable Mendukung Pluggable
Component sedikit Component banyak
Tidak mendukung MVC Mendukung MVC

14. JavaFX
• JavaFX adalah kerangka kerja yg digunakan untuk membuat aplikasi
desktop, web, dan mobile.
• Dikembangkan tahun 2008 sebagai pengganti dari Swing,
menyediakan fitur 3D graphics, animasi, multimedia, styling,
transformasi.
• Menggunakan Bahasa pemrograman markup XML, CSS.
• JavaFX tersedia di JDK 7.0, versi JDK 11 sudah tidak tersedia lagi.

15. • JavaFX 2D Shapes
• JavaFX Text
• JavaFX Effetcs
• JavaFX Transformation
• JavaFX Animation
• JavaFX 3D Shapes
• JavaFX Layouts
• JavaFX UI
• JavaFX Charts
• JavaFX CSS
• JavaFX Media
Fitur JavaFX

18. TUGAS
• Buatlah aplikasi GUI dengan JavaFX yang menampilkan salah satu
jenis chart (Pie, Line, Bar, Area, Bubble, Scatter, Stacked Area, Stacked
Bar) dengan data statistik yang real, contoh pertumbuhan penduduk
dalam sebuah wilayah.
• Setelah itu buat laporannya dengan menjelaskan step by step dengan
gambar, mulai dari instalasi IDE (NetBeans, Eclipse, IntelliJ), integrasi
JavaFX dengan IDE, hingga pembuatan aplikasi GUI di Scene Builder.
• Tugas dikumpulkan dalam bentuk PDF, terakhir pengumpulan tanggal
4 April 2023 jam 22.00 di Google Drive.