[Belajar JavaFX] Membuat Aplikasi Penghitungan Tegangan Sekunder dan Kuat Arus Sekunder pada Transmormer / Transformator dengan JavaFX

Kali ini saya, membuat tulisan untuk membuat suatu aplikasi sederhana dengan JavaFX 8 dan Library ControlsFX untuk Dialog-nya. Mungkin ada pertanyaan, kenapa saya membuatnya dengan menggunakan JavaFX?, JavaFX lebih mudah untuk dikustomisasi pada tampilannya dengan menggunakan CSS (Cascading Style Sheet) dan juga bisa dikombinasi dengan Javascript Nashorn, selain itu juga ada interoperabilitas dengan Swing, serta bisa di-deploy ke dalam bentuk banyak binary file yang disebut self-contained application.

Dalam self-contained application bisa langsung digunakan, karena sudah termasuk dengan JRE yang dimasukan ke dalam paket. Self-contained application ini bisa berupa binary image, dmg installer, msi installer, exe installer, deb installer, rpm installer. Untuk msi dan exe installer membutuhkan aplikasi pihak ketiga seperti WiX atau Inno Setup. Untuk deb dan rpm installer tergantung pada distribusi sistem operasi Linux yang digunakan. Deb installer misalnya bisa dibuat di Ubuntu, Linux Mint, dan turunan Ubuntu / Debian. Begitu pula dengan rpm installer. Aplikasi yang dibuat dengan JavaFX juga dapat di-porting ke Android dan Apple iOS dengan menggunakan JavaFXPorts.

Aplikasi yang akan saya buat adalah aplikasi untuk menghitung tegangan sekunder dan kuat arus sekunder pada transformator.

Buat proyek JavaFX Application pada Netbeans dengan nama proyek TransformatorCalcFX. Buka file TransformatorCalcFX.java yang telah dibuat kemudian tulis kode programnya seperti kode program berikut.

Setelah membuat tampilan, lalu percantik tampilan program dengan CSS (Cascading Style Sheet) yang ditempatkan pada pada paket baru. Untuk membuat paket baru caranya klik kanan pada node Source Packages → New → Java Package .. , beri nama assets. Setelah membuat paket baru, kemudian buat file CSS di paket assets dengan cara klik kanan pada node paket assets → New → Other , muncul dialog yang berisi Categories dan File Types, pilih Other pada Categories dan pilih Cascading Style Sheet pada File Types, beri nama file dengan transformatorFX.css .

Buka file transformatorFX.css yang telah dibuat kemudian tulis kode programnya seperti kode program berikut.

Setelah semua selesai, lalu dijalankan untuk uji coba.

Hasil