LAPORAN AKHIR

PEEMROGRAMAN OBJEK 2

MODUL 4
MEMBANGUN APLIKASI BERBASIS GUI

DISUSUN OLEH:
ERRAS LINDIARDA MAHENTAR [3411191102]

PROGRAM STUDI INFORMATIKA

FAKULTAS SAINS DAN INFORMATIKA
UNIVERSITAS JENDERAL ACHMAD YANI
TAHUN 2022
 DAFTAR ISI

DAFTAR ISI ........................................................................................................................ 2

BAB I ................................................................................................................................... 3
HASIL PRAKTIKUM ........................................................................................................ 3
1. Program 4-1 FrameExample.java ................................................................................ 3
2. Program 4-2 FrameWithPanel.java ............................................................................. 3
3. Program 4-3 GraphicPanel.java .................................................................................. 5
4. Program 4-4 FrameWControls.java ............................................................................ 6
5. Program 4-5 FlowLayoutDemo.java ........................................................................... 7
6. Program 4-6 BorderLayoutDemo.java ........................................................................ 9
7. Program 4-7 complexLayout.java ............................................................................... 9
8. Program 4-8 MyContainer.java ................................................................................. 11
9. Program 3-9 SwingDemo.java .................................................................................. 12
10. Program 4-10 DynamicIntStack.java ..................................................................... 16
BAB 3 ................................................................................................................................. 19
TUGAS AKHIR.................................................................................................................. 19
1. Program Instagram ................................................................................................... 19
 BAB I

HASIL PRAKTIKUM
1. Program 4-1 FrameExample.java
 Source Code
import java.awt.Color;
import java.awt.Frame;
public class FrameExample {
private Frame f;
public FrameExample() {
f = new Frame("Hello Out There!");
}
public void launchFrame() {
f.setSize(170,170);
f.setBackground(Color.blue);
f.setVisible(true);
}
public static void main(String [] args) {
FrameExample guiWindow = new FrameExample();
guiWindow.launchFrame();
}
}

 Hasil eksekusi

 Analisis

Program diatas merupakan program yang dibuat untuk membuat frame di

dalam java dengan ukuran 170x170 dan membuat background farme tersebut
berwarna dengan setBackground frame tersebut Blue maka jika dijalankan tampilan
frame tersebut akan berubah menjadi warna biru.

2. Program 4-2 FrameWithPanel.java

 Source code
import java.awt.*;

public class FrameWithPanel {

private Frame f;
 public FrameWithPanel(String title) {
f = new Frame(title);
}

public void launchFrame() {

f.setSize(200, 200);
f.setBackground(Color.blue);
f.setLayout(null); //override default layout

Panel pan = new Panel();

pan.setSize(100,100);
pan.setBackground(Color.yellow);

f.add(pan);
f.setVisible(true);
}

public static void main (String [] args) {

FrameWithPanel guiWindow = new FrameWithPanel("Frame with Panel");
guiWindow.launchFrame();
}
}
 Hasil eksekusi

 Analisi
Program diatas merupakan program yang berbasis GUI atau Grapics User
interface dengan membuat frame yang di dalamnya terdapat panel dengan ukuran
frame 200x200 dan ukuran panel 100x100 untuk membedakan antara keduanya, dapat
dilihat pada gambar datas bahwa yang berwarna biru merupakan frame dan yang
berwana kuning merupakan Panel. Untuk memberi warna suatu panel atau frame
dengan menggunakan setBackground(Color.”warna yang diinginkan”);

 Tugas
 Perbedaan Panel dan Frame pada java
Frame merupakan Bingkai layar baru yang berada didalam bingkai utama
Sedangkan Panel merupakan panel yang dapat daigunakan sebagai papan dari
suatu bidang atau layar lain.
3. Program 4-3 GraphicPanel.java
 Source Code
import java.awt.*;

