1. Flow Layout

2. Grid Layout

3. Grid Box Layout

4. Free Layout

5. Border Layout

Pada pertemuan kita kali ini kita akan membahas Border Layout dan Free Layout. Border Layout adalah layout yang diatur berdasarkan arah mata angin. Ini tampilan untuk Border Layout :

Sourcenya :

import javax.swing.JButton;
import javax.swing.JFrame;

public class Border extends JFrame{

 JButton bnorth, bwest,bcenter,beast,bsouth;

 public Border() {
 initComponent();
 initLayout();
 }

 private void initComponent() {
 bnorth = new JButton("North");
 bwest = new JButton("West");
 bcenter = new JButton("Center");
 beast= new JButton("East");
 bsouth= new JButton("South");
 }

 private void initLayout() {
 setLayout(new java.awt.BorderLayout());
 add(bnorth, "North");
 add(bwest, "West");
 add(bcenter, "Center");
 add(beast, "East");
 add(bsouth, "South");
 setVisible(true);
 pack();
 setDefaultCloseOperation(EXIT_ON_CLOSE);

 }
 public static void main(String[] args) {
 new Border();
 }
}

Free Layout adalah pengaturan layout yang bebas, dengan pangaturan angkanya. Ini akan membutuhkan perhitungan yang sistematis, karena jika salah sedikit saja pasti akan mengalami penumpukan komponen, ataupun ketidakteraturan tampilan. Langsung saja ini adalah tampilannya:

Sourcenya :

import javax.swing.ButtonGroup;
import javax.swing.JButton;
import javax.swing.JCheckBox;
import javax.swing.JComboBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JRadioButton;
import javax.swing.JTextField;

public class Freelayout extends JFrame {
 JLabel lnama,ljeniskelamin,lagama,lhobby;
 JTextField tfnama;
 JRadioButton rbL,rbP;
 JComboBox cbagama;
 JCheckBox crenang,cbasket,cfutsal;
 JButton bsave;

 public Freelayout() {
 initComponent();
 initLayout();
 }

 private void initComponent() {
 lnama =new JLabel("Nama");
 ljeniskelamin=new JLabel("Jenis kelamin");
 lagama = new JLabel("Agama");
 lhobby=new JLabel("Hobby");
 tfnama= new JTextField(20);
 rbL= new JRadioButton("Laki-laki");
 rbP= new JRadioButton("Perempuan");
 ButtonGroup g= new ButtonGroup();
 g.add(rbL);
 g.add(rbP);
 String agama[]={"islam","katolik","kristen","hindu","budha"};
 cbagama =new JComboBox(agama);
 crenang= new JCheckBox("Renang");
 cbasket=new JCheckBox("Basket");
 cfutsal=new JCheckBox("Futsal");
 bsave =new JButton("save");
 }

 private void initLayout() {
 setLayout(null);
 add(lnama);
 add(ljeniskelamin);
 add(lagama);
 add(lhobby);
 add(tfnama);
 add(rbL);
 add(rbP);
 add(cbagama);
 add(crenang);
 add(cbasket);
 add(cfutsal);
 add(bsave);
 lnama.setBounds(10, 10,120 , 25);
 tfnama.setBounds(140, 10, 200, 25);
 ljeniskelamin.setBounds(10, 45, 120, 25);
 rbL.setBounds(140, 45, 100, 25);
 rbP.setBounds(250, 45, 100, 25);
 lagama.setBounds(10, 80, 120, 25);
 cbagama.setBounds(140, 80, 120, 25);
 lhobby.setBounds(10, 110, 120, 25);
 crenang.setBounds(140, 115, 120, 25);
 cbasket.setBounds(220, 115, 70, 25);
 cfutsal.setBounds(300, 115, 70, 25);
 bsave.setBounds(140, 150, 100, 25);
 setVisible(true);
 setSize(400, 250);
 setDefaultCloseOperation(EXIT_ON_CLOSE);
 }

 public static void main(String[] args) {
 new Freelayout();
 }
}

