Membuat Panel Transparant di Java Netbeans

(1)

Membuat Panel Transparant di Java Netbeans

Menyambung materi sebelumnya mengenai membuat/ memasang background pada latar form di java netbeans, pada materi kali ini saya akan membahas mengenai membuat panel transparant di java. Kalo dipikir-pikir kita untuk sementara kita bermain-main di swing make over dulu, baru nanti setelah artikel ini, kita akan masuk ke bagian proses seperti membuat form login database menggunakan jdialog. Disini kita akan membuat sebuah class baru dengan meniru sifat jPanel.

Langsung saja,

1. Buatlah sebuah class baru, berinama saja panelAlpha 2. Ketikkan source berikut:

import java.awt.Color;

import java.awt.Graphics;

import java.awt.Graphics2D;

import javax.swing.JPanel;

/**

*

* @author Razaq Nice

*/

public class panelAlpha extends JPanel{

private Color warna;

public panelAlpha() {

//membuat sebuah warna yang diambil dari warna background RGB //dengan tingkat ke”transparanan” = 125

w a r n a = n e w

Color(getBackground().getRed(),getBackground().getGreen(),getBackground().getBlue(),125);

}

@Override

public void setBackground(Color bg) {

(2)

super.setBackground(bg);

//membuat sebuah warna yang diambil dari warna background RGB //dengan tingkat ke”transparanan” = 125

w a r n a = n e w

Color(getBackground().getRed(),getBackground().getGreen(),getBackground().getBlue(),125);

//mengecat repaint();

}

@Override

protected void paintComponent(Graphics g) { super.paintComponent(g);

Graphics2D gd = (Graphics2D)g.create();

//mengatur warna gd dengan warna gd.setColor(warna);

//mengecat kotak dengan warna gd gd.fillRect(0,0,getWidth(),getHeight());

gd.dispose();

} }

3. Pada tab menu run, klik Clean and Build Project (Shift + f11) 4. Kemudian buatlah sebuah form baru.

5. Drag and drop class panelAlpha kedalam form, penampakannya akan seperti ini.

6. Satu hal lagi, agar panelnya transparant, anda harus mengatur opaque nya menjadi false pada

properties,, hilangkan saja centang pada opaque

(3)

7. Transparantnya tidak akan nampak jika di latar biasa, coba pindahkan ke latar yang memiliki background yang telah kita buat pada artikel sebelumnya, maka hasilnya akan seperti ini,,

8. anda bisa mengubah warna panel dengan sesuka hati anda pada pengaturan background color di properties

Selamat mencoba, jika mengalami kendala, silahkan tanyakan pada kotak komentar

Membuat Aplikasi Desktop Sederhana dengan JAVA dan mySQL menggunakan netbeans 7.1

1. Create Database

pada tab service klik kanan->Rgister MySql Server.

(4)

kemudian akan muncul Mysqlnya klik kanan -> connect.

klik tanda + pada MySql, perhatiakan pada jendela netbeans anda, disana ada list database yang sudah pernah di buat sebelumnya.

klik kanan lg -> create database. Masukan nama database yang akan dibuat pada kotak dialog

(misal:db_mahasiswa)

(5)

perhatikan garis merah pada gambar dibawah. itu menunjukan bahwa netbeans sudah terkoneksi dengan database db_mahasiswa.

klik kanan pada tables -> create table. tekan tomnil Add column untuk manambahkan filed baru.

buat filed nim,nama,kelas,jurusan,fakultas persis seperti pada gambar.

setelah tabel terbentuk klik kanan -> view data untuk melihat isi tabel. di netbeans bisa langsung

insert record juga lho… silahkan di buktikan sendiri…

(6)

2. Create project

create new project -> pilih java desktop application.

Ketikan nama project -> pada Choose aplication shell pilih Database aplication karena kita akan membuat aplikasi database.

pada database coonection pilih db_mahasiswa.

(7)

Aplikasi sedang di buat. silahkan tunggu beberapa detik saja

Kemudian klik kanan pada project -> klik RUN

daaaaaaaaannnnnnnn apa yang terjadi? Aplikasi anda selesai di buat… akan muncul seperti gambar

di bawah ini

(8)

silahkan dicoba .. ada new – delete – refresh dan save. pilih yang mana? terserah ! ok ! selesai tutorial dari saya, semoga bermanfaat.

Program Kalkulator Sederhana

Menggunakan Java Netbeans

(9)

Membuat kalkulator sederhana menggunakan Java Netbeans cukup mudah. Karena program yang di tulis tidak terlalu rumit, tapi memang perlu sedikit kesabaran karena lo pasti baru belajar make Netbeans, ya kan?

