Thursday, August 3, 2017

Java || Cara Membuat Jam Digital

  1 comment
6:23:00 PM

Assalamu'alaikum. Kesempatan kali ini kita akan membuat sebuah jam digital sederhana menggunakan java. Jam yang akan ditampilkan nantinya akan mengikuti waktu yang ada pada PC agan. Tanpa basa-basi langsung kita ke TKP!!!

Supaya jenis font terlihat lebih bagus, saya merekomendasikan menggunakan font digital, berikut link downloadnya disini. Oke, silahkan ikuti langkah-langkahnya:
  1. Buat sebuah project java di IDE agan.
  2. Lalu tambahkan sebuah Class JFrame From.
  3. Kemudian tambah lagi dua Label yang nantinya akan menjadi tampilan jam digital agan. Saya memberi nama variable tersebut "lblJam" (tanpa tanda kutip). Silahkan atur sedemikan rupa sesuai keinginan agan. Saya menggunakan font digital diatas. Berikut penampakan yang saya buat: (waktu tidak akan berjalan, karena belum kita beri perintah)
  4. Import library dibawah ini, letakkan paling atas.
    import java.util.Calendar;
    import java.util.GregorianCalendar;
  5. Buat sebuah method, yang mana method ini yang akan kita panggil untuk menampilkan waktu. berikut kodingannya:
    public void run() {
        new Thread() {
            public void run() {
                int waktu = 0;
                while (waktu == 0) {
                    Calendar kalender = new GregorianCalendar();
                    
                    //set variabel
                    int jam = kalender.get(Calendar.HOUR);
                    int menit = kalender.get(Calendar.MINUTE);
                    int detik = kalender.get(Calendar.SECOND);
                    int am_pm = kalender.get(Calendar.AM_PM);
                    
                    //mengatur menggunakan AM atau PM
                    String siang_malam = "";
                    if (am_pm == 1) {
                        siang_malam = "PM";
                    } else {
                        siang_malam = "AM";
                    }
                    
                    //mengatur format penulisan waktu
                    String format_waktu = jam + ":" + menit + ":" + detik + " " + siang_malam;
    
                    //menampilkan pada label yang digunakan sebagai penunjuk waktu
                    lblJam.setText(format_waktu);
                }
            }
        }.start();//ini wajib
    }
    
  6. Terakhir, kita harus menjalankan method diatas agar dapat dieksekusi oleh IDE ketika kita jalankan. Caranya, silahkan agan cari code initComponents(); , lalu panggil methodnya seperti ini:
    public Jam_Digital() {
        initComponents();
    
        //Panggil Method run
        run();
    }
    
  7. Jika dijalankan kurang lebih penampakannya seperti ini
Sekian dulu pembelajaran kita, jika ada pertanyaan atau masukan silahkan berkomentar di bawah. Terimakasih banyak, semoga bermanfaat. Assalamu'alaikum...

Read More

Wednesday, August 2, 2017

JavaFX || GUI (Graphical User Interface) pada Aplikasi

  No comments
9:43:00 AM