public class GraphicPanel extends Panel{

public GraphicPanel() {
setBackground(Color.black);
}

public void paint(Graphics g) {

g.setColor(new Color(0,255,0)); //green
g.setFont(new Font("Helvetica", Font.PLAIN,16));
g.drawString("Hello GUI world!", 30 , 100);
g.setColor(new Color(1.0f, 0, 0)); //red
g.fillRect(30, 100, 150, 10);
}

public static void main(String [] args) {

Frame f =new Frame("Testing Graphics Panel");
GraphicPanel gp = new GraphicPanel();
f.add(gp);
f.setSize(600, 300);
f.setVisible(true);
}
}
 Hasil eksekusi

 Tugas
 Buatlah Beberapa Tulisan dengan mencoba beberapa Style
import java.awt.*;

public class GraphicPanel extends Panel{

 public GraphicPanel() {
setBackground(Color.yellow);
}

public void paint(Graphics g) {

g.setColor(new Color(0,255,0)); //green
g.setFont(new Font("ALGERIAN", Font.PLAIN,16));
g.drawString("Hello GUI world!", 30 , 100);
g.drawString("MY NAME IS Erras Lindiarda Mahentar", 100 , 200);
g.setColor(new Color(1.0f, 0, 0)); //red
g.fillRect(30, 100, 150, 10);
}

public static void main(String [] args) {

Frame f =new Frame("Testing Graphics Panel");
GraphicPanel gp = new GraphicPanel();
f.add(gp);
f.setSize(600, 300);
f.setVisible(true);
}
}

 Ubahlah Warna tulisan dan font

 Analisis
Program diatas merupakan program yang berbasis GUI atau Grapics User
interface dengan membuat frame Yang didalamnya berisikan Bebeapa tulisan
yang telah di atur sedemikian rupa dimana kita bebas mengubah warna, text,
dan font yang kita inginkan.

4. Program 4-4 FrameWControls.java

 Source code
import java.awt.*;

public class FrameWControls extends Frame{

public FrameWControls() {
}
 public static void main(St ring[] args) {
FrameWControls fwc = new FrameWControls();
fwc.setLayout(new FlowLayout());
fwc.setSize(600, 600);
fwc.add(new Button("Test Me!"));
fwc.add(new Label("Labe"));
fwc.add(new TextField());

CheckboxGroup cbg = new CheckboxGroup();

fwc.add(new Checkbox("chk1", cbg, true));
fwc.add(new Checkbox("chk2", cbg, false));
fwc.add(new Checkbox("chk3", cbg, false));
List list = new List(3, false);
list.add("MTV");
list.add("V"); fwc.add(list);
Choice chooser = new Choice();
chooser.add("Avril");
chooser.add("Monica");
chooser.add("Britney");
fwc.add(chooser);
fwc.add(new Scrollbar());
fwc.setVisible(true);
}
}

 Hasil eksekusi

5. Program 4-5 FlowLayoutDemo.java

 Source code
import java.awt.*;
public class FlowLayoutDemo extends Frame{
public FlowLayoutDemo() {
}
public static void main(String[] args) {
FlowLayoutDemo fld = new
FlowLayoutDemo();
fld.setLayout(new FlowLayout(FlowLayout.RIGHT, 10,10));
fld.add(new Button("ONE"));
fld.add(new Button("TWO"));
fld.add(new Button("THREE"));
fld.setSize(100, 100);
fld.setVisible(true);
}
 }

 Hasil eksekusi

 Tugas
 Buatlah Layout Seperti pada Gambar 4.4
import javax.swing.JButton;
import javax.swing.JFrame;

public class Tugas {

public static void main(String[] args) {

JFrame tgs = new JFrame();
tgs.setTitle("GUI EXAMPLE");
tgs.setSize(260, 100);
tgs.setLocationRelativeTo(null);

tgs.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
tgs.setResizable(true);
tgs.setVisible(true);

JButton bt = new JButton("Press Me");

tgs.add(bt);
bt.setBounds(10,10,90,20);

JButton bt1 = new JButton("Don't Press Me");

tgs.add(bt1);
bt1.setBounds(110,10,130,20);
}
}

 Hasil eksekusi

 Jelaskan Bagaimana Layout Manager mengatur layout dengan menggunakan