http://tanahdjawa.wordpress.com/2011/12/17/sistem-informasi-perpustakaan/



Toolbar diatas adalah untuk mengatur database yang mau kita pakai. Selain Plugin tersebut, kita membutuhkan library-librarynya juga (yang bisa didownload disini).

Kemudian muncul jendela baru, klik saja. New kemudian pilih Database JDBC Connection. Isikan data-data tersebut. Isikan Name bebas, pada JDBC URL bagian MYDATABASE jangan lupa diganti sesuai dengan database yang mau digunakan. Kemudian langsung saja ke Username dan Password database anda. Lihat gambar!

Cek koneksi dengan klik tombol Test. Kalo sudah terkoneksi, Simpan. Langkah selanjutnya, Pada menubar pilih Windows – Welcome to Jaspersoft iReport Designer. Pilih Step 2, kita bakal bikin bentuk reportnya. Pilih bentuk reportnya, kemudian Launch Report Wizard.

Beri nama Reportnya dan tentukan dimana letak reportnya.

Kita atur Query yang kita butuhin, masukin aja yang pengen kita pakai.

Untuk selanjutnya, klik Next terus saja sampai Finish. Kemudian, aturlah report tersebut sesuai dengan keinginan… Kalau sudah, untuk mengeceknya, klik saja Preview… Yahh, berdasarkan asas pengawuran ya kita beginilah kalo saya yang buat

Nah setelah jadi, kita tinggal buat perintah untuk memanggilnya saja… Contoh liat source dibawah ini

import java.awt.*;
import java.awt.event.*;
import java.sql.*;
import javax.swing.*;
import net.sf.jasperreports.engine.*;
import net.sf.jasperreports.view.*;

public class ReportButton extends JFrame {
 private static final long serialVersionUID = 1L;

 private JButton button;
 private Connection koneksi;

 public ReportButton() {
 setTitle("Demo Jasper Report");
 setSize(300, 200);
 setDefaultCloseOperation(EXIT_ON_CLOSE);
 setVisible(true);

 button = new JButton("Print!");

 setLayout(new FlowLayout());
 add(button);

 button.addActionListener(new ActionListener() {

 public void actionPerformed(ActionEvent e) {
 try {
 String source = "D:/Java for HUman Being/Demo Jasper Reports/src/demojasperreports/report/Mahasiswa.jrxml";
 JasperReport jasperReport = JasperCompileManager.compileReport(source);
 JasperPrint jasperPrint = JasperFillManager.fillReport(jasperReport, null, connect());
 JasperViewer.viewReport(jasperPrint);
 } catch (Exception ex) {
 System.out.println(ex.getMessage());
 }

 }
 });
 }

 private Connection connect() {
 try {
 Class.forName("org.gjt.mm.mysql.Driver");
 koneksi = DriverManager.getConnection("jdbc:mysql://localhost/Mahasiswa", "root", "");
 } catch (Exception ex) {
 System.out.println(ex.getMessage());
 }

 return koneksi;
 }

 public static void main(String[] args) {
 new ReportButton();
 }
}

Perhatikan code

String source = "D:/Java for HUman Being/Demo Jasper Reports/src/demojasperreports/report/Mahasiswa.jrxml";
 JasperReport jasperReport = JasperCompileManager.compileReport(source);
 JasperPrint jasperPrint = JasperFillManager.fillReport(jasperReport, null, connect());
 JasperViewer.viewReport(jasperPrint);

y

http://lampoetaman.wordpress.com/

Untuk  menerapkan  teknologi  multimedia,  kita  membutuhkan  sebuah  API  tertentu  yang mampu memasukkan data‐data media baik audio maupun video. API inilah yang kita sebut dengan Java  Media  Framework  (JMF).  Dengan  API  ini,  maka  akan  memudahkan  kita  untuk  dapat mengembangkan program Java yang dapat melakukan playback data secara time‐based. JMF 2.0 API mengembangkan  kemampuan  framework  dengan  menyediakan  dukungan  terhadap  proses capturing dan storing data media, mengontrol tipe pemrosesan yang dilakukan selama playback dan juga melakukan pemrosesan tertentu pada media stream.