Assalamu‘alaikum wa rahmatullahi wa barakatuh. GUI (Graphical User Interface) adalah antarmuka pada sistem operasi atau komputer yang menggunakan menu grafis agar mempermudah pada user berinteraksi dengan komputer. GUI sangat penting dalam aplikasi, semakin baik GUI yang diberikan maka user akan semakin mudah atau tetap senang berlama-lama pada aplikasi tersebut. Menurut Siswoutomo (2006) agar aplikasi disukai banyak user, maka aplikasi itu harus memenuhi:
  1. High Performance
  2. Jika user mendapati aplikasi yang berjalan lambat, aplikasi itu dikatakan gagal karena user akan menjadi malas untuk menggunakan aplikasi tersebut
  3. Mudah digunakan
  4. Aplikasi yang mudah digunakan tentu lebih mudah diterima oleh semua kalangan user. Salah satu contoh aplikasi yang dikatakan mudah digunakan yaitu proses instalasi yang mudah, serta diberikan penanganan error, karena pesan tentang error yang terjadi akan memberi kenyamanan terhadap user karena memberi tahu sesungguhnya yang terjadi.
  5. Penampilan yang menarik
  6. User akan mengharapkan tampilan yang menarik dan mudah dipahami. Pemberian warna pada aplikasi akan memberikan efek yang besar terhadap kenyamanan pada user.
  7. Reliability
  8. Setiap aksi dalam aplikasi yang dibuat harus sesuai dengan fitur yang ada dalam tampilan aplikasi tersebut. Secara tidak langsung, setiap aksi dalam aplikasi tersebut dapat ditebak oleh user. Contohnya pada tombol save, exit, dan lain-lain harus sesuai dengan tujuan yang dimaksud
  9. Mampu Beradaptasi
  10. Mengembangkan aplikasi yang mampu beradaptasi, programmer harus mampu mengansumsikan kondisi yang mungkin dialami user. Namun tidak perlu mengasumsikan kondisi hardware yang tersedia.
  11. Interoperability
  12. Artinya programmer memberikan kesempatan pada user untuk dapat mengekspornya dalam format Excel, PDF, dan lain-lain.
  13. Mobility
  14. Maksudnya ialah mempertimbangkan hal-hal yang berkaitan pemborosan baterai, memori, dan sebagainya.
Berdasarkan uraian diatas, admin ingin memperkenalkan suatu konsep dalam membuat tampilan yang lebih menarik yaitu Material Design. Konsep Material Design dikembangkan oleh Google. Konsep ini banyak meminjam konsep-konsep lainnya, terutama Flat Design. Berikut contoh aplikasi yang menggunakan Material Design:
Sampai disini dulu, jika ada pertanyaan atau apapun silahkan tinggalkan komentar di bawah. Semoga bermanfaat bagi kita semua. Assalamu‘alaikum wa rahmatullahi wa barakatuh.

Read More

Saturday, July 29, 2017

JavaFx || Membuat project baru pada JavaFx

  No comments
8:25:00 PM

Assalamu ‘alaikum wa rahmatullahi wa barakatuh. Setelah kita menginstal Scene Builder pada NetBeans, kali ini kita akan membuat sebuah project baru di NetBeans menggunakan JavaFx. Berikut langkah-langkahnya:
  1. Buka NetBeans agan, tunggu sesaat.
  2. Kemudian pilih File => New Project

  3. bisa juga dengan menggunakan shortcut ctrl+shift+N, atau menggunakan icon pada toolbar di Netbeans.

  4. Pilih pada Categories: JavaFX, dan pada Projects: JavaFX FXML Application, lalu Next.
  5. Silahkan isi nama project yang ada pada kolom, pada project location saya biarkan saja, karena secara default project akan tersimpan pada folder Documents\NetBeansProjects. Saya memberi nama project "New Project JavaFX".
  6. Selamat, sebuah project baru telah agan buat. Begini tampilannya:
  7. Ini penjelasannya
    1. Class ini berguna untuk menambah/mengubah tampilan baik itu button,textfield, ataupun multimedia pada project
    2. Class ini berguna memberikan kontrol pada project
    3. Class ini memberikan perintah-perintah pada tampilan yang sudah dibuat pada Class No. 1
Selanjutnya kita akan mengubah tampilan project lebih bagus. Cukup sekian dulu, Assalamu ‘alaikum wa rahmatullahi wa barakatuh.

Read More

Friday, July 28, 2017

JavaFx || Install Scene Builder (Gluon) di NetBeans

  2 comments
3:25:00 PM