flow layout?
Untuk mengatur layout pada java adalah dengan mengatur koordinat
berdasarkan panjang ataupun lebar.
  Analisa Program Anda
Program diatas merupakan program yang berbasis gui untuk menampilkan 2
buah button dengan menggunakan JButton yang ada pada package Java AWT.

6. Program 4-6 BorderLayoutDemo.java

 Source code
import java.awt.*;
public class BorderLayoutDemo extends Frame{
public BorderLayoutDemo() {
}
public static void main (String [] args) {
BorderLayoutDemo bld = new BorderLayoutDemo();
bld.add(new Button("NORTH"), BorderLayout.NORTH);
bld.add(new Button("SOUTH"), BorderLayout.SOUTH);
bld.add(new Button("EAST"), Bo rderLayout.EAST);
bld.add(new Button("WEST"), BorderLayout.WEST);
bld.add(new Button("CENTER"),
BorderLayout.CENTER);
bld.setSize(200,200);
bld.setVisible(true);
}
}

 Hasil eksekusi

 Analisis
Program diatas merupakan program yang Berbasis GUI yang di dalam nya terdapat
beberapa button yang di buat dengan menggunakan border layout untuk mengatur
posisi button tersebut.

7. Program 4-7 complexLayout.java

 Source code
import java.awt.*;
public class ComplexLayout extends Frame {
public ComplexLayout(){
}
public static void main (String [] args) {
 ComplexLayout cl = new ComplexLayout ();
Panel panelNorth = new Panel ();
Panel panelCenter = new Panel ();
Panel panelSouth = new Panel ();
panelNorth.add(new Button("ONE"));
panelNorth.add(new Button("TWO"));
panelNorth.add(new Button("THREE"));
panelCenter.setLayout(new GridLayout(4,4));
panelCenter.add(new TextField("1st"));
panelCenter.add(new TextField("2st"));
panelCenter.add(new TextField("3rd"));
panelCenter.add(new TextField("4th"));
panelSouth.setLayout(new BorderLayout());
panelSouth.add(new Checkbox("Choo seme !"),BorderLayout.CENTER);
panelSouth.add(new Checkbox("I'm here !"),BorderLayout.EAST);
panelSouth.add(new Checkbox("Pick me !"),BorderLayout.WEST);
cl.add(panelNorth, BorderLayout.NORTH);
cl.add(panelCenter, BorderLayout.CENTER);
cl.add(panelSouth, BorderLayout.SOUTH);
cl.setVisible(true);
}
}
 Hasil eksekusi

 Analisis
Program Diatas merupakan Program yang berbasis GUI yang merupakan program
yang sudah complex dimana didalamnya terdapat beberapa button, textfield, dan
check box yang terdapat pada java AWT.

 Tugas
 Buat layout
import java.awt.BorderLayout;
import java.awt.Button;
 import java.awt.Frame;
import java.awt.GridLayout;
import java.awt.Panel;
import java.awt.TextField;

public class ComplexLayout1 {

public ComplexLayout1() {
}
public static void main(String args[]) {
Frame f = new Frame("GUI Example");
ComplexLayout cl = new ComplexLayout();
Panel panelNorth = new Panel();
Panel panelCenter = new Panel();
Panel panelWest = new Panel();
panelNorth.add(new Button ("File"));
panelNorth.add(new Button ("Help"));
panelWest.add(new Button ("West"));
panelCenter.setLayout(new GridLayout(4,1));
panelCenter.add(new TextField("Work spaceRegion"));
f.add(panelNorth, BorderLayout.NORTH);
f.add(panelCenter, BorderLayout.CENTER);
f.add(panelWest, BorderLayout.WEST);
f.setSize(300,200);
f.setVisible(true);
}
}

 Hasil eksekusi

8. Program 4-8 MyContainer.java

 Source code
import javax.swing.*;

