Top Banner
Pemrograman Berorientasi Obyek Ramos Somya
23

Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Apr 08, 2019

Download

Documents

dangthuy
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Pemrograman Berorientasi Obyek

Ramos Somya

Page 2: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

User Interface (UI) mencakup semua interaksi dankomunikasi antara sebuah program dan pemakainyatermasuk semua yang didengar dan dirasakan.

Kemudahan dan kecepatan dalam berinteraksi bahkanmemegang arti yang sangat penting pada UI.

UI yang tersedia pada java adalah:

- Standard I/O

- Abstract Window Toolkit (AWT)

- Swing

Page 3: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Standard Input dan Output serta Error adalah cara kunodalam membangun sebuah UI. Saat ini masih dapatdigunakan, tapi hanya sebatas untuk testing, debuggingprogram atau untuk program yang tidak digunakan olehend user.

Contoh:

Page 4: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

AWT menyediakan berbagai komponenGraphical UI (GUI) seperti button, list, menu,textarea, dialog, dll.

Page 5: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Merupakan pengembangan dari AWT yang jugamenyediakan komponen-komponen graphicalyang dimiliki AWT dan komponen tambahanlainnya.

Sering dipakai untuk membangun aplikasidekstop berbasis Java.

Page 6: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Klik Kanan Project – New – Frame Form – Finish. Kalau tidak ada, klik Other – AWT GUI Forms –

Frame Form – Finish.

Page 7: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Klik kanan Project – New – JFrame Form – Finish. Klik Kanan Project – Other – Swing GUI Form –

JFrame Form – Finish.

Page 8: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Kali ini akan dibahas lebih mendetil tentang carapemakaian dari setiap komponen yang sering digunakan.Karena jumlah komponen yang sangat banyak makapembahasan difokuskan pada komponen Swing.

Komponen dalam Swing dibagi 3 secara garis besar:- Top Level Container- Intermediate Level Container- Attomic Component

Page 9: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Merupakan object yang digunakan untukmeletakkan komponen lain di atasnya. Setiapcontainer memiliki Content Pane sebagai tempatuntuk meletakkan komponen lain kecuali menubar yang letaknya sejajar dengan content pane.Yang termasuk dalam kelompok ini adalahJFrame, JDialog dan JApplet .

Page 10: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Langsung coba di NetBeans…..

Page 11: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Terdiri dari beberapa class yaitu JOptionPane (dialogstandar), JProgressBar (indikator proses), JColorChooser(memilih warna), JFileChooser (memilih file), dll.

Akan dibahas class yang paling sering digunakan yaituJOptionPane.

Page 12: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Digunakan untuk mempermudah dalam meletakkankomponen lain seperti label, button, dll.

Komponen-komponen intermediate container adalahJPanel, JScrollPane dan JTabbedPane.

Page 13: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

class ini sering dipakai menjadi container. Dalam sebuahFrame bisa menampung lebih dari satu Panel. Panel bisajuga diletakkan di dalam panel lainnya, tergantung kebutuhan.

Langsung dicoba saja….

Page 14: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Seperti Panel namun memiliki scroll (vertikal danhorizontal) sehingga cocok dipakai untuk menampungobject yang ukurannya cukup besar atau object dalamjumlah yang banyak.

Langsung dicoba saja…

Page 15: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Beberapa panel yang bertumpuk-tumpuk dandapat dipilih panel mana yang ditampilkan.

Langsung dicoba…

Page 16: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Merupakan komponen yang tidak menampung komponenlain. Digunakan sebagai jalur informasi dalam interaksidengan user baik untuk input maupun output. Beberapadi antaranya adalah JButton, JLabel, JComboBox,JTextField, dll.

Akan dibahas beberapa komponen yang seringdigunakan.

Page 17: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

JLabelMenampilkan teks maupun gambar yang tidak dapat di-select.

JTextFieldDigunakan untuk menampung input string yang pendek.

JPasswordFieldSama dengan JTextField namun karakter yang diketiktidak tampil melainkan karakter tertentu yang tampil.

JTextAreaMemiliki jumlah baris dan kolom yang cukup banyak,digunakan untuk mengambil input String yang panjang.

Page 18: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

JComboBoxUntuk memilih salah satu pilihan di dalamnya.

JButtonObject input berupa tombol yang biasanya digunakanuntuk mengeksekusi suatu proses.

JRadioButtonUntuk memilih salah satu pilihan saja.

JCheckBocUntuk memilih satu atau lebih pilihan.

Page 19: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Buat Form untuk menginputkan data pribadi dan menampilkannya ke dalam JOptionPane:

Page 20: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Buat Aplikasi Kalkulator Sederhana:

Tampilkan hasil perhitungan pada JOptionPane.

Page 21: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Modifikasi Latihan 2 sehingga menjadi:

Tambahkan proteksi bahwa field harus diisi. Tampilkanmessage-nya dengan JOptionPane.

Tambahkan untuk proteksi inputanharus berupa angka.

Page 22: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana:

Dikerjakan secara kelompok seperti minggu lalu(maksimal 5 mahasiswa).

Dikumpulkan dalam hardcopy, sertakan sourcecode, output dan penjelasan program.

Dikumpulkan pada hari Senin, 18 Juli 2011 pukul09.00 – 11.00 WIB.

NO COPY PASTE !!

Page 23: Pemrograman Berorientasi Obyek - Ramos' Blog fileUI yang tersedia pada java adalah: ... bar yang letaknya sejajar dengan content pane. ... Buat Aplikasi Kalkulator Sederhana: