Memulai pemograman Java GUI part 1

-

Memulai pemograman Java GUI 

part 1



Kata pengatar

Halo teman-teman  TKJ SMKN 1 MOJOKERTO, mungkin di pembelajaran sekolah mapel PPLG (pengembangan perangkat lunak dan game) kita sudah tahu dasar-dasar bahasa pemrograman, terutama bahasa pemograman python. Akan tetapi  untuk melatih kemampuan kita dalam pemograman, tidak ada salahnya untuk mencoba bahasa pemrograman lain. Contoh yang akan saya rekomendasikan adalah Java. Akan tetapi disini kita akan langsung menuju ke Java GUI. Dan ini adalah tutorial part 1 pemograman Java GUI.


Apa itu Java GUI?

Java GUI atau Java Grapichal User Interface adalah, ketika bahas pemograman java kita fungsikan sebagai bahasa pemograman untuk memunculkan sebuah tampilan yang disebut sebagai window. Dan pada window ini kita bisa custom sesuai yang kita inginkan.


Bagaimana Kita memulainya?

Untuk memulai nya pastikan kita bisa menggunakan code editor seperti: Sublime Text. Visual studio Code. notepad ++, dll. Tetapi disini saya sarankan menggunakan Visual Studio Code karena ada beberapa extension yang nantinya kita bisa download sendiri atau nonaktifkan sendiri. Setelah itu kita download openjdk untuk run and debug java.

Link Download Visual Studio Code: https://code.visualstudio.com/download
Link Download OpenJDK Java: https://openjdk.org/ (catatan: tetapi kita tidak harus mendownload nya apabila sudah ada Extension dari Visual Studio Code yang akan membantu untuk mengunduhnya)

Kemudian Setelah kita download Visual Studio Code kita download extension java seperti, Test Runner, Debugger, Project manager, dan Maven. Lalu ikuti pada subjudul memulai pemograman GUI.

Memulai pemograman GUI?


1. Mulai dengan membuat file baru dengan format (.java) misal kita pakai Main.java

