Tanya disini!!

Tuesday, 23 January 2018

Prakerin Hari Ke-13 ( Membuat Biodata dengan Java ,NetBeans )



Assalamualaikum Wr.Wb
Hay sahabat blogger.
Ketemu lagi dengan aku di cerita keseharian kegiatan ku di STMIK AKAKOM . kegiatan ku hari ini,adalah melanjutkan materi kemarin,yaitu membahas mengenai pemrograman Java dengan NetBeans,tapi bedanya dengan kemarin kalau kemarin kita para anak PKL mempelajari mengenai cara pembuatan kalkulator,kali ini kita mempelajari cara membuat form data diri / biodata.
Masih sama dengan kemarin,yang megisi materi untuk kita hari ini adalah kakak-kakak dari HMJ MI ,mereka tadi datang ke ruangan kita sekitar pukul 11,mungkin agak terlambat ,dari yang biasanya datang pukul 10,hari ini mereka datang pukul 11,dan mengisi materi untuk kita sampai pukul 12,karna sudah jam istirahat.
Nah ,karna kemarin blog ku hanya ku isi dengan cerita ku,maka blog ku kali ini akan ku isi dengan sedikit artikel mengenai cara membuat biodata sederhana dengan bahasa pemrograman Java JDK dengan aplikasi NetBeans.
Sekarang apa sih Java,JDK,dan NetBeans itu ?
·         Java
Java adalah bahasa pemrograman yang dapat dijalankan di berbagai komputer termasuk telepon genggam. Bahasa ini banyak mengadopsi sintaksis yang terdapat pada C dan C++ namun dengan sintaksis model objek yang lebih sederhana.
·         JDK (Java Development Kit)

JDK adalah Perangkat lunak yang digunakan untuk melakukan proses kompilasi dari kode java ke bytecode yang dapat dimengerti dan dapat dijalankan oleh JRE (Java Runtime Envirotment). JDK wajib terinstall pada komputer yang akan melakukan proses pembuatan aplikasi berbasis java, namun tidak wajib terinstall di komputer yang akan menjalankan aplikasi yang dibangun dengan java.

·         NetBeans

Netbeans IDE adalah perangkat lunak yang digunakan untuk membangun perangkat lunak yang lain. Netbeans adalah sebuah aplikasi Integrated Development Environment (IDE) yang berbasiskan Java dari Sun Microsystems yang berjalan di atas swing. Swing merupakan sebuah teknologi Java untuk pengembangan aplikasi dekstop yang dapat berjalan pada berbagai macam platform seperti windows, linux, Mac OS X dan Solaris.


Langkah-Langkah Membuat Biodata pada
Bahasa Pemrograman Java dengan NetBeans.

1.      Langkah pertama yaitu buka aplikasi NetBeans yang sudah di instal. Namun,sebelum kita menginstal NetBeans nya,terlebih dahulu kita harus menginstal Java.



2.      Kemudian akan muncul tampilan awal NetBeans seperti pada gambar di bawah ini.


3.      Setelah muncul tampilan awal NetBeans,maka klik “ file > new project “,yang ada pada tampilan bagian kiri atas.



4.      Setelah itu maka akan muncul tampilan seperti di bawah ini, klik
 “ java application > next “.



5.      Kemudian, akan ada tampilan name and location, ganti “ project name “ sesuai yang kita inginkan. Jangan ceklist pada ‘create main class’,kemudian klik ‘finish’.
6.      Tunggu proses “ creating new project “ sampai selesai.



7.      Setelah itu akan muncul tampilan seperti ini,maka “ klik kanan pada folder source package > new > folder “ untuk membuat folder baru.

8.      Maka akan muncul tampilan seperti di bawah, beri nama pada “ folder name “,nama disesuaikan  dengan project name yang kita buat tadi kemudian ‘finish’.


9.      Setelah itu, folder yang kita buat tadi akan muncul di sebelah kiri atas, lalu
 “ klik kanan pada folder > new > Jframe Form

10.  Setelah itu akan ada perintah seperti di bawah lalu beri nama pada “ class name “ kemudian finish.

11.  Tunggu sampai proses selesai.

12.  Kemudian kita masuk pada tampilan untuk mulai membuat project.



13.  Setelah itu, untuk membuat judul ( Biodata Siswa ), lihat “ palette > swing control > cari label > drag and drop label ke dalam lembar kerja “.
14.  Setelah itu “klik kanan pada label > edit text”,untuk mengganti text jLabel menjadi yang kita inginkan.