Assalamu ‘alaikum wa rahmatullahi wa barakatuh. Perlu agan ketahui, ciri-ciri Scene Builder yang belum terhubung dengan NetBeans cukup klik kanan pada Class FXML. Jika tidak ada pilihan "Open" itu berarti belum terhubung, lihat gambar disamping!. Sekarang terlebih dahulu kita harus menghubungkan Scene Builder dengan NetBeans.

Scene Builder adalah aplikasi yang membantu kita dalam mendisain interface aplikasi dengan lebih mudah. Disini kita menggunakan Scene Builder dari Gluon. Sebelum memulai, silahkan persiapkan alat tempur yang akan kita gunakan, yaitu:

  1. NetBeans IDE, link download
  2. JDK, link download
  3. Scene Builder (Gluon), link download
Setelah semua didownload, silahkan ikuti petunjuk berikut ini untuk menginstal semuanya:
  1. Instal JDK dan NetBeans terlebih dahulu. Saya menyarankan gunakan NetBeans IDE versi terbaru.
  2. Instal Scene Builder Gluon seperti biasa.
  3. Selanjutnya kita akan mengatur supaya Scene Builder bisa tersambung dengan NetBeans. Caranya:
    1. Buka aplikasi NetBeans anda, pilih Tools => Plugins => Available Plugins
    2. Lalu ketik "Gluon" pada kolom Search, disisi kiri akan muncul pilihan, silahkan ceklis pada kotaknya, klik "Install" di pojok bawah
    3. Jika ada minta konfirmasi klik "Next" saja, lalu akan muncul tampilan seperti ini. Pastikan agan memilih "Gluon Plugin" pada pilihan yang tersedia. Lalu ceklis kotak yang dibawahnya. Klik "Install"
    4. Setelah Installan telah selesai, silahkan Restart NetBeans IDE agan. Sekarang cek apakah Scene Builder sudah terhubung atau belum.
    5. Jika belum ada pilihan "Open", pilih Tools => Options => Java => JavaFX, pastikan sesuai dengan yang digambar. (letak Scene Builder tergantung dimana agan menginstall aplikasinya). Setelah diatur, klik Ok dan Restart kembali NetBeans agan.
Jika ada pertanyaan silahkan bertanya di kolom komentar di bawah. Semoga bermanfaat bagi kita semua. Assalamu ‘alaikum wa rahmatullahi wa barakatuh...

Read More

Wednesday, July 26, 2017

JavaFx || Apa Itu JavaFx?

  No comments
11:43:00 AM

Mengenal JavaFx

JavaFx adalah salah satu teknologi dari Java yang digunakan untuk membangun atau merancang aplikasi yang kaya dengan konten multimedia / Rich Internet Applications (RIA) seperti grafis, sound, effect grafis, dan video yang dapat berjalan pada mobile, desktop, televisi, dan sebagainya. Berdasarkan namanya, JavaFx tidak jauh-jauh dari bahasa Java sehingga tidak menjadi beban kita untuk belajar bahasa JavaFx ini.

JavaFx diperkenalkan oleh kepala Developer Sun Microsystem, James Gosling pada konferensi JavaOne 2007 untuk membantu pengembangan konten dan pembangunan aplikasi. Pengembangan awal terdiri dari platform JavaFx handphone dan bahasa JavaFx Script. Beberapa perilisan publik disampaikan setelah pengumuman awal, versi 1.3 pada 22 April 2010. Setelah akuisisi Oracle dari Sun Microsystem, Oracle mengumumkan pada konferensi JavaOne 2010 bahwa dukukan untuk bahasa JavaFx Script akan dihentikan. Namun, saat itu juga mengumumkan bahwa JavaFx Script API akan dikembalikan kepada bahasa Java seutuhnya dan akan dirilis sebagai bagian produk JavaFx 2.0. Pengumuman ini berarti kemampuan JavaFx akan tersedia untuk semua pengembang Java, tanpa perlu bagi mereka untuk belajar bahasa Scripting. Oracle berkomitmen unutk membuat JavaFx sebagai lingkungan pembuat aplikasi RIA yang utama.