2. Kemudian ikuti urutan angka foto dibawah berikut untuk memulai menjalankan Java
(public class bisa berganti-ganti sesuai nama file misal (Aplikasi.java) maka public class nya menjadi Aplikasi












3. Untuk resources GUI nya kita taruh di bagian paling atas dari bagian codingan yang lain
(disini untuk Java GUI menggunakan 2 resources / library yaitu: java.awt dan javax.swing) 














4. Kemudian kalian bisa  melakukan sesuai dengan foto dibawah ini dengan file kalian sebagai catatan belajar.




































PERHATIAN: untuk import bisa langsung menggunakan tanda bintang di akhir library misal (javax.swing.*) atau (java.awt.*) untuk mengurangi halaman penuh, tetapi ada beberapa kejadian tidak berjalan nya library. Maka dari itu inilah fungsi import sesuai dengan resources gambar 4.

Swing:

import javax.swing.ImageIcon; (untuk menambahkan fungsi penambahan gambar)
import javax.swing.JFrame; (untuk menambahkan fungsi pembuatan window atau aplikasi kosongan)

import javax.swing.JLabel; (untuk menambahkan fungsi penambahan label atau tulisan pada aplikasi)
import javax.swing.*; (untuk menambahkan seluruh fungsi pada library swing)

Awt:
import java.awt.Color; (untuk menambahkan fungsi pewarnaan)
import java.awt.*; (untuk menambahkan seluruh fungsi pada library awt)


5. Lalu kalian tambahkan bagian selanjutnya sesuai dengan foto dibawah ini dengan file kalian sebagai catatan belajar juga lalu run codingan kalian.































PERHATIAN: untuk gambar no 5 kalian tambahkan pada bagian paling bawah pada gambar no 4, setelah perintah
window.setVisible(true); 

Apabila codingan kalian bisa di run maka kalian bisa mencoba bagian Project yang dimana kalian bisa ikuti arahan dan kustomisasi berdasarkan apa yang kalian sudah pelajari sebelumnya.



Project Part 1

Nama Project: 

Membuat aplikasi pengenalan sederhana

Langkah-langkah:

1. Buatlah file dengan nama tutorial.java pada project ini

2. Kemudian ikuti arahan berdasarkan gambar dibawah ini
































3. Setelah mengikuti  arahan gambar diatas, kalian bisa kustomisasi pada bagian JLabel nama, JLabel kelas, JFrame window menjadi terserah kalian (catatan: apabila window kalian rubah menjadi yang lain maka semua harus diganti semua tulisan window).

4. Terakhir kalian bisa run code yang sudah kalian buat. 


Hasil: 
Akan muncul jendela dengan sebuah tulisan deskripsi dan tombol seperti pada gambar dibawah.



 













Penutup

Sekian dari saya mungkin ini memang belum lengkap dikarenakan banyaknya materi yang akhirnya memaksa saya untuk membagi menjadi beberapa bagian materi yang bisa dibuat di kemudian hari. Terima Kasih 


PERHATIAN!: Mohon untuk mencantumkan sumber blog ini apabila anda mengambil gambar atau video dari blog ini.

Komentar

Posting Komentar

Postingan populer dari blog ini

Python project (tugas PPLG untuk persiapan presentasi)

-
Gambar
Python Project  Kata pengatar Halo teman-teman  TKJ SMKN 1 MOJOKERTO, pada blogger ini berisi penjelasan tentang project apa yang kita buat menggunakan python framework. Dan untuk isinya adalah sebagai berikut. Project yang dibuat, framework dan modul yang digunakan, penjelasan framework database mysql.connector dan openpyxl fitur aplikasi ini, cara kerja aplikasi beserta databasenya, laporan percobaan aplikasi, dan design UI/UX.   Project yang dibuat  Untuk project yang kita buat adalah aplikasi rekapan keuangan kas, dimana pada aplikasi ini kita hanya diharuskan untuk memasukkan data keuagan kas. Framework dan modul yang digunakan  Untuk tampilan / front-end menggunakan: - Tkinter "sebagai kerangka utama dari aplikasi ini (ibarat HTML)" -   Messagebox  "modul dari tkinter untuk membuat tampilan pesan pemberitahuan" - CustomTkinter  "sebagai kustomisasi tambahan dari aplikasi ini (ibarat CSS)" - PIL / pillow  "framework pemuncul ga...
Baca selengkapnya

Tugas 1 Konfigurasi dasar Mikrotik OS. XI_TKJ_3 Sean Finoe Rizqy_ No absen 28.

-
Gambar
Konfigurasi Mikrotik  Pendahuluan: Puji syukur kehadiran Allah SWT  karena berkat rahmat dan karunia-Nya lah saya dapat menyelesaikan tugas blog yang berjudul “Konfigurasi dasar Mikrotik OS” . Saya menyadari bahwa materi dalam blog ini masih banyak kekurangannya karena keterbatasan pengetahuan dan informasi, oleh karena itu saya berharap bimbingan dari guru mapel atau saran-saran dari pembaca untuk menyempurnakan blog ini. Berkaitan dengan blog ini saya sangat berterima kasih karena banyak mendapatkan bantuan dan bimbingan dari berbagai pihak yang diterima oleh saya baik secara langsung maupun tidak langsung terutama kepada semua pihak yang telah membantu saya dalam pembuatan blog ini. Akhir kata saya mengharapkan semoga blog ini dapat bermanfaat bagi kita semua, aaminn. Dokumentasi: 1. perencanaan topologi fisik sesuai kebutuhan.     dan ini topologi fisik nya:     penjelasan: praktik dilakukan dengan sebuah laptop dan hp, yang dimana hp sebagai route...
Baca selengkapnya

Tugas 2 Konfigurasi dasar Mikrotik Os dengan VMWARE dan Ip statis. XI_TKJ_3 Sean Finoe Rizqy_No absen 28.

-
Gambar
  Konfigurasi Mikrotik dengan Ip Statis dan VMWARE Pendahuluan Puji syukur kehadiran Allah SWT  karena berkat rahmat dan karunia-Nya lah saya dapat menyelesaikan tugas blog yang berjudul “Konfigurasi Mikrotik dengan Ip statis dan VMWARE” . Saya menyadari bahwa materi dalam blog ini masih banyak kekurangannya karena keterbatasan pengetahuan dan informasi, oleh karena itu saya berharap bimbingan dari guru mapel atau saran-saran dari pembaca untuk menyempurnakan blog ini. Berkaitan dengan blog ini saya sangat berterima kasih karena banyak mendapatkan bantuan dan bimbingan dari berbagai pihak yang diterima oleh saya baik secara langsung maupun tidak langsung terutama kepada semua pihak yang telah membantu saya dalam pembuatan blog ini. Akhir kata saya mengharapkan semoga blog ini dapat bermanfaat bagi kita semua, aaminn. Dokumentasi: 1. perencanaan topologi fisik sesuai kebutuhan. dan ini topologi fisik nya:     penjelasan:  seperti praktik sebelumnya, praktik ...
Baca selengkapnya