Program ini gue buat waktu di kasih tugas sama dosen mata kuliah Pemrograman Berbasis Objek.

Program yang gue buat ini cukup simple, nyari kodingannya lewat om Google.

Gue berusaha jelasin secara detail dari memulai Java Netbeans sampai program kalkulator sederhana selesai dibuat. Pastikan Netbeans IDE nya sudah terinstall dengan baik. Gue pake Netbeans IDE versi 7.2.1. Gue saranin lo pake Netbeans yang versinya ga terlalu jauh dengan yang gue pake.It’s time to begin.

Buat Project Aplikasi Baru

Buka Program Netbeans IDE yang sudah terinstall di PC.

Klik File –> New Project

Perlu diketahui program yang akan kita buat adalah aplikasi java biasa yang menggunakan GUI ( Graphic User Interface )

Pilih kategori Java, dan project Java Application

Lalu klik Next >

(10)

Tampilan Membuat Project Aplikasi Java baru

Nama project kita sekarang adalah KalkulatorSederhana.

Tips : Untuk project name saya sarankan tidak menggunakan spasi.

Lokasi project simpanlah di folder yang aman dan nyaman. heheUncheck Create Main Class. Karena pada saat membuat program nanti kita akan menggunakan class JFrame sebagai main class.

Klik Finish

Penamaan dan lokasi project java

Project baru telah selesai dibuat.

Project bernama KalkulatorSederhana selesai dibuat.

Source Packages masih kosong

Persiapan desain interface Aplikasi Java

Setelah membuat project baru, selanjutnya adalah mendesain tampilan kalkulator yang akan kita

(11)

buat.

Klik kanan pada package <default package> –> New –> JFrame Form

Isi nama kelas dengan TampilanKalkulator. Tidak boleh ada spasi di nama kelas.

Lalu klik Finish.

Untuk mempermudah membuat desain tampilannya, gue saranin pake Layout Manager Absolute Layout. Sebelumnya, pastikan Window Navigator sudah diaktifkan ( Window –> Navigating –>

Navigator ).

Caranya mengubah layout managernya, klik tab Design di dokumen TampilanKalkulator.java lalu lihat di window Navigator ( sebelah kiri layar ) –> Klik kanan di [JFrame] –> Set Layout –> Absolute

Layout

Mendesain tampilan aplikasi

Sekarang adalah saatnya mendesain tampilan aplikasi kalkulatornya. Cukup drag and drop dari

w i n d o w p a l l e t e ( W i n d o w – > P a l l e t e ) y a n g b e r a d a d i k a n a n l a y a r k e d a l a m

Design TampilanKalkulator.java kita, geser kiri kanan bawah atas panjang lebar dan buatlah desain

(12)

kalkuator seperti dibawah ini.

Desain kalkulator sederhana di netbeans

Untuk mengubah teks dan nama variabel komponen caranya :

klik kanan pada komponen yang akan di modif –> Edit Text ( untuk mengubah teks yang tampil) atau Change Variable Name ( Untuk mengubah nama variabel komponen )

Agar sesuai dengan kodingan yang udah gue buat, ganti Variable Name tiap komponen sesuai daftar nama variabel dibawah ini. *Hati-hati, kava bersifat CaseSensitive artinya besar kecil huruf mempengaruhi kodingan.

Daftar nama variabel tiap komponen

Menulis kode java

Setelah selesai membuat desain interfacenya, sekarang satanya mengisi kodingan Java nya.

(13)

Pertama-tama adalah mendefinisikan tipe data Klik tab Source di dokumen TampilanKalkulator.java Tulis definisi variabel yang kita butuhkan tepat dibawah

?

