Nafis Albab Alfasha_181011400785_Pertemuan Ke 1

Pemrograman II

Membuat Program Cetak Kata

1. Langkah pertama yaitu buka Aplikasi Netbeans anda, Lalu buatlah sebuah project baru. Caranya yaitu : "Pilih File" -> "New Project (Ctrl+Shift+N)".

2. Berikutnya "Pilih Java" -> "Java Application" -> Lalu "Klik Next".

3. Selanjutnya beri nama dan tentukan sendiri lokasi penyimpanan project Netbeans yang anda buat sesuai dengan keinginan anda, disini saya menamainya dengan "Nafis Albab Alfasha_181011400785_Pertemuan1". Dengan lokasi penyimpanan di "C:\Users\Nafis\Documents\NetBeansProjects". Jika sudah "Klik Finish".

4. Berikutnya membuat package. Caranya : "Klik kanan pada folder Source Package pada project name yang sudah anda buat" -> "Pilih New" -> "Pilih Java Package" -> Lalu beri nama sesuai dengan keinginan anda, disini saya menamainnya dengan "Latihan1". Jika sudah "Klik Finish".

5. Selanjunya membuat JFrame Form. Caranya : "Klik kanan pada Package Latihan1"-> "Pilih New" -> "Pilih JFrame From" -> Lalu beri nama sesuai dengan keinginan anda, disini saya menamainya dengan "Cetak_Kata". Jika sudah "Klik Finish".

6. Berikutnya membuat desainnya. Langkah pertama yaitu : Pilih menu "Panel" lalu drag ke dalam form kosong pada desain dan perbesar ukuran panel di dalam form desainnya.

7. Selanjutnya "Klik kanan pada Label Panel di dalam form" -> "Pilih Properties" -> "Pilih Background" (Caranya klik Tanda persegi titik tiga yang telah saya bulatkan).

8. Berikutnya pilih warna background panel yang anda inginkan -> Lalu "Klik OK" -> "Klik Close".

9. Berikutnya "Masukan 5 menu Label" ke dalam form design.

10. Selanjutnya "Masukan 4 menu TextField" di sebelah kanan jLabel 1 sampai 4, lalu "Masukan menu Text Area" di sebelah kanan jLabel 5.

11. Berikutnya yaitu "Menambahkan 1 buah Label" lagi dan edit text menjadi "Program Cetak Kata", lakukan edit text ke semua Label dan TextField, sampai designnya menjadi seperti gambar dibawah ini.

12. Selanjutnya ubah semua variable TextField dimulai dari yang pertama. Caranya yaitu : "Klik kanan pada TextField pertama" -> "Pilih Change Variabel Name" -> lalu ubah menjadi "Nafis_Nama" -> Jika sudah "Klik OK".

13. Berikutnya variable TextField kedua. Caranya yaitu : "Klik kanan pada TextField kedua" -> "Pilih Change Variabel Name" -> lalu ubah menjadi "Nafis_Nim" -> Jika sudah "Klik OK".

14. Selanjutnya variable TextField ketiga. Caranya yaitu : "Klik kanan pada TextField ketiga" -> "Pilih Change Variabel Name" -> lalu ubah menjadi "Nafis_JenisKelamin" -> Jika sudah "Klik OK".

15. Berikutnya variable TextField keempat. Caranya yaitu : "Klik kanan pada TextField keempat" -> "Pilih Change Variabel Name" -> lalu ubah menjadi "Nafis_ProgramStudy"-> Jika sudah "Klik OK".

16. Selanjutnya yaitu ubah variabel Text Area. Caranya yaitu : "Klik kanan pada Text Area" -> "Pilih Change Variabel Name" -> lalu ubah menjadi "Nafis_PesanTextArea"-> Jika sudah "Klik OK".

17. Selanjutnya yaitu menambahkan menu "Button", "Label" dan "TextPane" ke dalam form desain seperti gambar dibawah ini.

18. Berikutnya ganti variable name pada "Text Pane" menjadi "Nafis_CetakKataTextPane". Jika sudah "Klik OK".

19. Selanjutnya Edit Text pada "jLabel 7 menjadi Hasil Cetak Kata".

20. Berikutnya Edit Text Pada "Button menjadi Cetak", lalu mengaktifkan buttonya caranya : "Klik kanan pada menu Button" -> "Events" -> "Action" -> "actionPerformed".

21. Selanjutnya masukan source code di bawah ini pada tombol button.

Source Code :

String Nama_Nafis = (Nafis_Nama.getText());

String Nim_Nafis = (Nafis_Nim.getText());

String JenisKelamin_Nafis = (Nafis_JenisKelamin.getText());

String ProgramStudy_Nafis = (Nafis_ProgramStudy.getText());

String Pesan_Nafis = (Nafis_PesanTextArea.getText());

Nafis_CetakKataTextPane.setText("Nama : " +Nama_Nafis+ "\n"

+ "Nim : " +Nim_Nafis+ "\n"

+ "Jenis Kelamin : " +JenisKelamin_Nafis+ "\n"

+ "Program Study : " +ProgramStudy_Nafis+"\n"

+ "Pesan : " +Pesan_Nafis+"\n"

);