Oke  kita  mulai  dengan  instalasi  JMF  nya.  Installer nya bisa didownload di sini. Untuk  pelatihan  kali  ini,  kita  coba  dulu  yang memakai  windows.  Instalasi  nya  tinggal  klik  2  kali  pada  installer  hasil  download‐an,  dan  kemudian mengikuti petunjuk instalasinya.

Setelah itu, kita coba membuat source code seperti berikut :

import java.awt.BorderLayout;
import java.awt.FlowLayout;
import java.awt.GridLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.File;
import javax.media.Manager;
import javax.media.MediaLocator;
import javax.media.Player;
import javax.swing.JButton;
import javax.swing.JFileChooser;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.border.TitledBorder;

public class Main extends JFrame {

    private final JLabel l1;
    private final JLabel l2;
    private final JButton b1;
    private final JButton b2;
    private final JButton b3;
    private final JPanel p1;
    private final JPanel p2;
    private final JPanel p3;
    private final JFileChooser fc;
    private String alamat;
    private File file;
    private MediaLocator ml;
    private Player player;

    public Main() {
        super("My MP3 Player");
        l1 = new JLabel("Pilih file");
        l2 = new JLabel();
        b1 = new JButton("Open");
        b2 = new JButton("Play");
        b3 = new JButton("Pause");
        b3.setEnabled(false);
        p1 = new JPanel(new FlowLayout());
        p1.add(l1);
        p1.add(b1);
        p2 = new JPanel(new BorderLayout());
        p2.setBorder(new TitledBorder("File Path"));
        p2.add(l2);
        p3 = new JPanel(new GridLayout(1, 2));
        p3.add(b2);
        p3.add(b3);
        setLayout(new BorderLayout());
        add(p1, BorderLayout.NORTH);
        add(p2, BorderLayout.CENTER);
        add(p3, BorderLayout.SOUTH);
        pack();
        setVisible(true);
        setDefaultCloseOperation(3);
        setSize(500, 150);
        setLocationRelativeTo(null);
        fc = new JFileChooser();
        b1.addActionListener(new ActionListener() {

            public void actionPerformed(ActionEvent e) {
                fc.setCurrentDirectory(new File(""));
                int i = fc.showOpenDialog(null);
                if (i == JFileChooser.APPROVE_OPTION) {
                    try {
                        alamat = fc.getSelectedFile().getPath();
                        l2.setText(alamat);
                        System.out.println(alamat);
                        file = new File(alamat);
                        ml = new MediaLocator(file.toURL());
                        player = Manager.createPlayer(ml);
                    } catch (Exception ex) {
                        JOptionPane.showMessageDialog(null, "File format tidak didukung", "Error", JOptionPane.ERROR_MESSAGE);
                        l2.setText("");
                    }
                }
            }
        });

        b2.addActionListener(new ActionListener() {

            public void actionPerformed(ActionEvent e) {
                try {
                    player.start();
                } catch (Exception ex) {
                    System.out.println(ex.getMessage());
                }
                b3.setEnabled(true);
                b2.setEnabled(false);
            }
        });

        b3.addActionListener(new ActionListener() {

            public void actionPerformed(ActionEvent e) {
                player.close();
                try {
                    player = Manager.createPlayer(ml);
                } catch (Exception ex) {
                }
                b2.setEnabled(true);
                b3.setEnabled(false);
            }
        });
    }

    public static void main(String[] args) {
        try {
            UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
        } catch (Exception ex) {
        }
        new Main();
    }
}

Jika source code benar, maka akan menampilkan output sebagai berikut :

Nah, silahkan pilih open untuk memilih file MP3 nya, dan kemudian tekan “Play” untuk memutar MP3 nya

Source Code untuk kelas TextFieldMakeOver.java :