15.  Lakukan hal yang sama dengan langkah ke-14,untuk membuat nama,alamat,asal sekolah,jenis kelamin,dan hobbi.

16.  Untuk membuat kolom pengisian ,kita menggunakan text field,maka palette > swing controls >text field > kemudian drag and drop. Dan kosongkan kolom jTextField.


17.   Untuk membuat option pada jenis kelamin, lihat “ palette > swing controls > radio button > kemudian drag and drop > edit text > tulis jenis kelamin pada masing-masing radio button”.
18.  Maka hasilnya akan tampak seperti pada gambar di bawah ini.



19.  Selanjutnya adalah membuat pilihan pada hobbi. Dengan cara “palette > swing controls > pilih check box > drag and drop > edit text > isi dengan macam-macam hobbi.
20.  Maka akan menghasilkan seperti gambar di bawah ini.



21.  Setelah itu,cara di palette > swing controls > button group > drag and drop. Kemudian pada navigator yang berada di pojok kiri bawah,akan ada komponen jButtonGroup yang telah kita drag and drop tadi,lalu klik kanan > pilih change variable name > lalu tulis variabel bgJK > ok
22.  Kemudian kita akan membuat tombol OK ,dengan cara palette > swing controls > button > drag and drop > edit text > ubah nama menjadi OK.


23.  Sehingga akan tampak seperti pada gambar di bawah ini.
24.  Selanjutnya adalah kita membuat kolom untuk menampilkan hasil,caranya sama seperti di atas,yaitu kita pilih palette > swing controls > label > drag and drop> edit text > masukkan teks yang kita inginkan. Di sini saya memasukkan teks ‘hasil’.



25.  Kemudian kita membuat variable pada semua komponen untuk nanti kita masukkan pada source coding. Dengan cara klik kanan pada komponen (nisal nama) > change variable name >
ü  jika yang kita gunakan adalah label,maka kita buat variabel (lblNama),selalu di awali dengan (lbl).
ü  Jika yang kita gunakan adalah radio button,maka kita buat variabel (rbLaki),selalu diawali dengan (rb).
ü  Jika yang kita gunakan adalah check box,maka kita buat variabel (cbMenyanyi),selalu diawai dengan (cb).
ü  Jika yang kita gunakan adalah button,maka kita buat variabel (btnOk),selalu diawali dengan (btn).
ü  Jika yang kita gunakan adalah button group,maka kita buat variabel (bgJK),selalu diawali dengan (bg).








26.  Setelah itu,kita run desain program yang telah kita buat. Maka hasilnya akan seperti pada gambar di bawah ini.
27.   Namun,hasil program kita di atas,belum berfungsi sebagaimana mestinya,kita masih harus mengatur source codingnya,dengan cara klik source,maka akan muncul gambar seperti di bawah.



28.  Kemudian untuk dapat menjalankan option pada jenis kelamin,kita gunakan coding seperti pada gambar yang saya blok.
29.  Setelah itu,kita akan menjalankan hasil untuk jenis kelamin dan hobbi,maka dari itu klik kanan pada komponen (OK),> events >action > action performed.



30.  Kemudian,akan muncul source ,maka kita masukkan coding seperti gambar yang telah saya blok.
31.  Setelah itu kita run,dengan meng klik segitiga hijau pada gambar,atau dengan menekan tombol shift + f6.



32.  Setelah berhasil di run,maka akan muncul kolom pengisian biodata seperti di bawah ini. Lalu isi biodata kita.
33.  Maka hasilnya akan seperti pada gambar di bawah ini.




 
Langkah-Langkah Membuat Biodata pada
Bahasa Pemrograman Java dengan NetBeans.

1.      Langkah pertama yaitu buka aplikasi NetBeans yang sudah di instal. Namun,sebelum kita menginstal NetBeans nya,terlebih dahulu kita harus menginstal Java.

2.      Kemudian akan muncul tampilan awal NetBeans seperti pada gambar di bawah ini.
3.      Setelah muncul tampilan awal NetBeans,maka klik “ file > new project “,yang ada pada tampilan bagian kiri atas.

4.      Setelah itu maka akan muncul tampilan seperti di bawah ini, klik
 “ java application > next “.



5.      Kemudian, akan ada tampilan name and location, ganti “ project name “ sesuai yang kita inginkan. Jangan ceklist pada ‘create main class’,kemudian klik ‘finish’.
6.      Tunggu proses “ creating new project “ sampai selesai.



7.      Setelah itu akan muncul tampilan seperti ini,maka “ klik kanan pada folder source package > new > folder “ untuk membuat folder baru.