22. Berikutnya adalah mengecek Hasil Run dari aplikasi program cetak kata. Caranya : "Klik kanan pada Cetak_Kata.java" -> Lalu "Pilih Run File (Shift+F6)".

23. Selanjutnya yaitu : Masukan "Nama anda", "Nim anda", "Jenis Kelamin anda", dan "Program Study anda". Jika sudah pilih "Cetak". Setelah itu hasilnya akan terlihat di "Hasil Cetak Kata" seperti gambar di bawah ini.

Membuat Program Cetak Proses

1. Langkah pertama yaitu "Membuat jFrame From baru dengan klik kanan pada package Latihan1" yang telah di buat sebelumnya -> "Lalu Pilih New" -> "Pilih jFrame Form" -> Beri nama "Cetak_Proses" -> "Klik Finish".

2. Selanjutnya yaitu membuat desainnya. Caranya yaitu : "Drag dan edit text pada 1 buah Label", "1 buah Text Field". "Serta 17 Button yang ada di menu desain". Contohnya seperti gambar dibawah ini.

3. Berikutnya ubah variabel name pada Text Field dan semua button yang ada. Dimulai dari Text Field caranya yaitu : "Klik kanan pada menu Text Field" -> Lalu pilih "Change Variable Name" -> Lalu ubah menjadi "Nafis_display". -> Jika sudah "Klik OK".

4. Selanjutnya ubah variabel name pada semua button yang ada di baris pertama. Dimulai dari button Tambah sampai dengan Koma. Caranya yaitu : "Klik kanan pada button Tambah" -> Lalu pilih "Change Variable Name" -> Lalu ubah menjadi "Nafis_Tambahbtn". -> Jika sudah "klik OK". Lakukan cara ini sampai button koma, "untuk penamaan variabelnya pada button Kurang adalah Nafis_Kurangbtn", pada "button Kali adalah Nafis_Kalibtn", dan "pada button Bagi adalah Nafis_Bagibtn", begitu juga dengan "button Koma adalah Nafis_Komabtn".

5. Berikutnya yaitu ubah variabel name Reset. Caranya yaitu : "Klik kanan pada button Reset" -> Lalu pilih "Change Variable Name" -> Lalu ubah menjadi "Nafis_Hapusbtn". -> Jika sudah "Klik OK".

6. Selanjutnya yaitu ubah variabel name pada button angka di mulai dari angka 0 sampai dengan 9. Caranya : "Klik kanan pada button 0" -> Lalu pilih "Change Variable Name" -> Lalu ubah menjadi "Nafis_btn0". -> Jika sudah "klik OK". Lakukan cara ini sampai button ke 9, "untuk penamaan variabel pada button 1 adalah Nafis_btn1", pada "button 2 adalah Nafis_btn2", pada "button 3 adalah Nafis_btn3", pada "button 4 adalah Nafis_btn4", pada "button 5 adalah Nafis_btn5", pada "button 6 adalah Nafis_btn6",pada "button 7 adalah Nafis_btn7", pada "button 8 adalah Nafis_btn8", pada "button 9 adalah Nafis_btn9".

7. Berikutnya ubah variabel name pada button terakhir yaitu button Cetak Hasil. Caranya : "Klik kanan pada button Cetak Hasil" -> Lalu pilih "Change Variable Name" -> Lalu ubah menjadi "Nafis_Cetakhasilbtn". -> Jika sudah "Klik OK".

8. Selanjutnya setelah selesai megganti semua variabel name yang ada di menu. Langkah selanjutnya adalah memasukkan source kode awal seperti gambar dibawah ini.

Source Code :

a. package Latihan1;

import java.awt.Dimension;

import java.awt.Toolkit;

b. public class Cetak_Proses extends javax.swing.JFrame {

String Nafis_angka;

double Nafis_jumlah, Nafis_angka1, Nafis_angka2;

int Nafis_pilih;

c. public Cetak_Proses() {

initComponents();

Nafis_angka ="";

}

9. Berikutnya yaitu mengaktifkan ke 17 button yang ada dimulai dari button Reset. Caranya yaitu : "Klik kanan pada button Reset" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar dibawah ini.

Source Code :

private void Nafis_HapusbtnActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here:

Nafis_display.setText("");

Nafis_angka1=0.0;

Nafis_angka2=0.0;

Nafis_jumlah=0.0;

Nafis_angka="";

}

10. Selanjutnya mengaktifkan button pada angka 0. Caranya : "Klik kanan pada button angka 0" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_btn0ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +="0";

Nafis_display.setText(Nafis_angka);

}

11. Berikutnya mengaktifkan button pada angka 1. Caranya : "Klik kanan pada button angka 1" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_btn1ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +="1";

Nafis_display.setText(Nafis_angka);

}

12. Selanjutnya mengaktifkan button pada angka 2. Caranya : "Klik kanan pada button angka 2" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_btn2ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +="2";