1 public class TampilanKalkulator extends javax.swing.JFrame {

? 1 2 3

String angka;

double jumlah,angka1,angka2;

int pilih;

Untuk mengisi kodingan, secara default tinggal Double Click pada komponen yang di inginkan maka kita langsung menggunakan Event actionPerformed ( panjangnya klik kanan pada komponen yang diinginkan –> Events –> Action –> actionPerformed ). Artinya kalau misanya user meng-klik tombol maka java akan menjalankan kode yang kita tulis di objek actionPerformed.

Inilah kode- kode yang harus ditulis pada setiap JButton

Tombol 0 s.d 9

? 1

2 angka += "x";

display.setText(angka);

Nilai x sesuai dengan angka pada tombol (JButton) yang akan ditampilkan di display (JTextField).

Maksud kode diatas adalah jika suatu tombol angka di klik maka akan meletakan 1 digit angka tertentu di sebelah kanan variabel angka. Lalu mengubah text pada display menjadi isi dari variabel angka.

Tombol koma (,)

? 1 2

angka += ".";

Menambahkan simbol koma/point

Tombol C (Clear)

? 1 2 3 4 5

display.setText("");

angka1=0.0;

angka2=0.0;

jumlah=0.0;

angka="";

Memastikan semua komponen dan variabel bernilai nol / null.

Tombol ( + )

? 1 2 3 4

angka1=Double.parseDouble(angka);

display.setText("+");

angka="";

pilih=1;

(14)

Variabel angka1 merupakan penampung angka yang nantinya akan di operasikan dengan variabel angka2. Karena variabel angka1 kita deklarasikan bertipe data Double, maka variabel angka yang bertipe data String harus di konversikan dulu ke Double.

Mengubah teks pada display menjadi simbol +.

Variabel angka dikosongkan kembali untuk menampung String angka yang nantinya akan diberikan ke variabel angka2.

Pilih = 1 adalah integer yang berfungsi untuk pemilihan aksi pada switch case di jika tombol sama dengan ( = ) ditekan.

Untuk tombol operasi bilangan lainnya menyesuaikan seperti kode pada button (+)

Tombol ( – )

? 1 2 3 4

display.setText("-");

angka="";

pilih=2;

Tombol (x)

? 1 2 3 4

display.setText("*");

angka="";

pilih=3;

Tombol ( / )

? 1 2 3 4

display.setText("/");

angka="";

pilih=4;

Tombol (=)

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

switch(pilih){

case 1:

angka2 = Double.parseDouble(angka);

jumlah = angka1 + angka2;

angka = Double.toString(jumlah);

break;

case 2:

jumlah = angka1 - angka2;

break;

case 3:

jumlah = angka1 * angka2;

break;

case 4:

jumlah = angka1 / angka2;

break;

default:

break;

}

(15)

Sebelum operasi bilangan dilakukan, variabel angka2 harus dikonversikan terlebih dahulu ke tipe data Double.

Variabel jumlah melakukan operasi bilangan angka1 dan angka2 yang sudah dikonversi ke tipe data

Double.

Variabel angka mengkonversi variabel jumlah yang bertipe data Double menjadi String agar yang bisa ditampilkan di display.

Penyempurnaan Tampilan

Setelah kodingan selesai, perlu ditambahkan beberapa aturan yang harus kita tetapkan di Interface agar program lebih teratur dan tidak terjadi kesalahan program diakibatkan oleh user.

Mengatur Properti JFrame

Klik kanan di area (container) Desingn JFramenya –> Properties.

Isi title JFrame.

■

Uncheck resizable. Ini bermaksud agar pada saat program di Run user tidak bisa di mengubah

■

panjang atau lebar window.

Properti JFrame Mengatur Properti JTextField

Klik kanan di komponen JTextField yang berada di dalam container JFrame –> Properties

Uncheck editable. Agar user tidak dapat memasukan karakter langsung dari keyboard.

■

Menghindari karakter yang tidak diinginkan masuk ke display.

Horizontal Alignment ubah menjadi Right. Agar posisi angka menjadi rata kanan seperti kalkulator

■

pada umumnya.

(16)

Properti JTextField display

Menjalankan Aplikasi

Terakhir, adalah menjalankan Aplikasi Java nya.

Klik Run –> Run Project atau Run File.

Aplikasi Kalkulator Sederhana

(17)

Selamat, anda telah menyelesaikan satu project Java menggunakan Netbeans.

Membuat Database Beserta Tabelnya Dengan XAMPP

System Manajemen Basis Data yang sering kita temui diantaranya seperti MySQL,Oracle, SQL

Server, dan MS.Access. Semua merupakan SMBD yang berfungsi untuk mengelola suatu basis data

yang sesuai pada permintaan banyak pengguna, SMBD yang sangat sering kita temui salah satunya adalah MySQL dan untuk menjalankan MySQL perlu adanya aplikasi pendukung seperti XAMPP.

Xampp merupakan aplikasi yang menyediakan fasilitas seperti Web Server, MySQL Server, dan FTP Server karena didalam XAMPP terdapat MySQL Server maka kita dapat menjalankan SMBD MySQL, tetapi xampp hanya salah satu dari beberapa aplikasi yang sejenisnya. Jadi, tidak harus memakai xampp asalkan ada aplikasi yang dapat menjalank MySql Server itu dapat digunakan.

Sedikit pengertian mengenai SMBD dan aplikasi pendukungnya, sekarang….

hmmm….ya sudah mari di mulai saja membuat database serta tabelnya..

Install Terlebih dahulu Xampp atau apllikasi sejenisnya, dan jalankan…

■

Aktikan Apache dan Mysql

■

Buka web browser seperti Mozilla, ketik Localhost/phpmyadmin

■

(18)

Buat database, untuk contoh beri nama “latihan”

■

Buatlah tabel dengan nama “Pelanggan” dan untuk jumlah field adalah 4

■

(19)

Buatlah seperti ketentuan dibawa :

■

Field Tipe Data Length

kd_pelnggan Char 5

nm_pelanggan Varchar 35

alamat Varchar 100

no_hp Varchar 13

lalu untuk kd_pelanggan berikan status Primary Key

(20)

jika semua telah dilakukan, langkah terakhir klik SAVE

■

Selesai, berikut tampilannya…

■

Semoga Artikel ini bermanfaat….walaupun sederhana

Sekilas Tentang Aplikasi Web Server

(21)

Untuk membuat website atau aplikasi berbasis web, kita harus menaruh aplikasi tersebut di web server. Atau dengan kata lain kita harus menginstalnya di komputer yang diposisikan sebagai web server.

Oleh karena itu, komputer tersebut harus memiliki aplikasi web server sehingga bisa digunakan oleh aplikasi-aplikasi yang berbasis web.

Jika kita sudah memiliki hosting, mestinya di hosting tersebut sudah terinstal aplikasi web server.

Yang paling populer adalah Apache, Nginx, Litespeed, dan lain sebagainya. Semuanya berbasis Linux.

Sedangkan untuk yang OS berbasis Windows, biasanya sudah di publish sendiri oleh Microsoft. Yang terbaru adalah Windows Server 2012.

Nah, kalau kita belum memiliki hosting bagaimana? Bisakah kita menginstalnya di komputer lokal?

Lalu, bagaimana mengkondisikan komputer biasa kita sebagai server? Bisakah?

Jangan khawatir, kita masih tetap bisa menginstal aplikasi berbasis web di komputer kita. Caranya adalah dengan menginstal aplikasi web server localhost yang sudah banyak sekali tersedia dan bisa Anda download di internet. Contohnya yang paling populer antara lain adalah XAMPP, IIS, WAMP, dan AMPPS.

Saya sendiri, meskipun sudah memiliki hosting, ada kalanya sebelum benar-benar mengupload aplikasi atau website ke hosting, saya buat dulu di komputer lokal. Karena load website jelas akan lebih cepat dan utak-atiknya lebih praktis.

Dengan begitu, kita tetap bisa berkarya. Mudah bukan?

Cara Mengatasi Apache Tidak Bisa Running di XAMPP

Sebelumnya saya pernah menuliskan tentang cara menginstal XAMPP di komputer. Namun entah

mengapa, terkadang Apache tidak bisa running di XAMPP. Padahal itu sangat diperlukan untuk

(22)

membuat website ataupun aplikasi berbasis PHP.

Bingung? Tenang, pasti ada solusinya …

Biasanya hal ini terjadi karena ada aplikasi lain yang menggunakan port yang sama dengan aplikasi Apache XAMPP ini sehingga tidak memungkinkan untuk menjalankannya secara bersamaan.

Untuk itu, solusi yang bisa kita lakukan adalah dengan merubah settingan port Apache XAMPP kita supaya bisa tetap running.

Berikut ini langkah-langkahnya:

Lakukan perubahan pada file httpd.conf 1.

Buka file httpd.conf di folder C:\xampp\apache\conf\ dengan menggunakan aplikasi notepad.

2. Cari kata “Listen 80” dan ubahlah menjadi “Listen 8080“.

3. Masih di file yang sama, carilah kata “ServerName localhost:80” kemudian ubahlah menjadi 4.

“ServerNamelocalhost:8080“.

Lalu Simpan.

5. Selanjutnya, buka file httpd-ssl.conf di C:\xampp\apache\conf\extra\.

6. Carilah kata “Listen 443” dan ubah menjadi “Listen 4499“.

7. Masih di file yang sama, dan carilah kata “virtualhost_default_:443” kemudian ubahlah 8.

menjadi “virtualhost_default_:4499“

Masih di file yang sama, carilah kata “ServerName localhost:443” dan ubahlah menjadi 9.

“ServerName localhost:4499“

Sekarang jalankan XAMPP Contol Panel, lalu klik Start pada Apache. Jika muncul peringatan di 10.

kotak detail bagian bawah “Apache started [port 80]“, maka bukalah browser dan arahkan ke alamat http://localhost:8080/xampp. Jika berhasil maka Web Service Apache tersebut telah berjalan di port 8080.

Nah, kira-kira begitulah cara mengatasi Apache XAMPP yang tidak bisa running. Semoga ini bisa menjadi solusi bagi Anda yang mengalami kesulitan saat menjalankan XAMPP.

Jika sudah menggunakan langkah-langkah di atas ternyata masih tidak bisa berjalan, silahkan sampaikan tanggapan Anda pada kolom komentar di bawah ini, saya akan coba bantu mencari solusinya.

Semoga bermanfaat ya..

Cara Instal Xampp di Windows

Untuk membuat website, sebelum benar-benar mengonlinekannya kita bisa membuatnya di

komputer terlebih dahulu. Caranya adalah dengan menginstal aplikasi server localhost di PC kita.

(23)

Salah satu aplikasi server localhost dan yang paling banyak digunakan adalah XAMPP. Aplikasi ini dibuat oleh Apache Friends dan installer-nya bisa langsung diunduh dari situs mereka. Saat ini yang paling baru adalah versi 1.8.1.

XAMPP sendiri ada dua macam, yakni paket komplit dan satunya lagi adalah paket portable lite.

XAMPP paket komplit itu isinya adalah:

Apache

■

MySQL

■

PHP

■

phpMyAdmin

■

FileZilla FTP Server

■

Tomcat

■

Strawberry Perl Portable

■

XAMPP Control Panel

■

Sedangkan XAMPP Portable Lite isinya hanya aplikasi PHP dan MySQL, lebih enteng dan cocok buat yang sering memakai kedua aplikasi tersebut.

Nah, kali ini saya akan menuliskan tentang panduan cara instal XAMPP di PC. Berhubung saya pakainya Windows, maka panduan ini juga diperuntukkan PC Windows ya.

Cara Instal XAMPP di Windows

Download aplikasi XAMPP xampp-win32-1.8.1-VC9-installer.exe.

1. Dobel klik file xampp yang baru saja Anda download, selanjutnya akan muncul jendela “installer 2.

language” seperti di bawah ini:

Selanjutnya pilih bahasa. Pilih yang Bahasa Inggris (English). Klik OK.

3. Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja dan lanjutkan dengan klik OK 4.

dan YES.

(24)

Berikutnya akan muncul jendela yang isinya meminta Anda menutup semua aplikasi yang sedang 5.

berjalan. Jika semua aplikasi sudah ditutup, maka klik tombol Next.

Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal. Centang saja semua 6.

pilihan dan klik tombol Next.

Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder 7.

XAMPP. Secara default akan diarahkan ke lokasi c:\xampp. Namun jika Anda ingin

menyimpannya di folder lain bisa klik browse dan tentukan secara manual folder yang ingin

digunakan. Jika sudah selesai, lanjutkan dan klik tombol Install.

(25)

Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul jendela seperti di 8.

bawah ini, klik tombol Finish untuk menyelesaikannya.

Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang menanyakan Anda 9.

apakah mau langsung menjalankan aplikasi XAMPP atau tidak. Jika ya, maka klik YES.

Cara Menjalankan Aplikasi XAMPP

Bukalah aplikasi XAMPP, bisa melalui Start Menu atau Desktop, dan klik icon XAMPP. Atau, 1.

jika Anda membukanya begitu proses instalasi selesai maka klik Yes seperti yang terlihat pada gambar di atas.

Setelah terbuka, silahkan klik tombol Start pada kolom Action sehingga tombol tersebut

2.

(26)

berubah menjadi Stop. Dengan mengklik tombol tersebut, artinya itulah aplikasi yang dijalankan.

Biasanya jika saya menggunakan XAMPP, yang saya start hanyalah aplikasi Apache dan MySQL, karena saya tidak memerlukan aplikasi seperti Filezilla, dan lain-lain.

Sekarang bukalah browser kesukaan Anda, dan coba ketikkan http://localhost/xampp di 3.

address bar. Jika muncul tampilan seperti gambar di bawah ini, instalasi telah berhasil.

(27)

Selamat, akhirnya Anda berhasil menginstal aplikasi XAMPP. Sekarang komputer Anda sudah berfungsi seperti server dan bisa menjalankan aplikasi-aplikasi berbasis web.

Oia, jika Anda mengalami kesulitan di dalam menjalankan XAMPP seperti Apache XAMPP tidak bisa berjalan, mungkin bisa membaca artikel ini:

Cara mengatasi Apache XAMPP tidak bisa running

■