Selamat Datang di Ilham Aditia Blog

Tutorial cara membuat program input data menggunakan JavaScript NetBeans

Halo gan...
Selamat datang di blog pertama ane, salam kenal.. hehe

Kali ini saya akan membahas tentang bagaimana cara membuat program input data melalui JavaScript NetBeans.. Sebenarmya saya juga baru belajar di sekolah, ya gapapa untuk saling nge-share kan? hehe

Yukk langsung aja cekidoott

1. Pastikan NetBeans anda sudah terinstall
2. Buka aplikasinya
3. Jika sudah terbuka aplikasinya, lanjut klik "File" di pojok kanan atas

4. Lalu klik New Project


5. Klik  "Java" Pada kotak sebelah kiri, dan "Java Application" pada kotak sebelah kanan


6. Pada tahap memberi nama, silahkan beri nama project anda sendiri (Disarankan jangan memakai         space saat memberi nama pada projectnya


7. Jika selesai, maka akan masuk kelayar script, klik Project pada kanan samping


8. Cari project yang anda buat tadi, lalu klik kanan -> New -> JFrame Form


9. Maka tiba ditahap memberi nama untuk menu nya nanti, silahkan memberi nama. Misalnya: "Page Menu"


10. Akan sampai di tampilan desain..


11. Desain lah seperti gambar dibawah

*NB: Tulisan memakai = Label
          Kotak disamping tulisan  = Text Field
          Tombol Proses = Button
          Kotak Besar = Text Area

     Jika sudah, maka beri Variable nama pada masing masing kotak (Tombol & Label tidak perlu diberi Variabel nama) dengan cara klik kanan pada kotak -> Change Variable Name
Misalnya: Pada Text Field bagian Nama beri variable name = txtNama
                          Text Field bagian Alamat beri variable name = txtAlamat
                          Text Field bagian Jurusan beri variable name = txtJurusan
                          Text Area yang dibawah beri variable name = txaData



12. Jika sudah anda beri Variable Name, tahap selanjutnya memberi script nya agar bisa diaplikasikan
      Caranya klik kanan pada tombol Button "PROSES" -> Event -> Action ->                                            actionPerformed[jButton1Action Performed


13. Lalu masukin script anda di samping bacaan "TODO add your handling code here"
      lalu tekan enter untuk membuat garis baru agar mudaah saat mengisi script
      Isikan scirpt ini :
      String Nama=txtNama.getText();
        String Alamat=txtAlamat.getText();
        String Jurusan=txtJurusan.getText();
        txtData.setText("Nama="+Nama+"\n"+"Alamat="+Alamat+"\n"+"Jurusan="+Jurusan+"\n");


14. Setelah anda masuki scripnya, masuk ketahap pencobaan. Tekan Shift+F6
      Isi data anda / terserah anda,


15. Maka data yang anda isi akan keluar di Text Area


Mudah bukan? Selamat mencoba :D
Dan jangan lupa untuk share ke teman-teman lainnya.