import java.awt.Color;
import java.awt.GradientPaint;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import javax.swing.JTextField;
import javax.swing.border.EmptyBorder;
public class TextFieldMakeOver extends JTextField {
    public TextFieldMakeOver() {
        setOpaque(false);
        setForeground(Color.WHITE);
        setCaretColor(Color.WHITE);
        setBorder(new EmptyBorder(6, 6, 6, 6));
    }
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D gd = (Graphics2D) g.create();
                gd.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
               gd.setPaint(new GradientPaint(0, 0, new Color(255, 255, 255, 120), 0, getHeight(), new Color(0, 0, 0, 0)));
        gd.fillRoundRect(0, 0, getWidth(), getHeight(), 25, 25);
        gd.setColor(Color.white);
        gd.drawRoundRect(0, 0, getWidth() ­ 1, getHeight() ­ 1, 25, 25);
        gd.dispose();
    }
}

Kemudian ubah bagian ini di kelas Test.java

private ButtonMakeOver button = new ButtonMakeOver("My Button");

menjadi

private TextFieldMakeOver textField = new TextFieldMakeOver();
//selesai

Tidak semuanya akan dibahas dalam blog ini. Hanya JButton pertama saja yang akan dibahas, karena kodenya paling simple. Ok, pertama silakan buat java class, terserah kasih nama apa, kalo mau sama kasih nama ButtonMakeOver. Sourcenya :

import java.awt.Color;
import java.awt.GradientPaint;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import javax.swing.ButtonModel;
import javax.swing.JButton;
public class ButtonMakeOver extends JButton {
    public ButtonMakeOver(String text) {
   setText(text);
        setBorderPainted(false);
        setContentAreaFilled(false);
        setFocusPainted(false);
        setOpaque(false);
        setForeground(Color.white);
    }
    @Override
    protected void paintComponent(Graphics g) {
        ButtonModel buttonModel = getModel();
        Graphics2D gd = (Graphics2D) g.create();
                gd.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
                gd.setPaint(new   GradientPaint(0,   0,   Color.white,   0, getHeight(), new Color(0, 0, 0, 0)));
        if (buttonModel.isRollover()) {
            gd.setPaint(new GradientPaint(0, 0, new Color(0, 0, 0, 0), 0, getHeight(), Color.white));
            if (buttonModel.isPressed()) {
                gd.setPaint(new GradientPaint(0, 0, Color.white, 0, getHeight(), Color.white));
                setForeground(Color.BLACK);
            } else {
                setForeground(Color.white);
            }
        }
        gd.fillRoundRect(0, 0, getWidth(), getHeight(), 25, 25);
        gd.dispose();
        super.paintComponent(g);
    }
}

Untuk melihat apakah JButtonnya sudah menjadi seperti gambar di atas silakan tulis source codeberikut (Test.java) :

import java.awt.BorderLayout;
import java.awt.Color;
import javax.swing.JFrame;
import javax.swing.JPanel;
public class Test extends JFrame {
    private ButtonMakeOver button =new ButtonMakeOver("My Button");
    private JPanel panel;
    public Test() {
        panel = new JPanel(null);
        panel.setBackground(Color.BLACK);
        panel.add(button);
        button.setBounds(20, 20, 120, 23);
        setLayout(new BorderLayout());
        add(panel, BorderLayout.CENTER);
        setSize(200,100);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
    }
    public static void main(String[] args) {
        new Test().setVisible(true);
    }
}

Setelah itu run project dengan menekan shift+F6, dan akan terlihat JButton seperti ini :

Ada beberapa manipulasi Swing yang bisa kita lakukan agar tampilan aplikasi desktop kita lebih menarik. Salah satu contoh komponen Swing adalah Panel. Disini kita akan belajar apa-apa saja yang bisa kita lakukan pada sebuah Panel. Jadi tidak hanya sebatas tampilan default saja yang kita mengerti pada sebuah panel. Seperti tampilan warna granite yang tidak menarik, bentuk kotak dan tampilan yang itu-itu saja .

