APLIKASI PENJUALAN

 FORM LOGIN dan BERANDA

Hai guys..

Kembali lagi bersama saya Apriana. Di blog kali ini saya pada dasarnya akan membuat aplikasi penjualan. Namun untuk saat ini yang dapat saya jelaskan ialah mengenai FORM LOGIN dan BERANDA dari aplikasi yang akan saya buat tersebut.

Tanpa berlama-lama langsung saja saya jelaskan. Untuk membuat aplikasi ini saya masih menggunakan NetBeans.

LOGIN


BERANDA


Kurang lebih begitulah tampilan awal yang muncul apabila program yang kita dibuat sudah benar.

LANGKAH KERJA
  1. Buka NetBeans IDE
  2. Klik File, kemudian pilih New Project
  3. Pilih kategori Java dan Project Java Application lalu klik Next
  4. Project Name bebas mau dibuat apa. Contoh : Latihan1kelasB
  5. Kita buat terlebih dahulu frame untuk tampilannya dengan cara klik kanan tombol class pilih new lalu JFrame.
  6. Buat tampilan untuk halaman login dengan menggunakan swing control.
  7. Pada tampilan login ada dua tombol utnuk masuk dan keluar dan 2 panel untuk mengisi nama pengguna dan sandi pengguna. Untuk membuat tampilan login ini berada tepat ditengah layar monitor yaitu dengan cara klik kanan pada margin atau kotak panel lalu pilih Edit LAYOUT SPACE>default kan>ceklis  Rezible.
SOURCE CODE

FORM LOGIN

  • Halaman login ini akan tampil secara full screen sesuai dengan ukuran layar.
Gambar diatas merupakan source code program untuk menampilkan menu login secara full screen.
        this.setExtendedState(JFrame.MAXIMIZED_BOTH); 
    Merupakan perintah yang hanya akan membuat tampilan ini saja(this) secara full screen. Dan rasio untuk tampilan full screen nya diatur dengan perintah JFrame MAXIMAZED_BOTH.

        this.setUndecorated(true);
    Merupakan perintah yang dibuat untuk menghilangkan dekorasi pada tampilan menu login nantinya.
        initComponents();

  • Pada menu login ini apabila si user menekan tombol keluar maka akan muncul kotak pesan jika si user ingin keluar dari aplikasi.

private void keluarActionPerformed(java.awt.event.ActionEvent evt) {                                       
        kotak_pesan();
Pada saat akan login maka sistem akan membaca saja apa yang sudah ditanamkan pada source code program diatas Nama pengguna sudah ditanamkan dengan nama Apriana dan Sandi pengguna yaitu 2004. Apabila nama pengguna dan sandi pengguna yang dimasukan salah maka akan muncul kembali kotak pesan peringatan bahwa nama atau sandi pengguna salah. 
  • Membuat kotak pesan pada tombol keluar atau menu exit itu sendiri yaitu
Nah disini nampak bahwa perintah untuk membuat kotak dialog harus membuat nama kelas yang baru yaitu kelas kotak_pesan. Dalam kelas kotak_pesan Akan ada pertanyaan yang muncul yaitu Apakah anda yakin akan keluar?. Source code ini bisa di dapat kan dari dari StackOverFLOW.
  • source code kotak pesan apabila nama dan sandi pengguna salah memasukan yaitu
Langkah pertama kita harus membuat nama kelas baru agar dapat membuat kotak pesan. disini nama kelasnya yaitu kotak_pesan_login. pada kotak pesan ini ada peringatan karena nama dan sandi sandi yang dimasukan salah.

FORM BERANDA

  • Tampilan beranda ini dibuat dengan menggunakan dekorasi dan menggunak frame yang berbeda dari frame tampilan login sebelumnya.
Nah gambar diatas merupakan source code untuk membuat tampilan beranda menjadi full screen pada layar monitor anda.
  • Apabila nanti dimenu login si user berhasil memasukan nam pengguna dan sandi pengguna secara benar maka otomatis si user akan masuk ke menu beranda ini.
Maksud dari program diatas adalah apabila nanti masuk ke tampilan beranda maka akan muncul nama pengguna yang dimasukan pada menu login tadi. Disini terjadi proses pemanggilan data kembali.
  • Run
Nah source code ini berfungsi untuk merunning kan atau menjalankan program aplikasi apabila pada menu login tadi berhasil memasukan nama dan sandi pengguna dengan benar.

TAMPILAN HASIL

- Login
- Apabila Nama Pengguna dan Sandi Benar
- Apabila Nama dan Sandi salah, tidak masuk ke beranda
- Apabila Ingin Keluar dari Aplikasi

Mungkin cukup sekian penjelasan mengenai source code pada tampilan menu login dan beranda kali ini. Untuk perkembangan aplikasi nantinya saya akan menjelaskan tampilan-tampilan yang akan saya buat kedepannya di blog dan chanel yt pribadi saya.
Mohon maaf bila ada kesalahan, sampai jumpa di blog selanjutnya.

Terima Kasih😇







Komentar

Postingan populer dari blog ini

Membuat Database Menggunakan phpMyAdmin dan Menghubungkan ke Aplikasi NetBeans