Membuat Tampilan Login Dan Beranda Pada Netbeans

 Membuat Tampilan Login Dan Beranda Pada Netbeans 

Assalamualikum wr wb....

Hallo sahabat ngoding, Nah di artikel saya kali ini akan membagikan cara untuk membuat sebuah tampilan login dan beranda dengan menggunakan Netbeans dan menggunakan bahasa java swing berikut tampilan loginnya :

1. Tampilan Login

Nah, dari tampilan login program terdapart 4 menu yang ditampilkan yaitu nama pengguna, sandi pengguna, keluar, dan menu masuk, untuk membuatnya langsung saja lihat sourcode beserta penjelasan dibawah ini :

Langkah Pertama Untuk Membuat Tampilan Login :

a. Buka Netbeans kemudian pilih New Project dan isi nama projek nya.

b. Lalu kita buat dulu Jframe buat form login Klik kanan di package tampilan –> New –> JFrame Form, maka akan tampil step berikutnya. Pada kotak class name beri nama “login”. kemudian klik finish.

c. Selanjutnya pada tab design di form ambil Panel dari palette Swing Containers klik Panel, tahan dan geser ke daerah bagian design form login dan sesuaikan ukurannya dengan JFrame.

d. Selanjutnya Tarik dan tempatkan  Label,  text field dan button, dan lakukan pengeditan pada tampilan sesuai dengan keinginan dan kebutuhan. 

e. Setelah semuanya sudah selesai kemudian ganti variabel namanya pada setiap kolom atau tombol yang ada pada laman login dengan cara klik kanan > Change variable name> sesuaikan nama> ok

f. Setelah mengganti variabel name kemudian edit text kolom atau tombol tersebut  dengan cara klil kanan>pilik edit text> sesuaikan nama>ok. lakukan keseluruh tombol. Setelah semuanya selesai lanjut kebagian sourcode nya seperti gambar dibawah ini :

        coding Login 1

Penjelasan : 

a. Package latihankelasb digunakan untuk untuk memudahkan mengorganisir file dari class.

b. Public class login itu merupakan nama class 

c. Public login untuk membuka kelas login 

d. this.setExtendedState(JFrame.MAXIMIZED_BOTH);  fungsi syntax ini adalah membuat tampilan login nantinya menjadi full screen dan menggunakan this yang artinya meruju ke halamam ini atau halaman login inilah yang akan dijadikan full screen.

        Coding Login Ke 2

Penjelasan : 

a. kotak_pesan();

int dialogButton = JOptionPane.showConfirmDialog (null, "Apakah Anda Yakin Akan Keluar?","PERINGATAN",JOptionPane.YES_NO_OPTION,JOptionPane.WARNING_MESSAGE);

 Digunakan untuk menjelaskan tipe warning kotak dialog tersebut diberinama "PERINGATAN"   berupa apakah anda yakin akan keluar?  maka akan tampil pilihan yes atau no pada tampilannya

b. String dataku[]=new String [2]; menjelaskan bahwa dataku mengandung dua buah array 

c.  dataku[0]="Desi Nurfitriani"; Pada syntax ini digunakan array untuk menampung username yang akan digunakan untuk login

d. dataku[1]="251117"; Syntax ini digunakan untuk menampung password

e.  public void kotak_pesan_login() digunakan untuk membuat login

f. int dialogButton = JOptionPane.showConfirmDialog (null, "Nama Pengguna Atau Sandi Salah?","PERINGATAN",JOptionPane.WARNING_MESSAGE);

Digunakan untuk memberi peringatan bahwa jika terjadi kesalahan antara username dan password 

    Tampilan Beberapa Menu Login

Ini merupakan tampilan login yang memuat sebuah perintah apakah yakin keluar dari aplikasi tersebut, dan akan diberikan pernyataan yes atau no.

Pada gambar ini merupakan tampilan aplikasi setelah berhasil login.

2. Tampilan Beranda

Gambar diatas merupakan tambilan beranda , berikut merupakan penjelasan sourcodenya :

Pada gambar diatas merupakan sourcode dari beranda yang berfungsi untuk menampilkan layar full screen atau tampilan menjadi full screen dan mengandung atribut. 

Fungsi test = args[0] untuk Instruksi program dibawah berfungsi untuk menampilkan nama pengguna yang disimpan di variabel "test" yang ada di variabel "dataku" di indeks [0].

    cukup sekian penjelasan semoga bermanfaat dan dapat dimengerti 

~Semoga Dapat Membantu Terimakasih💓~

Continue reading Membuat Tampilan Login Dan Beranda Pada Netbeans