Nah, sekarang apa saja yang bisa kita lakukan terhadap panel ini?? Memberikan gambar pada panel ?? Memberikan effect gradient baik 2 warna, 3 warna, ataupun 4 warna ?? Membuat tampilan panel kita berukuran tetap dan tidak berubah-ubah ?? Tentu itu semua bisa kita lakukan . Oke, mari kita mulai dengan memberikan gambar pada panel. Hmm, kita coba dengan membuat interface sebagai berikut :

Nah, pada frame tersebut, kita hanya menggunakan satu panel, dimana panel tersebut kita letakkan sebuah gambar. Untuk cara membuat nya adalah sebagai berikut :

1. Buat project nya terlebih dahulu
2. Agar pengelompokannya enak, kita buat 2 package untuk menyimpan gambar dan panel2 yang kita gunakan. Misal package gambar dan widget.
3. Sekarang buat PanelGambar.java di package widget.
4. Dan copy paste gambar Tentang.jpg ke package gambar.
5. Pada PanelGambar.java, kalian bisa meng-copypaste source code ini langsung.

   package pelatihanitcke3.widget;
   
   import java.awt.Graphics;
   import java.awt.Graphics2D;
   import java.awt.Image;
   import javax.swing.ImageIcon;
   import javax.swing.JPanel;
   
   public class PanelGambar extends JPanel {
   Image img;
   public PanelGambar() {
   img = new
   ImageIcon(getClass().getResource("/pelatihanitcke3/gambar/Tentang.jpg")).getImage();
   }
   protected void paintComponent(Graphics g) {
   super.paintComponent(g);
   Graphics2D gd = (Graphics2D) g.create();
   gd.drawImage(img, 0, 0, getWidth(), getHeight(), this);
   gd.dispose();
   }
   }
   

   Untuk algoritma nya, yaitu pertama kita mengambil gambar dengan dengan class ImageIcon dan kita masukkan value nya ke class Image. Kemudian kita inisialisasi methode paintComponet dimana untuk memanggil methode drawImage, kita harus membuat objek terlebih dahulu dari class Graphics2D yang di inisialisasi dari methode create() pada class Graphics. Nah, objek dari class Image yang berisi gambar yang kita panggil, kita letakkan di parameter methode drawImage seperti diatas, dan kita set ukurannya agar menyesuaikan dengan menggunakan memanggilnya dari methode getWidth() dan methode getHeight(). Terakhir, panggil methode dispose() nya.

6. Setelah itu, compile dulu PanelGambar.java, kemudian klik tombol Clean and Build
7. Setelah build succesfull, langkah selanjutnya adalah tinggal memanggilnya ke Frame. Pada langkah ini tidak ada ketentuan khusus, kalian bisa memanggilnya di Frame buatan sendiri, atau Frame Drag and Drop yang disediakan Netbeans. Untuk Frame Drag and Drop, kalian tinggal menge-drag-nya dari package widget.

Nah, yang tadi  kita sudah belajar bagaimana kita memasukkan gambar pada panel. Sekarang bagaimana caranya kita membuat Panel dengan effect Gradient seperti berikut :

Yaitu langkah-langkahnya sebagai berikut :

1. Buat PanelGradient.java di package widget
2. Masukkan source code berikut ke PanelGradient.java.

   package pelatihanitcke3.widget;
   
   import java.awt.Color;
   import java.awt.GradientPaint;
   import java.awt.Graphics;
   import java.awt.Graphics2D;
   import java.awt.Paint;
   import javax.swing.JPanel;
   
   public class PanelGradient extends JPanel {
   
       public PanelGradient() {
           setOpaque(false);
       }
   
       @Override
       protected void paintComponent(Graphics g) {
           super.paintComponent(g);
           Graphics2D gd = (Graphics2D) g;
           GradientPaint gp = new GradientPaint(0, 0, Color.green, 0, getHeight(),
                   Color.black);
           Paint p = gd.getPaint();
           gd.setPaint(gp);
           gd.fillRect(0, 0, getWidth(), getHeight());
           gd.setPaint(p);
       }
   }
   

   Untuk algoritmanya, panggil methode setOpaque pada konstruktor, kemudian beri nilai false. Panggil methode paintComponent, kemudian inisialisasi dengan memanggil class GradientPaint dengan parameter konstruktornya yang dapat diset letak pewarnaan dan ketentuan warnanya. Ambil value Paint dari class Graphics2D dengan menggunakan methode getPaint, dan masukkan kembali ke Graphics2D setelah ditentukan nilai parameter dari methode fillRect.