public class mycontainer{

public static void main(String[] args) {
JFrame.setDefaultLookAndFeelDecorated(true);
JFrame container = new JFrame("window utama");

container.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 container.setSize(300,100);
container.setLocation(200,200);
container.setVisible(true);
}
}
 Hasil eksekusi

 Analisis
Program diatas merupakan program yang Menggunakan JFrame yang dibuat hanya
menampilkan Frame berukuran 300x100 dimana frame tersebut bernama window
utama dan menggunakan frame dengan style LookAndFeelDecorated

9. Program 3-9 SwingDemo.java

 Source code
import java.awt.*;
import javax.swing.*;

public class SwingDemo {

JFrame frame;
JPanel panel;
JTextField textField;
JButton button;
Container contentPane;

public SwingDemo() {
}

void launchFrame() {
frame = new JFrame("My First Swing A pplication");
panel = new JPanel();
textField = new JTextField("Default text");
button = new JButton("Click Me!");
contentPane = frame.getContentPane();
panel.add(textField);
panel.add(button);
contentPane.add(panel, BorderLayout.CENTER);
frame.pack();
frame.setVisible(true);
}
public static void main(String[] args) {
SwingDemo sd = new SwingDemo();
sd.launchFrame();
}
}
 Hasil eksekusi

 Analisis
Program diatas merupakan program yang Menggunakan JFrame yang ada Pada Swing
yang didalamnya terdapat 1 buah textfield yang dapat diisi dengan default text dan 1
buah button.

 Tugas
 GUI tic-tac-toe
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Container;
import java.awt.FlowLayout;
import java.awt.GridLayout;
import java.awt.event.KeyEvent;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JMenuItem;
import javax.swing.JPanel;

///// kelas GameFrames

public class TicTacToe{
protected JFrame frame;
protected Container contentPane;
protected JPanel pnlNorth;
protected JPanel pnlCenter;
protected JPanel pnlSouth;
protected JMenuBar menuBar;
protected JMenu menu;
protected JButton btn1;
protected JButton btn2;
protected JButton btn3;
protected JButton btn4;
protected JButton btn5;
protected JButton btn6;
protected JButton btn7;
protected JButton btn8;
protected JButton btn9;
protected JButton btnTemp;
protected JLabel lblTurn;

public TicTacToe(String title) {

///// set judul game
 frame = new JFrame(title);
///// mendapatkan container dari awt
contentPane = frame.getContentPane();
///// method panelComponent untuk komponen panel
panelComponent();
///// method menuComponent untuk komponen menu
menuComponent();
///// method buttonComponent untuk komponen tombol
buttonComponent();
///// method labelComponent untuk komponen label
labelComponent();
}
///// method menuComponent
protected void menuComponent() {
///// menuBar untuk meletakkan menu utama
menuBar = new JMenuBar();
///// menu utama (File)
menu = new JMenu("File");
}

///// method buttonComponent

protected void buttonComponent() {
btn1 = new JButton();
btn2 = new JButton();
btn3 = new JButton();
btn4 = new JButton();
btn5 = new JButton();
btn6 = new JButton();
btn7 = new JButton();
btn8 = new JButton();
btn9 = new JButton();
btnTemp = new JButton();
}
///// method labelComponent
protected void labelComponent() {
lblTurn = new JLabel();
}

///// method panelComponent

protected void panelComponent() {
pnlNorth = new JPanel();
pnlCenter = new JPanel();
pnlSouth = new JPanel();
}

///// method launchFrame

public void launchFrame(){
///// panel utara
panelNorth();
///// panel tengah
panelCenter();
 ///// panel selatan
panelSouth();

///// menambahkan panel ke kontainer

contentPane.add(pnlNorth, BorderLayout.NORTH);
contentPane.add(pnlCenter, BorderLayout.CENTER);
contentPane.add(pnlSouth, BorderLayout.SOUTH);

///// tidak bisa dirubah ukuran window nya

frame.setResizable(false);
///// set ukuran 300x300
frame.setSize(300, 300);
///// terlihat
frame.setVisible(true);
}

///// method panelNorth

protected void panelNorth() {
pnlNorth.setLayout(new FlowLayout(FlowLayout.LEFT, 3,3));
menuBar.add(menu);
pnlNorth.add(menuBar);
}

///// method panelCenter

protected void panelCenter() {
pnlCenter.setLayout(new GridLayout(3, 3, 3, 3));
pnlCenter.setBackground(new Color(238, 238, 238));
pnlCenter.add(btn1);
pnlCenter.add(btn2);
pnlCenter.add(btn3);
pnlCenter.add(btn4);
pnlCenter.add(btn5);
pnlCenter.add(btn6);
pnlCenter.add(btn7);
pnlCenter.add(btn8);
pnlCenter.add(btn9);
}

///// method panelSouth

protected void panelSouth() {
pnlSouth.setLayout(new FlowLayout(FlowL ayout.CENTER));
pnlSouth.add(lblTurn);
}

public static void main(String[] args) {

TicTacToe ttt = new TicTacToe("Tic Tac Toe");
ttt.launchFrame();
}
}

 Hasil eksekusi
