Mata Kuliah: Dosen Pengampu:

Pemograman Berbasis Objek Inggih Permana, ST, M.kom

Tugas Kelompok

Disusun Oleh :
KELOMPOK I
Afdal Muhammad Efendi ( 11653103530 )
Rahmat Satria ( 11653103475 )
Abdul Rahman ( 11653100021 )
Rahmad Rio. R ( 11653103650 )
Rahmi Ramadani ( 11653203566 )
Elfira Rossa ( 11653203569 )

UNIVERSITAS ISLAMNEGRISULTANSYARIFKASIMRIAU

FAKULTASSAINSDANTEKNOLOGI

JURUSANSISTEMINFORMASI

2017/2018
 Tutorial Hello Test menggunakan JavaFx (video 2)

1. Langkah awal yang kita lakukan adalah membuat project dengan cara Klik kanan > New
Project > javafx > javaFX Application
Kemudian isi Project Name, saya membuat nama projectnya Tutorial kelompok 1
2. Setelah Project dibuat, selanjutnya kita membuat package

Kemudian, isikan nama package seperti contoh Tutorial

3. Setelah package kita buat, kemudian kita buat pada package dengan cara Klik kanan
pada package > New > Class kemudian isikan nama class, maka akan tampil lembar
project :

4. Setelah class dibuat, kita lanjut membuat Hello Test dengan coding :
package Tutorial;

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class kelompok1 extends Application {

@Override
public void start (Stage stage){
BorderPane root = new BorderPane();
Button btntes = new Button("SIlahkan
tekan");
btntes.setOnAction(new
EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent event) {
System.out.println("Hello,
Assalamualaikum");
}
});
root.setCenter(btntes);

stage = new Stage();

Scene scen = new Scene(root, 500, 300);
stage.setScene(scen);
stage.setTitle("Tutorial Kelompok1");
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
Maka akan tampil saat kita Run :

Apabila button kita tekan makan akan keluar Output :

Penjelasan coding :

1. Ini adalah Main method dan import awal yang digunakan untuk membuat JavaFx
Application

import javafx.application.Application;
import javafx.stage.Stage;
public class kelompok1 extends Application {
@Override
public void start (Stage stage){
}
}

2. Ini adalah coding BorderPane yang berfungsi untuk membuat tampilan border
import javafx.scene.layout.BorderPane;
BorderPane root = new BorderPane();
3. Ini adalah coding Button dan Button OnAction yang berfungsi untuk membuat
sebuah Button dan membuat aksi jika Button tersebut kita klik dan pesan yang
muncul ketika kita klik.
import javafx.event.EventHandler;
Button btntes = new Button("SIlahkan tekan");
btntes.setOnAction(new EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent event) {
System.out.println("Hello, Assalamualaikum");
}
});
4. Coding ini berfungsi untuk memasukkan Button kedalam layout
root.setCenter(btntes);
5. Coding ini berfungsi untuk membuat title layout, ukuran layout, dan untuk
menampilkan layout.
stage = new Stage();
Scene scen = new Scene(root, 500, 300);
 stage.setScene(scen);
stage.setTitle("Tutorial Kelompok1");
stage.show();

6. Coding ini sebuah main method yang berfungsi untuk menjalankan coding yang telah
kita buat tadi, jika tidak ada coding ini makan coding yang kita buat tadi tidak akan
dapat berjalan.
public static void main(String[] args) {
launch(args);
}
 Tutorial Basic Layout (Box) menggunakan JavaFx (video 3)
1. Pertama kita buat 2 package baru, disini saya membuat package dengan nama "Kelompok
1" dan "Program"
2. Pada package "Kelompok1" kita buat class baru, disini saya memberi nama class
"TutorialLayout". dan pada package program saya membuat class yang bernama
MainProgram
3. Pertama kita buat coding di package "Program" class "MainProgram" dengan coding :

package Program;

import Kelompok1.TutorialLayout;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class MainProgram extends Application {

@Override
public void start(Stage stage) throws Exception {
BorderPane root = new BorderPane();
TutorialLayout hboxx=new TutorialLayout();
root.setCenter(hboxx.layoutHBox());

stage = new Stage();

Scene scene = new Scene(root, 500, 400);
stage.setScene(scene);
stage.setTitle("Tutorial JavaFx");
stage.show();

public static void main(String[] args) {

launch(args);
}
}
4. Kemudian kita buat coding di package "Kelompok1" class "TutorialLayout" dengan coding :

package Kelompok1;

import javafx.scene.control.Button;

import javafx.scene.layout.HBox;

public class TutorialLayout {

public HBox layoutHBox(){

HBox hb = new HBox(5);

Button btn1 = new Button("tombol1");

Button btn2 = new Button("tombol1");

hb.getChildren().addAll(btn1, btn2);

return hb;

}
}
5. Maka ketika di run maka akan tampil hasil seperti ini