3. Setelah itu, compile dulu PanelGradient.java, kemudian klik tombol Clean and Build lagi
4. Penerapan selanjutnya adalah sama.

sudo apt-get install phpmyadmin mysql-server apache2

Kemudian, pindahkan folder phpmyadmin di /usr/share/ ke /var/www dengan perintah

sudo ln -sf /usr/share/phpmyadmin/ /var/www/phpmyadmin/

Untuk ngecek apakah sudah terinstall atau belum, buka Browser dan ketikkan localhost. Apabila tertulis It Works!! maka sudah webserver terinstall

Ketikkan localhost/phpmyadmin untuk masuk phpmyadmin..

Tools yang dibutuhkan :

1. IDE Netbeans
2. Mysql-server atau phpmyadmin

Oke, pertama coba buat dulu databasenya seperti dibawah ini…

Nama DB : mahasiswa
Nama Tabel : datamahasiswa
Field :

• NIM varchar(15) not null primary key
• Nama varchar(30)
• Alamat varchar(50)

Hasilnya seperti dibawah ini

Ada beberapa langkah dalam JDBC, kita mulai dari langkah pertama..

1. Import

Langkah awal dalam pembuatan Aplikasi berbasis JDBC adalah meng-import library JDBC, caranya klik kanan Libraries di Netbeans kemudian pilih add Library cari Mysql JDBC Driver.




2. Install Driver

try{

Class.forName("com..mysql.jdbc.Driver");

}catch(Exception e){

}

com..mysql.jdbc.Driver diatas adalah letak alamat Driver JDBCnya...

3. Membuat Koneksi

Langkah selanjutnya adalah mengkoneksikannya ke Database kita.

try{

Connection con = DriverManager.getConnection("jdbc:mysql://namaHOST/namaDATABASE?user=usernameDATABASE&password=passwordDATABASE));

}catch(Exception e){

}

Keterangan

namaHOST = isikan saja localhost

namaDATABASE = database yang akan dikoneksikan, datamahasiswa

usernameDATABASE = isikan username database, secara umum root

passwordDATABASE = isikan password database

4. Membuat Statement

Statement yang dimaksud adalah berfungsi untuk mengirimkan perintah dari aplikasi kita ke database.

try{

Statement stat = con.createStatement();

}catch(Exception e){

}

5. Melakukan Query

Query adalah perintah dalam SQL disini kita gunakan antara lain untuk menampilkan hasil, mengisi database, mengganti isi database, menghapus, mencari, dan lain-lain

try{
<code>String sql = "INSERT INTO DataMahasiswa VALUES ('nilai1', 'nilai2', 'nilai3')";
statement.executeUpdate(sql);

}catch(Exception e){

}

Download sourcecode-nya dibawah ini….

1. Buka terminal pada linux , kemudian masuklah sebagai root

timordotx@marient ~ $ sudo su
password for timordotx:

 

marient timordotx # cp /home/timordotx/Downloads/jdk-6u24-linux-i586.bin /usr/local/

 

marient timordotx # cd /usr/local/

 

marient local # chmod 777 jdk-6u24-linux-i586.bin

marient local # ./jdk-6u24-linux-i586.bin

marient local # ln -s jdk1.6.0_24/ jdk

marient local # gedit /etc/bash.bashrc

export JAVA_HOME=/usr/local/jdk
PATH=$JAVA_HOME/bin:$PATH

marient local # reboot

marient local # java -version

marient local # javac -version

timordotx@marient ~ $ java -version
java version "1.6.0_24"
Java(TM) SE Runtime Environment (build 1.6.0_24-b07)
Java HotSpot(TM) Server VM (build 19.1-b02, mixed mode)
timordotx@marient ~ $ javac -version
javac 1.6.0_24