Materi Raspberry Pi - Microkontroller

 Raspberry Pi 💻

Assalamualikum...Hai sahabat ngoding, hari ini saya akan membagikan penjelasan mengenai Raspberry Pi, Simak ulasan dibawah yaa semoga membantu...

Raspberry Pi disingkat dengan Raspi, adalah sebuah komputer papan tunggal (single-board circuit) yang memiliki ukuran sebesar kartu kredit yang dapat digunakan untuk  menjalankan program perkantoran, permainan komputer, dan sebagai pemutar media hingga video berdurasi tinggi. Raspi dikembangkan oleh yayasan nirlaba, Raspberry Pi Foundation, yamg digawangi sejumlah pengembang dan ahli komputer dari Universitas Cambridge, Inggris. Raspberry sudah merilis 4 jenis raspberry pi yakni Raspberry Zero , 1 , 2 , dan 3 , masing-masing mempunyai perbedaan spesifikasi seperti berikut ini :

Untuk menjalankan Raspberry Pi pengguna tentunya memerlukan sistem operasi yang dijalankan melalui SD Card pada board Raspberry Pi. Sistem operasi yang bisa dijalankan untuk Raspberry Pi juga sudah cukup banyak dan masing-masing mempunyai kelebihan tersendiri diantaranya sebagai berikut :

        1. Raspbian 

Raspbian adalah sistem operasi bebas berbasis Debian GNU / Linux dan dioptimalkan untuk perangkat keras Raspberry Pi(arsitektur prosesor armhf). Raspbian dilengkapi dengan lebih dari 35.000 paket, atau perangkat lunak pre-compiledpaket dalam format yang bagus untuk kemudahan instalasi pada Raspberry Pi. Awal di rilis sejak Juni 2012, menjadidistribusi yang terus aktif dikembangkan dengan penekanan pada peningkatan stabilitas dan kinerja sebanyak mungkin.Meskipun Debian menghasilkan distribusi untuk arsitektur lengan, Raspbian hanya kompatibel dengan versi yang lebih baru dari yang digunakan pada Raspberry Pi (ARMv7 CPU-A dan vs Raspberry Pi ARMv6 CPU yang lebih tinggi).

2. NOOBS

NOOBS adalah system operasi pada Raspberry Pi yang sangat mudah . Anda tidak memerlukan akses jaringan, dan Anda juga tidak perlu mengunduh program spesial untuk imaging (mengkloning image sistem operasi ke SD Card). Cukup masuk ke halaman unduh, dan ambil file zip dari NOOBS, unzip/ekstrak pada SD card yang telah diformat dengan ukuran 4GB atau lebih besar. Ketika Anda menyalakan Raspi untuk yang pertama kali, Anda akan melihat sebuah menu yang menanyakan Anda untuk menginstal salah satu dari beberapa sistem operasi pada sisa space pada SD card. Pilihannya berarti Anda bisa menyalakan Raspi dengan sistem operasi reguler seperti Raspbian, atau dengan sistem operasi spesifik untuk media-center seperti RaspBMC.

3.   RISCS OS

RISC OS (Reduced Instruction Set Computing)  merupakan sistem operasi British. Didesain secara khusus untuk prosesor berbasis ARM oleh tim yang sama yang membuat ARM yang asli dan dibuat pertama kali pada tahun 1987. RISC OS sangat cepat, kompak dan efisien. Dikembangkan dan dicoba oleh komunitas loyal dari berbagai developer dan penggguna. RISC OS sebenarnya bukan merupakan versi dari Linux, bukan juga dalam sisi apapun berkaitan dengan Windows. RISC OS memiliki banyak fitur tingkat lanjut dan segala aspek pada desainnya, khususnya bagi pengguna tingkat lanjut.

4. Windows 10 IoT Core

Windows 10 IOT, atau windows 10 Internet Of Things adalah versi os windows 10 yang khusus dikembangkan untuk single board computer seperti Raspberry Pi, dapat bekerja dengan ikatau tanpa layar display.

Berikut Tampilan Raspberry P3

1.   1.    Prosesor Broadcom BCM2837 1.2 Ghz

2. 2.  4 Port USB : Port standart komputer untuk menghubungkannya dengan piranti lain. Port ini mempunyai kecepatan tinggi sesuai dengan versinya, bila dibandingkan dengan port serial maupun port paralel. Contohnya digunakan untuk camera digital, hardisk eksternal, keyboard mouse usb, modem dan peralatan tambahan komputer lainnya.