Nafis_display.setText(Nafis_angka);

}

13. Berikutnya mengaktifkan button pada angka 3. Caranya : "Klik kanan pada button angka 3" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_btn3ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +="3";

Nafis_display.setText(Nafis_angka);

}

14. Selanjutnya mengaktifkan button pada angka 4. Caranya : "Klik kanan pada button angka 4" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_btn4ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +="4";

Nafis_display.setText(Nafis_angka);

}

15. Berikutnya mengaktifkan button pada angka 5. Caranya : "Klik kanan pada button angka 5" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_btn5ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +="5";

Nafis_display.setText(Nafis_angka);

}

16. Selanjutnya mengaktifkan button pada angka 6. Caranya : "Klik kanan pada button angka 6" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_btn6ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +="6";

Nafis_display.setText(Nafis_angka);

}

17. Berikutnya mengaktifkan button pada angka 7. Caranya : "Klik kanan pada button angka 7" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_btn7ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +="7";

Nafis_display.setText(Nafis_angka);

}

18. Selanjutnya mengaktifkan button pada angka 8. Caranya : "Klik kanan pada button angka 8" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_btn8ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +="8";

Nafis_display.setText(Nafis_angka);

}

19. Berikutnya mengaktifkan button pada angka 9. Caranya : "Klik kanan pada button angka 9" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_btn9ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +="9";

Nafis_display.setText(Nafis_angka);

}

20. Selanjutnya yaitu mengaktifkan button Koma. Caranya : "Klik kanan pada button Koma" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_KomabtnActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

Nafis_angka +=".";

Nafis_display.setText(Nafis_angka);

}

21. Berikutnya yaitu mengaktifkan button Tambah. Caranya : "Klik kanan pada button Tambah" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_TambahbtnActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here:

Nafis_angka1=Double.parseDouble(Nafis_angka);

Nafis_display.setText("+");

Nafis_angka="";

Nafis_pilih=1;

}

22. Selanjutnya yaitu mengaktifkan button Kurang. Caranya : "Klik kanan pada button Kurang" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_KurangbtnActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here:

Nafis_angka1=Double.parseDouble(Nafis_angka);

Nafis_display.setText("-");

Nafis_angka="";

Nafis_pilih=2;

}

23. Berikutnya yaitu mengaktifkan button Kali. Caranya : "Klik kanan pada button Kali" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_KalibtnActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here:

Nafis_angka1=Double.parseDouble(Nafis_angka);

Nafis_display.setText("*");

Nafis_angka="";

Nafis_pilih=3;

}

24. Selanjutnya yaitu mengaktifkan button Bagi. Caranya : "Klik kanan pada button Bagi" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_BagibtnActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here:

Nafis_angka1=Double.parseDouble(Nafis_angka);

Nafis_display.setText("/");

Nafis_angka="";

Nafis_pilih=4;

}

25. Berikutnya yaitu mengaktifkan button Cetak Hasil. Caranya : "Klik kanan pada button Cetak Hasil" -> "Events" -> "Actions" -> "actionPerformed". Jika sudah masukan source code seperti gambar di bawah ini.

Source Code :

private void Nafis_CetakhasilbtnActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here:

switch(Nafis_pilih){

case 1:

Nafis_angka2 = Double.parseDouble(Nafis_angka);

Nafis_jumlah = Nafis_angka1 + Nafis_angka2;

Nafis_angka = Double.toString(Nafis_jumlah);

Nafis_display.setText(Nafis_angka);

break;

case 2:

Nafis_angka2 = Double.parseDouble(Nafis_angka);

Nafis_jumlah = Nafis_angka1 - Nafis_angka2;

Nafis_angka = Double.toString(Nafis_jumlah);

Nafis_display.setText(Nafis_angka);

break;

case 3:

Nafis_angka2 = Double.parseDouble(Nafis_angka);

Nafis_jumlah = Nafis_angka1 * Nafis_angka2;

Nafis_angka = Double.toString(Nafis_jumlah);

Nafis_display.setText(Nafis_angka);

break;

case 4:

Nafis_angka2 = Double.parseDouble(Nafis_angka);

Nafis_jumlah = Nafis_angka1 / Nafis_angka2;

Nafis_angka = Double.toString(Nafis_jumlah);

Nafis_display.setText(Nafis_angka);

break;

}

26. Selanjutnya yaitu setting properties pada Nafis_display. Caranya : "Klik kanan pada button Nafis_display" -> "Pilih Properties" -> "Lalu Unceklist menu editable" (Supaya pengguna tidak dapat memasukkan karakter langsung dari keyboard. -> "Dan pada menu horizontalAlignment ubah menjadi RIGHT" (Supaya posisi angka pada saat ditampilkan berada di sebelah kanan display). Jika sudah "Klik Close".

27. Berikutnya yaitu menjalankan Aplikasi Cetak Proses yang telah dibuat. Caranya : "Klik kanan pada Cetak_Proses.java" -> Lalu "pilih Run File (Shift+F6)".