Panduan Lengkap JavaFX untuk Pemula
Panduan Lengkap JavaFX untuk Pemula
ANGGOTA GRUP :
DJIALA MARC ISAMEL
DJOUNDO MICHELLE
FOHOM TAKALA BEAUREL
MENRA ROMIAL
TCHEUHA FANDIO ANTHONY
YEMKWA EMMANUEL MESNER
Di bawah pengawasan:
Dr BILONG IV
Tahun ajaran: 2021/2022
Daftar Isi
I. PENDAHULUAN ............................................................................................................................... 2
II. DEFINISI DAN PENGGUNAAN............................................................................................................ 2
1. DEFINISIN.................................................................................................................................. 2
2. PENGGUNAAN ................................................................................................................................ 2
III. HISTORIS...................................................... 3
IV. BAGAIMANA MENGINTEGRASIKANNYA KE DALAM SEBUAH PROYEKT .................................................................................. 4
DENGAN NETBEANS .......................................................................................................................... 5
2. AVEC INTELLIJ .............................................................................................................................. 9
3. AVEC EKLIPSE............................................................................................................................. 11
V. PRESENTASI DE JAVAFX............................................................................................................ 12
LE STRUKTUR UMUM ......................................................................................................... 12
2. LES WIDGET ........................................................................................................................ 14
[Link] WIDGET (KASUS SEBUAH TOMBOL)).......................................................... 14
[Link] D'IANTARMUKA.......................................................................................................... 16
VI. JAVAFX DENGAN SCENEBUILDER .................................................................................................... 17
VII. DEMONSTRASI
VIII. REKOMENDASI .................................................................................................................. 20
KEUNTUNGAN....................................................................................................................................... 20
IX. KESIMPULAN
X. BIBLIOGRAFI.............................................................................................................................. 22
1
I. PENDAHULUAN
Sejak peluncuran Windows 1.0 pada 20 November 1985, yang diumumkan oleh Bill Gates
pada tahun 1983 sebagai "lapisan grafis", antarmuka pengguna telah membuat mereka
penampakan dalam Tics, sehingga memudahkan hidup banyak pengguna di seluruh dunia. Dengan demikian,
Saat ini, hampir semua aplikasi yang ditujukan untuk pengguna dilengkapi dengan antarmuka
grafik. Namun, sebagian besar aplikasi dikembangkan dengan Java dan Java fx adalah
Kerangka kerja Java yang paling maju untuk antarmuka grafis. Dengan demikian, akan ada pembahasan untuk
Kami dalam tugas ini untuk menyajikan gambaran singkat tentang JavaFX: sejarahnya, cara mengintegrasikannya
dalam sebuah proyek, dengan demonstrasi kecil sebagai dukungan, dan akhirnya rekomendasi
diperlukan untuk dapat menggunakannya dengan bijak.
JavaFX adalah Framework Java untuk antarmuka grafis. Ini adalah sebuah platform
perangkat lunak yang memungkinkan untuk membuat dan menyediakan aplikasi desktop, serta
aplikasi Web kaya yang dapat dijalankan di berbagai perangkat.
2. PENGGUNAAN
2
III. HISTORIQUES
Java FX awalnya dikembangkan oleh Chris Oliver di SeeBeyond dan disebut F3 (Form
Follows Function). F3 adalah bahasa skrip Java untuk mengembangkan dengan mudah beberapa
aplikasi GUI. Ini menawarkan sintaks deklaratif, pengetikan statis, inferensi tipe,
sebuah hubungan data, sebuah animasi, grafik 2D dan komponen Swing.
SeeBeyond telah diakuisisi oleh Sun Microsystems dan F3 telah diubah namanya menjadi Java FX pada tahun 2007. Oracle
Oracle mengakuisisi Sun Microsystems pada tahun 2010. Oracle kemudian membuka JavaFX pada tahun 2013.
Pada awalnya, para pengembang harus menggunakan bahasa skrip JavaFX Script untuk dapat
menggambarkan antarmuka pengguna dan perpustakaan hanya memungkinkan untuk merancang hanya
kekayaan aplikasi internet.
Sejak versi 2.0, ini adalah API sejati yang ditawarkan dalam bentuk sebuah
perpustakaan pihak ketiga dan yang lebih penting, menjadi sumber terbuka.
Dengan munculnya versi 8 Java (pada Maret 2014), JavaFX menjadi pustaka dari
pembuatan antarmuka grafis resmi bahasa Java, pengembangan dari
prédécesseur Swing (dengan AWT) telah ditinggalkan, kecuali untuk perbaikan bug.
Sejak versi 11 Java, proyek tersebut terpisah dari JDK, untuk mengikuti prosesnya sendiri.
pengembangan. Namun, nomor versi JavaFX sesuai dengan nomor versi JDK untuk
menunjukkan kompatibilitasnya (karena semua aplikasi JavaFX didasarkan pada JDK).
3
Kuartal 2, 2012 Java FX 2.1 Dukungan Mac OS untuk komputer
Hanya kantor yang telah diperkenalkan.
Kuartal pertama 2014 Java FX 8.0 Versi Java FX telah beralih dari 2.2 ke 8.0.
Versi Java FX dan Java SE
akan berlaku mulai dari Java 8.
NB : langkah ini digunakan untuk JDK versi 11 atau lebih tinggi. Untuk yang
versi sebelumnya JavaFX sudah terintegrasi.
Apapun IDE yang digunakan, kita harus terlebih dahulu mengunduh SDK javaFX yang sesuai dari
sistem Anda. Tautan berikut memungkinkan kami untuk mengunduhnya
URL cannot be [Link] di halaman, dengan menggulir ke bawah Anda akan mendapatkan ini
Unduh versi yang sesuai untuk Anda yaitu pilih versi javaFX dari Anda
système etl’extraire.
Setelah selesai sesuai dengan IDE Anda, berikut adalah langkah-langkah yang harus diikuti untuk mengintegrasikannya ke dalam
proyek.
4
DENGAN NETBEANS
Pertama, buat perpustakaan baru. Untuk itu, pergi ke Alat -> Perpustakaan ->
Perpustakaan Baru. Namai dan sertakan jar (SDK JavaFX) di bawah folder JavaFX.
Silakan ikuti rangkaian gambar ini yang menunjukkan cara melakukannya.
Setelah mengklik Perpustakaan, jendela ini akan muncul, klik pada baru
Segera setelah Anda mengklik Perpustakaan Baru, jendela di bawah ini akan muncul:
5
Sebagai nama pustaka, Anda dapat memberikan JavaFX seperti yang disebutkan di atas.
Setelah itu, setelah mengklik ok, klik tombol Tambah JAR/Folder yang berada di sebelah kanan.
gambar di atas seharusnya menghasilkan gambar berikut:
Di sini Anda harus pergi ke folder yang berisi SDK JavaFX yang Anda miliki
unduh. Setelah berada di folder ini, masuk ke folder yang telah Anda ekstrak dan pergi
tekan CTRL+A untuk memilih semua elemen yang ada di sana dan akhirnya
klik tombol Tambah JAR/Folder yang ada di paling kanan di bawah. Kemudian klik pada
Oke
Setelah pustaka JavaFX dibuat, buat proyek baru
6
Tekan Next dan berikan nama. Setelah itu, pastikan proyek tersebut
dieksekusi dengan JDK 11 atau versi yang lebih baru. Untuk memeriksa, pergi ke Properti
-> Perpustakaan -> Platform Java
Setelah memverifikasi, pergi ke Properties -> Libraries -> Compile -> Classpath -> + -> Tambah
Perpustakaan menambahkan pustaka JavaFX yang kami buat sebelumnya.
Klik tombol Tambah Perpustakaan tepat setelah memilih perpustakaan JavaFX yang
kami telah menciptakan.
7
Kemudian pergi ke Properties -> Perpustakaan -> Jalankan -> Jalur Modul -> + -> Tambahkan Perpustakaan
tambahkan juga pustaka Java FX yang dibuat.
8
2. DENGAN INTELLIJ
Setelah Proyek dibuat, Anda seharusnya memiliki pratinjau ini yang menampilkan banyak
kesalahan.
Klik tombol + sebuah jendela akan muncul, cari dan pilih folder lib
yang terletak di dalam folder yang telah kami ekstrak.
9
Klik tombol Ok, kemudian klik tombol Terapkan, lalu Ok
Kemudian pergi ke Run -> Edit Konfigurasi lalu tambahkan opsi VM di dalamnya:
Di Windows--module-path "jalur absolut dari folder lib yang ada di dalam folder
ekstrak " --add-modules [Link],[Link] jalur absolut lib :
C:\Users\BeaurelFohom\Downloads\Compressed\Java\javafx-sdk-17.0.1\lib. Di bawah lunix
tambahkan opsi VM berikut: --module-path jalur absolut dari folder lib yang berisi
berkas ekstrak --tambahkan-modul [Link],[Link].
NB: Entrepathet 'y a une barre d’espace. Il en est de même pour « --add.
10
3. DENGAN ECLIPSE
Pertama, unduh (fx)clipse. Untuk melakukannya, pergi ke Bantuan -> Eclipse Marketplace
kemudian ketik fx di bilah pencarian dan unduh (fx)clipse.
11
Setelah itu, lakukan klik kanan pada folder proyek JavaFX Anda, lalu pergi ke
Buat Jalur->Konfigurasi Jalur Bangun. Setelah itu pergi ke Perpustakaan->Classpath->Tambahkan
Pilih Perpustakaan (Perpustakaan yang baru saja Anda buat) pilih
JavaFX membuat lebih tinggi dan klik pada Terapkan
Temui dalam konfigurasi Run, pilih kelas JavaFX Anda kemudian pergi ke
Argumen dan akhirnya tambahkan argumen VM yang sama --module-path "jalur absolut dari
dossier lib yang terdapat dalam dossier ekstrak " --add-modules [Link],[Link]
klik pada Jalankan.
Tautan ini menunjukkan kepada kita bagaimana cara melakukannyaURL cannot be translated.
V. PRESENTASI JAVAFX
1. STRUKTUR UMUM
Aplikasi ini dikodekan dengan membuat subclass dari Aplikasi. Jendela utama dari sebuah
aplikasi direpresentasikan oleh objek tipeStageyang disediakan oleh sistem di
peluncuran aplikasi.
12
Antarmuka diwakili oleh objek tipe Scene yang harus dibuat dan dikaitkan dengan jendela.
(Panggung).
Adegan ini terdiri dari berbagai elemen antarmuka grafis (komponen dari
antarmuka grafis) yang merupakan objek tipeNode. Semua elemen yang terkandung dalam
Grafik adegan adalah objek yang memiliki kelas induk kelasNode. KelasNode
mengandung banyak sub-kelas (lihat Gambar 1)
Metode start() membangun semuanya.
Untuk lebih memahami mekanisme peluncuran aplikasi JavaFX, mari kita pertimbangkan
potongan kode berikut:
13
Dalam keadaan normal, IDE mengurusnya secara otomatis.
Dalam contoh ini, metode main() hanya memanggil metode statis launch() (yang adalah
diturunkan dari Aplikasi). Dalam aplikasi yang sedikit lebih kompleks, ia dapat melakukan
operasi inisialisasi lainnya sebelum memanggil invokeLaunch().
Titik masuk dari aplikasi JavaFX terdiri dari instance kelas Application
(umumnya subclass). Saat meluncurkan aplikasi melalui metode statis
[Link]() pada runtime JavaFX melakukan operasi berikut:
Buat sebuah instance dari kelas yang mewarisi dari Aplikasi
Panggil metode init()
Panggil metode start() dan berikan parameter sebuah instance dari Stage (yang
mewakili jendela utama tahap utama (lihat bagian kode)
Tunggu hingga aplikasi selesai
Panggil metodestop()
Skema ini menggambarkan operasi-operasi ini:
2. WIDGET
14
GambarimageOk = new Gambar(getClass().getResourceAsStream("[Link]"Button
button3 = new Button("Terima", new ImageView(imageOk));
Sintaksis pertama membuat tombol tanpa konten yaitu tanpa teks maupun gambar.
Sintaksis kedua membuat tombol dengan teks "Terima"
Sintaksis terakhir membuat tombol dengan sebuah gambar.
Ketika kita menggunakan sebuah tombol, itu menghasilkan aksi saat diklik.
untuk itu kami menggunakan metode setOnAction dari kelas tombol.
Contoh :
[Link](newEventHandler<ActionEvent>() {
@Override public void handle(ActionEvente) {
[Link]("Diterima");
}
});
ActionEvent adalah jenis peristiwa yang diproses oleh EventHandler. Objek EventHandler
sediakan metode handler sehingga ketika pengguna menekan button2, label
akan menampilkan "Diterima"
JavaFX memberikan kita kemungkinan untuk menerapkan CSS pada widget-nya melalui metode setStyle
.
Contoh :
[Link]("-fx-font: 22 arial; -fx-base: #b6e7c9;");
Dalam contoh ini, teks tombol1 akan menggunakan huruf Arial dengan ukuran 22 dan warna yang ditentukan.
defaut #b6e7c9 .
Perhatikan bahwa kita membuat file CSS terpisah di mana kita menentukan berbagai gaya dan
menghubunginya nanti tentang kontainer kami.
Contoh :
.tooltip {
-fx-background-color: linear-gradient(#e2ecfe, #99bcfd);
}
.page-corner {
-fx-background-color: gradien-linier(dari 0% 0% ke 50%
50%,#3278fa,#99bcfd);
}
15
[Link] ANTARMUKA
Code
16
Di sini widget seperti Combo Box Button dan TextArea
Hasil dari potongan kode ini :
JavaFX Scene Builder adalah alat presentasi visual yang memungkinkan pengguna untuk
merancang antarmuka pengguna aplikasi JavaFX dengan cepat, tanpa pengkodean. Yang
pengguna dapat menyeret dan menjatuhkan komponen antarmuka pengguna ke dalam sebuah
zona kerja, mengubah propertinya, menerapkan lembar gaya dan kode FXML dari
tata letak yang mereka buat secara otomatis dihasilkan di latar belakang. Hasilnya adalah sebuah
file FXML yang kemudian dapat digabungkan dengan proyek Java dengan menghubungkan antarmuka pengguna ke
logika aplikasi.
17
Penggunaan SceneBuilder dengan JavaFX akan dijelaskan selama presentasi.
demonstrasi dengan contoh konkret.
[Link]
Bagian ini murni praktis: Itu adalah tentang kita masing-masing sebagai pelajar untuk
membuat imajinasi kita bekerja dan menghasilkan masing-masing dengan antarmuka grafis yang menggambarkan
semua yang telah dikatakan di atas. Gambar di bawah ini menunjukkan gambaran aplikasi kami
dibuat menggunakan JavaFX dan SceneBuilder. Ini adalah antarmuka kecil tentang tugas
yang diusulkan oleh M; BILONG IV tentang karyawan, kami telah menggunakan basis data untuk
menyimpan informasi formulir penambahan karyawan serta tabel untuk menampilkan
berbagai karyawan.
18
19
[Link]
KEUNGGULAN
API Java. Java FX adalah sebuah pustaka Java yang terdiri dari kelas-kelas dan antarmuka yang ditulis
dalam kode Java asli. API dirancang untuk menjadi alternatif yang ramah pengguna untuk
bahasa Java Virtual Machine (Java VM), seperti JRuby dan Scala.
FXML dan konstruktor adegan. FXML adalah bahasa penandaan deklaratif yang berbasis XML
untuk pembangunan antarmuka pengguna aplikasi Java FX. Seorang desainer
dapat mengecod dalam FXML atau menggunakan Java FX Scene Builder untuk merancang secara
antarmuka pengguna grafis (GUI) interaktif. Scene Builder menghasilkan markup
FXML yang dapat dibawa ke IDE di mana seorang pengembang dapat menambahkan logika bisnis.
WebView. Sebuah komponen Web yang menggunakan teknologi WebKitHTML untuk memungkinkan
mengintegrasikan halaman Web ke dalam aplikasi Java FX. JavaScript yang dijalankan di dalam
WebView dapat memanggil API Java, dan API Java dapat memanggil JavaScript
dieksekusi dalam WebView.
Interoperabilitas ayunan. Aplikasi Swing yang ada dapat diterapkan pada
hari dengan fitur baru Java FX, seperti pemutaran media
grafik kaya dan konten Web terintegrasi.
Kontrol antarmuka pengguna bawaan dan CSS. Java FX menyediakan semua utama
kontrol antarmuka pengguna yang diperlukan untuk mengembangkan aplikasi lengkap.
Komponen dapat dipersonalisasi dengan teknologi Web standar seperti
CSS
API kanvas. API Kanvas memungkinkan untuk menggambar langsung di area panggung.
Java FX terdiri dari elemen grafis (simpul).
Dukungan multipoint. Java FX mendukung operasi sentuh multitouch, di
fungsi dari kemampuan platform yang mendasarinya.
Pipeline grafis dipercepat oleh perangkat keras. Grafik Java FX didasarkan pada
pipeline render grafis (Prism). Java FX menawarkan grafik yang lancar yang ditampilkan
cepat melalui Prism ketika digunakan dengan kartu grafis atau unit
grafis pemrosesan (GPU) didukung. Jika suatu sistem tidak memiliki salah satu dari
GPU yang disarankan didukung oleh Java FX, Prism menggunakan tumpukan perangkat lunak secara default.
Java 2D.
Mesin multimedia berkinerja tinggi. Jalur multimedia mendukung
pembacaan konten multimedia Web. Ini menyediakan kerangka multimedia yang stabil dan rendah
latensi berbasis kerangka multimedia GStreamer.
Model penyebaran aplikasi mandiri. Paket aplikasi
otonom memiliki semua sumber daya aplikasi dan salinan pribadi dari
runtimes Java dan Java FX. Mereka didistribusikan dalam bentuk paket yang dapat diinstal secara native
dan menawarkan pengalaman instalasi dan peluncuran yang sama seperti aplikasi
natif untuk sistem operasi ini. Lihat dokumen Penerapan aplikasi
Java FX.
20
IX. KESIMPULAN
Sampai pada akhir tugas ini, penting untuk diingat bahwa kita bekerja dengan Java Fx.
Jadi jelas bahwa Java Fx yang telah mencapai versi 8.0 adalah yang terbaik
Framework Java untuk antarmuka grafis. Kami juga telah mempersembahkan sebuah ringkasan
sejarah Java Fx serta beberapa rekomendasi untuk penggunaannya. Semua itu dengan
sebuah demonstrasi yang indah didukung dengan SceneBuilder. Akhirnya, kita keluar dengan yang indah ini
kutipan dari Chris Oliver: "Ketika datang untuk mengintegrasikan orang ke dalam proses bisnis, Anda perlu
antarmuka pengguna grafis untuk mereka berinteraksi, sehingga ada kasus penggunaan untuk grafik di dalam
ruang aplikasi perusahaan, dan ada ketertarikan di SeeBeyond untuk memiliki pengalaman pengguna yang lebih kaya
antarmuka.
21
X. BIBLIOGRAFI
JavaFX adalah sekumpulan teknologi untuk membuat aplikasi desktop dan internet yang kaya akan konten, yang dirancang untuk beroperasi secara konsisten di berbagai platform.
oss%20beragam%20platform. Dikonsultasikan pada 20 Maret 2022
Teks tidak dapat diterjemahkan karena merupakan nama file. Silakan berikan teks yang perlu diterjemahkan.
URL tidak dapat diterjemahkan.
sejarah%20JavaFX,2D%20grafis,%20dan%20Swing%20com
komponen. Konsultasi pada 20 Maret 2022
URL not accessible. Please provide text for translation.
dikonfirmasi pada 20 Maret 2022
URL tidak dapat [Link] pada 20 Maret 2022
Unable to access external links for [Link] pada 20 Maret 2022
The provided link cannot be translated. Please provide text instead.
dikonultasikan pada 20 Maret 2022
URL not translatable.
pengembangan/9781784398026/1/ch01lvl1sec10/sejarah-javafx dikonultasikan pada 20 Maret
2022
Content from the provided URL cannot be accessed or translated.
dalam-javafx/dikonfirmasi pada 20 Maret 2022
URL tidak dapat diterjemahkan. Harap berikan teks untuk [Link] pada 21 Maret 2022.
22