3. 3.  1 Port HDMI : HDMI (High-Definition Multimedia Interface) adalah port yang sering digunakan pada berbagai perangkat audio visual dan mampu mengalirkan bandwidth hingga hitungan Gigabyte. Port HDMI bisa digunakan untuk mengkoneksikan seluruh sumber audio/video berbentuk digital seperti Blu-ray Disc Player, PC, Video game Console, telivisi digital dan smartphone.

4. 4.   1 Port Audio 3.5mm: Port audio atau soundcard adalah periferal yang terhubung ke slot ISA atau PCI pada motherboard, yang memungkinkan komputer untuk memasukkan input, memproses dan menghantarkan data berupa suara. Digunakan untuk menghasilkan output suara (speaker, headphone) dan juga input suara dengan microfon.

5. 5.  1 Port SDCARD: Port yang digunakan untuk menghubungkan memori SDCARD dengan Raspberry Pi.

6. 6.. Ethernet LAN Port : Port LAN atau lan card digunakan untuk menghubungkan komputer satu dengan lainnya yang membentuk jaringan komputer dalam suatu wilayah. Jaringan LAN biasanya hanya mencakup satu gedung rumah, misalnya jaringan LAN di kantor, hotel, bandara, warnet dll.

7  7. GPIO Pin yang terdiri dari 40 pin dengan berbagai fungsi.

1. 8.  Port Micro USB sebagai power untuk Raspberry Pi dengan daya maksimum 2.5 A dan konsumsi listrik 750mAh/5DVC.

8. 9.  DSI ( Display Serial Interface )

1010. CSI Port ( Camera Serial Interface )

    Bahasa Pemograman yang sering digunakan adalah :

        1.      Scratch

 Bahasa pemrograman visual untuk lingkungan pembelajaran yang memungkinkan pemula. Bahasa pemrograman ini dibuat oleh MIT Media Lab dari Massachusetts Institute of Technology. Dengan Scratch, pengguna dapat membuat sendiri animasi, permainan, karya kesenian, dan lain-lain.

2.    2.   Python

Python adalah bahasa pemrograman interpretatif multiguna dengan filosofi perancangan yang berfokus pada tingkat keterbacaan kode. Python adalah  bahasa yang menggabungkan kapabilitas, kemampuan, dengan sintaksis kode yang sangat jelas, dan dilengkapi dengan fungsionalitas pustaka standar yang besar serta komprehensif.

3.     3.  HTML 5

Hyper Text Markup Language (HTML) adalah  bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

4.     4.  Javascript

    Bahasa pemrograman yang digunakan dalam pengembangan website agar lebih dinamis dan            interaktif. Kalau sebelumnya kamu hanya mengenal HTML dan CSS, nah sekarang kamu jadi tahu bahwa JavaScript dapat meningkatkan fungsionalitas pada halaman web. Bahkan dengan JavaScript ini kamu bisa membuat aplikasi, tools, atau bahkan game pada web.Bicara teknis, JavaScript atau kita singkat menjadi JS merupakan bahasa pemrograman jenis interpreter, sehingga kamu tidak memerlukan compiler untuk menjalankannya. JavaScript memiliki fitur-fitur seperti berorientasi objek, client-side, high-level programming, dan loosely typed.

5.      5. JQuery

jQuery adalah sebuah library JavaScript. Dalam dunia pemrograman, library adalah kumpulan dari berbagai fungsi ‘siap pakai’ untuk memudahkan pembuatan sebuah aplikasi. Dengan demikian, jQuery adalah kumpulan fungsi-fungsi JavaScript yang memudahkan penulisan kode JavaScript.

6.      6. Java

Java adalah bahasa pemrograman yang dapat dijalankan di berbagai komputer termasuk telepon genggam. Bahasa ini awalnya dibuat oleh James Gosling saat masih bergabung di Sun Microsystems saat ini merupakan bagian dari Oracle dan dirilis tahun 1995. 

7.      7.   C

Bahasa pemrograman C merupakan salah satu bahasa pemrograman komputer. Dibuat pada tahun 1972 oleh Dennis Ritchie untuk Sistem Operasi Unix di Bell Telephone Laboratories. Meskipun C dibuat untuk memprogram sistem dan jaringan komputer namun bahasa ini juga sering digunakan dalam mengembangkan software aplikasi.

8.   8.    C++

C++ adalah bahasa pemrograman komputer yang di buat oleh Bjarne Stroustrup, yang merupakan perkembangan dari bahasa C dikembangkan di Bong Labs (Dennis Ritchie) pada awal tahun 1970-an, Bahasa itu diturunkan dari bahasa sebelumnya, yaitu B.