10. Program 4-10 DynamicIntStack.java
 Source code
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
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.scene.layout.StackPane;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;

/**
*
* @author Erras LM
*/
public class JavaFXMain extends Application {

@Override
public void start(Stage primaryStage) {
Button btn = new Button();
btn.setText("Say 'Hello World'");
btn.setOnAction(new EventHandler<ActionEvent>() {

@Override
public void handle(ActionEvent event) {
System.out.println("Hello World!");
}
 });

StackPane root = new StackPane();

root.getChildren().add(btn);

Scene scene = new Scene(root, 300, 250);

primaryStage.setTitle("Hello World!");
primaryStage.setScene(scene);
primaryStage.show();

BorderPane p=new BorderPane();

Text t=new Text("Hello FX");
t.setFont(Font.font("Arial",60));
p.setCenter(t);
primaryStage.setScene(new Scene(p));
primaryStage.show();
}
/**
* @param args the command line arguments
*/
public static void main(String[] args) {
launch(args);
}
}
 Hasil eksekusi

 Analisis
Program Diatas merupakan program yang meenggunakan JavaFX untuk menampilkan
sebuah tulisan atau text yang menggunakan type font arial dan berukuran 60 serta
telah di set agar text berada di tengah

 Tugas
 Membuat kalkulator TIP
<?xml version="1.0" encoding="UTF -8"?>

<?import javafx.scene.control.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane prefHeight ="400.0" prefWidth="600.0"

xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8">
<children>
<GridPane layoutX="8.0" prefHeight="400.0" prefWidth="600.0">
 <columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" pref Width="100.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="3 0.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
</rowConstraints>
<children>
<Button mnemonicParsing="false" text="Calculate" GridPane.columnIndex="1"
GridPane.rowIndex="4" />
<Label prefHeight="17.0" prefWidth="151.0" text="Amount" />
<Label prefHeight="17.0" prefWidth="181.0" text="15%" GridPane.rowIndex="1" />
<Label text="Tip" GridPane.rowIndex="2" />
<Label text="Total" GridPane.rowIndex="3" />
<TextField GridPane.columnIndex="1" />
<TextField GridPane.columnIndex="1" GridPane.rowIndex="1" />
<TextField GridPane.columnIndex ="1" GridPane.rowIndex="2" />
<TextField GridPane.columnIndex="1" GridPane.rowIndex="3" />
</children>
</GridPane>
</children>
</AnchorPane>

 Hasil eksekusi
 BAB 3
TUGAS AKHIR
1. Program Instagram
 Source code
<?xml version="1.0" encoding="UTF -8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.Separator?>
<?import javafx.scene.control.TitledPane?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.i mage.ImageView?>
<?import javafx.scene.layout.AnchorPane?>

<TitledPane animated="false" maxHeight=" -Infinity" maxWidth="- Infinity" minHeight="-Infinity"