Selanjutnya kita akan memulai belajar dengan JavaFx, klik di sini  untuk memulai!

Read More

Sunday, February 26, 2017

Membuat Pola (Patterns) dengan Java Part 2

  No comments
11:29:00 AM

Assalamualaikum teman-teman java. Pada pertemuan ini kita akan membahas masalah sebelumnya yaitu mengenai pola/patterns. Pada Part 1 telah dibahas tentang Patterns yang berbentuk persegi. Kali ini kita akan membuat patterns berbentuk segitiga siku-siku. Berikut penampakan hasilnya :
Pada pola ini hampir sama dengan pola pertama karena memiliki jumlah baris dan kolom yang sama. Namun bagaimana agar baris pertama hanya mengeprint satu bintang, baris kedua mengeprint dua bintang, baris ketiga mengeprint tiga bintang, dan baris keempat mengeprint empat bintang. Berikut tahap-tahapnya :
  1. Buat perulangan pertama (variable i) dengan nilai range 1 s/d 4. Perulangan ini akan menjadi patokan jumlah baris pada hasil outputnya.
  2. Buat perulangan kedua (variable j) di dalam perulangan pertama dengan kondisi <= i. Perulangan ini akan menjadi patokan jumlah kolom pada hasil output.
  3. Beri perintah System.out.print ("*"); di dalam perulangan kedua. Perintah ini untuk mengeprint karakter bintang (*).
  4. Tambah perintah System.out.println(""); setelah tutup kurung kurawal pada perulangan kedua. perintah ini untuk memberikan baris baru apabila program perulangan kedua selesai (false). Berikut Skrip lengkapnya :
  5. public class pola {
        public static void main(String[] args) {
            for (int i = 1; i <= 4; i++) {
                for (int j = 1; j <= i; j++) {
                    System.out.print("*");
                }System.out.println("");
            }
        }
    }
Bagaimana program ini bekerja?
  1. Saat perulangan pertama berkondisi true yaitu i = 1 dan 1 <= 4, maka akan menjalankan program dibawahnya yaitu perulangan kedua.
  2. Perulangan ke dua akan bernilai j = 1 dengan kondisi true kerena 1 <= i , i = 1, dimana i pada perulangan kedua ini akan mengikuti nilai i pada perulangan pertama. Karena true, maka akan menjalankan program dibawahnya yaitu mengeprint satu karakter bintang (*).
  3. Kemudian perulangan kedua kembali berjalan dengan nilai j = 2, karena nilai i tadi masih satu, maka perulangan ini bernilai false. Maka akan menjalankan perintah System.out.println(""); yang berfungsi membuat baris baru.
  4. Program akan kembali ke perulangan pertama dengan nilai i = 2 dimana 2 <= 4 bernilai true.
  5. Perulangan ke dua akan bernilai satu (1) dengan kondisi true. kerena 1 <= i, dimana i bernilai dua (2). Maka akan menjalankan program di bawahnya yaitu mengeprint satu karakter bintang (*).
  6. Kemudian perulangan kedua kembali berjalan dengan nilai j = 2, karena nilai 2  <= i,dengan nilai i itu tadi dua (2) bernilai true maka masih menjalankan perintah System.out.print("*");
  7. Saat nilai j = 3, maka akan bernilai false karena 3 > 2 dan menjalankan perintah System.out.println(""); untuk membuat baris baru.
  8. Begitu seterusnya sampai perulangan pertama bernilai false yaitu saat nilai i = 5. Maka program akan berhenti.
Untuk versi vedeonya silahkan buka link ini!
Samapai disini dulu pertemuan kita, kunjungi halaman untuk pola pertama dam ketiga. Semoga bermanfaat bagi kita semua. Jika ada kekurangan mohon maaf dan apabila ada pertanyaan silahkan bertanya di kolom komentar di bawah. Wassalam.....

Read More