9.    9.   PERL

Perl adalah bahasa pemrograman untuk segala keperluan, dikembangkan pertama kali oleh Larry Wall di mesin Unix. Perl dirilis pertama kali pada tanggal 18 Desember 1987 ditandai dengan keluarnya Perl 1.

10  10. ERLANG

 Bahasa pemrograman yang dirancang untuk mengembangkan sistem yang kuat dari program yang dapat didistribusikan di antara komputer yang berbeda dalam suatu jaringan. Nama erlang diambil dari sebuah nama pakar matematika yaitu Denmark Agner Krarup Erlang, bahasa ini dikembangkan oleh Ericsson Ilmu Komputer Lab untuk membangun sebuah perangkat lunak produk telekomunikasi sendiri.

B

Continue reading Materi Raspberry Pi - Microkontroller

 Aplikasi Kalkulator Sederhana Menggunakan Java Netbeans💻

    Assalamualaikum,wr.wb

Hallo sahabat ngoding, hari ini saya akan membagikan tutorial membuat aplikasi sederhana  menggunakan Netbeans dengan bahasa java Program yang dibuat berbasis GUI (Graphic User Interface) yang kita buat menggunakan aplikasi netbeans, netbeans sendiri merupakan IDE berbasis java yang banyak digunakan untuk membuat aplikasi berbasis desktop.

    Berikut adalah langkah-langkah membuat kalkulator berbasis GUI :

1. Buka aplikasi Netbeans
2. Pilih menu file – new project
3. Pilih kategori java – java application
4. Masukan nama project, misalnya : kalkulator
5. Klik next maka project berhasil dibuat.
6. Selanjutnya pada project tersebut, klik kanan pilih new
   
7. Kemudian masukkan class lalu finish
8. Jika sudah selesai maka akan muncul aplikasi menggunakan Jframe Form. Selanjutnya kita memilih beberapa komponen SWING untuk di drag kedalam layout aplikasi.
   
   
   
   Komponen yang di gunakan adalah label, button, text field. label berfungsi untuk memberi keterangan/petunjuk pada isian form, text field sebagai form isian dan button sebagai tombol untuk memproses nilai yang dimasukan pada text field, nantinya pada komponen button kita menambahkan event actionPerformed sebagai reaksi yang dilakukan saat pengguna mengklik button tersebut.
9. Pada Aplikasi ini memerlukan 4 jframe from contohnya seperti untuk utama, kalkulator,operator dan depan seperti gambar dibawah ini, dan masing-masing memiliki fungsi yang berbeda, seperti "Depan" digunakan untuk operator dan pengecekan kalkulator yang akan dibuat, kemudian "Kalkulator" digunakan untuk merancang dan membuat tampilan kalkulator, lalu pada "Operator" digunakan untuk pendeklarasian variabel penjumlahan beserta rumus yang akan dibuat seperti penjumlahan pada kalkulator,dan "Utama" merupakan class inti yang menurunkan classnya ke class-class lainnya.
   
   
   
10. Merancang Kalkulator

    Pada gambar diatas terdapat banyak tombol-tombol, untuk membuat tombol tersebut kita bisa menggunakan tools yang bernama Button, dan gunakan label untuk membuat tempat menampilkan hasil kalkulator, kemudian untuk mengedit teks pada tombol - tombol tersebut bisa dilakukan dengan cara klik kanan pada tombol dan inputkan berupa sebuahvariabel.

11. Setiap elemennya adalah sebuah variabel, kemudian untuk mempermudah dalam merubah sourcode maka ubah dulu nama variabel tersebut, contoh ketika tombol dengan angka 1 maka ubah nama variabel nya menjadi "satu" dan seterusnya dengan cara klik kanan pada tombol kemudian pilih "Change Variabel Name" kemudian ubah.

12. Setelah itu untuk memasukkan source code di setiap tombol, dengan cara klik kanan pada tombol lalu pilih Events, pilih lagi Action dan klik actionPerformed, dan klik intruksi program. seperti gambar dibawah ini :

13. Tampilan Swing Controll :

Source Code Pada Setiap Tombol:

Gambar diatas adalah beberapa contoh source code dari beberapa tombol, lakukan pada semua tombol yang tersedia. kalkulator yang dibaut kali ini masih sangat sederhana, hanya mampu melakukan penjumlahan dengan digit bilangan hanya 1digit angka

~Terimakasi Semoga Bermanfaat💓~

Continue reading Aplikasi Kalkulator Sederhana Menggunakan Java Netbeans