8.      Maka akan muncul tampilan seperti di bawah, beri nama pada “ folder name “,nama disesuaikan  dengan project name yang kita buat tadi kemudian ‘finish’.


9.      Setelah itu, folder yang kita buat tadi akan muncul di sebelah kiri atas, lalu
 “ klik kanan pada folder > new > Jframe Form

10.  Setelah itu akan ada perintah seperti di bawah lalu beri nama pada “ class name “ kemudian finish.

11.  Tunggu sampai proses selesai.

12.  Kemudian kita masuk pada tampilan untuk mulai membuat project.



13.  Setelah itu, untuk membuat judul ( Biodata Siswa ), lihat “ palette > swing control > cari label > drag and drop label ke dalam lembar kerja “.
14.  Setelah itu “klik kanan pada label > edit text”,untuk mengganti text jLabel menjadi yang kita inginkan.



15.  Lakukan hal yang sama dengan langkah ke-14,untuk membuat nama,alamat,asal sekolah,jenis kelamin,dan hobbi.

16.  Untuk membuat kolom pengisian ,kita menggunakan text field,maka palette > swing controls >text field > kemudian drag and drop. Dan kosongkan kolom jTextField.


17.   Untuk membuat option pada jenis kelamin, lihat “ palette > swing controls > radio button > kemudian drag and drop > edit text > tulis jenis kelamin pada masing-masing radio button”.
18.  Maka hasilnya akan tampak seperti pada gambar di bawah ini.



19.  Selanjutnya adalah membuat pilihan pada hobbi. Dengan cara “palette > swing controls > pilih check box > drag and drop > edit text > isi dengan macam-macam hobbi.
20.  Maka akan menghasilkan seperti gambar di bawah ini.



21.  Setelah itu,cara di palette > swing controls > button group > drag and drop. Kemudian pada navigator yang berada di pojok kiri bawah,akan ada komponen jButtonGroup yang telah kita drag and drop tadi,lalu klik kanan > pilih change variable name > lalu tulis variabel bgJK > ok
22.  Kemudian kita akan membuat tombol OK ,dengan cara palette > swing controls > button > drag and drop > edit text > ubah nama menjadi OK.


23.  Sehingga akan tampak seperti pada gambar di bawah ini.
24.  Selanjutnya adalah kita membuat kolom untuk menampilkan hasil,caranya sama seperti di atas,yaitu kita pilih palette > swing controls > label > drag and drop> edit text > masukkan teks yang kita inginkan. Di sini saya memasukkan teks ‘hasil’.



25.  Kemudian kita membuat variable pada semua komponen untuk nanti kita masukkan pada source coding. Dengan cara klik kanan pada komponen (nisal nama) > change variable name >
ü  jika yang kita gunakan adalah label,maka kita buat variabel (lblNama),selalu di awali dengan (lbl).
ü  Jika yang kita gunakan adalah radio button,maka kita buat variabel (rbLaki),selalu diawali dengan (rb).
ü  Jika yang kita gunakan adalah check box,maka kita buat variabel (cbMenyanyi),selalu diawai dengan (cb).
ü  Jika yang kita gunakan adalah button,maka kita buat variabel (btnOk),selalu diawali dengan (btn).
ü  Jika yang kita gunakan adalah button group,maka kita buat variabel (bgJK),selalu diawali dengan (bg).








26.  Setelah itu,kita run desain program yang telah kita buat. Maka hasilnya akan seperti pada gambar di bawah ini.
27.   Namun,hasil program kita di atas,belum berfungsi sebagaimana mestinya,kita masih harus mengatur source codingnya,dengan cara klik source,maka akan muncul gambar seperti di bawah.



28.  Kemudian untuk dapat menjalankan option pada jenis kelamin,kita gunakan coding seperti pada gambar yang saya blok.
29.  Setelah itu,kita akan menjalankan hasil untuk jenis kelamin dan hobbi,maka dari itu klik kanan pada komponen (OK),> events >action > action performed.



30.  Kemudian,akan muncul source ,maka kita masukkan coding seperti gambar yang telah saya blok.
31.  Setelah itu kita run,dengan meng klik segitiga hijau pada gambar,atau dengan menekan tombol shift + f6.



32.  Setelah berhasil di run,maka akan muncul kolom pengisian biodata seperti di bawah ini. Lalu isi biodata kita.
33.  Maka hasilnya akan seperti pada gambar di bawah ini.











 daftar pustaka :


http://www.icaksama.com/







No comments:

Post a Comment