minWidth="-Infinity" prefHeight="414.0" prefWidth="287.0" text="Erras Lm_"
xmlns="http://javafx.com/j avafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="374.0" prefWidth="331.0">
<children>
<ImageView fitHeight="76.0" fitWidth="66.0" layoutX="15.0" layo utY="15.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../../../../../Pictures/erras.jpg" />
</image>
</ImageView>
<ImageView fitHeight="130. 0" fitWidth="74.0" layoutX="14.0" layoutY="192.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../../../../../Pictures/erras2.jpg" />
</image>
</ImageView>
<Separator layoutX="2.0" layoutY="342.0" prefHeight="1.0" prefWidth="280.0" />
<ImageView fitHeight="37.0" fitWidth="34.0" layoutX="14.0" layoutY="350.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../Pictures/Icon/home.png"/>
</image>
</ImageView>
<ImageView fitHeight="37.0" fitWidth="34.0" layoutX="71.0" layoutY="350.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../Pictures/Icon/search.png" />
</image>
</ImageView>
<ImageView fitHeight="37.0" fitWidth="34.0"layoutX="125.0" layoutY="350.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../Pictures/Icon/Add_Post.png" />
</image>
 </ImageView>
<ImageView fitHeight="37.0" fitWidth="34.0"layoutX ="184.0" layoutY="350.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../Pictures/Icon/love.png" />
</image>
</ImageView>
<ImageView fitHeight="37.0" fitWidth="34.0" layoutX="236.0" layoutY="350.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../Pictures/Icon/User.png" />
</image>
</ImageView>
<Separator layoutX="4.0" layoutY="178.0" prefHeight="3.0" prefWidth="278.0" />
<Separator layoutX="4.0" layoutY="136.0" prefHeight="3.0" prefWidth="278.0" />
<ImageView fitHeight="27.0" fitWidth="59.0" layout X="37.0" layoutY="145.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../../../../../Pictures/2.jpg"/>
</image>
</ImageView>
<ImageView fitHeight="32.0" fitWidth="33.0"layoutX="217.0" layoutY="140.0"
pickOnBounds="true" preserveRatio="true">

<image>
<Image url="@../../../../../Pictures/1.jpg"/>
</image>
</ImageView>
<Button layoutX="11.0" layoutY="111.0" mnemonicParsing="false"
prefHeight="25.0" prefWidth="263.0" text="Edit Profil" />
<Label layoutX="11.0" layoutY="87.0" text=" Erras Lindiarda Mahentar" />
<Label layoutX="122.0" layoutY="23.0" text="2" />
<Label layoutX="111.0" layoutY="39.0" text="Posts"/>
<Label layoutX="168.0" layoutY="23.0" text="3M" />
<Label layoutX="152.0" layoutY="39.0" text="Followers" />
<Label layoutX="233.0" layoutY="23.0" text="1" />
<Label layoutX="212.0" layoutY="39.0" text="Followings" />
<ImageView fitHeight="130.0" fitWidth="74.0" layoutX="115.0" layoutY="194.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../../../../../Pictures/erras3.jpg" />
</image>
</ImageView>
<ImageView fitHeight="27.0" fitWidth="59.0" layoutX="23.0" layoutY="350.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../../../../../Pi ctures/3.jpg"/>
</image>
</ImageView>
<ImageView fitHeight="27.0" fitWidth="59.0"layoutX="116.0" layoutY="350.0"
pickOnBounds="true" preserveRatio="true">
<image>
 <Image url="@../../../../../Pictures/4.jpg"/>
</image>
</ImageView>
<ImageView fitHeight="27.0" fitWidth="59.0" layoutX="223.0" layoutY="350.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../../../../../Pictures/7.jpg"/>
</image>
</ImageView>
<ImageView fitHeight="27.0" fitWidth="59.0"layoutX="171.0" layoutY="350.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../../../../../Pictures/5.jpg"/>
</image>
</ImageView>
<ImageView fitHeight="27.0" fitWidth="59.0"layoutX="68.0" layoutY="350.0"
pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../../../../../Pictures/6.jpg"/>
</image>
</ImageView>
</children></AnchorPane>
</content>
</TitledPane>